Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog, tombol follow blogger sering disebut juga sebagai tombol join us (join this site) berfungsi sebagai navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini saya akan membagikan cara menciptakan tombol follow blogger yang sanggup ditempatkan di aneka macam tata letak ibarat di atas kolom komentar, sidebar, sajian navigasi dan tombol follow di dalam postingan.
 |
| Cara Membuat Tombol Follow di Blog |
Metode yang saya gunakan untuk menciptakan tombol follow yaitu dengan memanfaatkan link follow yang ada pada widget followers (join this site), dengan demikian maka tombol follow yang dihasilkan akan lebih ramah dan gampang di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger dan yang pertama harus dilakukan yaitu menyiapkan link follow + id situs blog, lihat pola dibawah ini;
https://www.blogger.com/follow.g?blogID=6093713042691745392
Nomor id yang ditandai dengan abjad tebal yaitu nomor id situs blog saya, silahkan ganti dengan "id" situs blog masing-masing, untuk mendapat atau melihat "id" situs blog silahkan login ke blogger, pilih salah satu situs kalau kau mempunyai banyak situs blog lalu lihat pada addres kafe id situs blog anda.
 |
| ID Situs Blog |
Setelah link follow situs disiapkan selanjutnya yaitu memasang link follow tersebut ke tata letak atau daerah yang diinginkan dan menampilkan nya sebagai tombol follow (join us).
Memasang Tombol Follow di Atas Kolom Komentar
- Login ke blogger > Template > Edit HTML
- Cari instruksi epilog css yaitu ]]></b:skin>
- Tambahkah instruksi css berikut ini sempurna di atas kode ]]></b:skin>
.comments .rightx{font-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;}
.comments .rightx a{display:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;}
Save template, lalu cari kode
<h4 id='comment-post-message'> atau
<h4 id='comment-post-message'><data:postCommentMsg/></h4> dan
ganti dengan dengan instruksi di bawah ini.
<h4 id='comment-post-message'>
<span class='subscrnya'><data:postCommentMsg/></span>
<span class='rightx'><b:if cond='data:top.commentLabel'>
<a href='https://www.blogger.com/follow.g?blogID=6093713042691745392'>Join Us</a>
</b:if>
</span>
</h4>
Ganti text "
Join Us" dengan
Follow First atau
Subscribe sesuai dengan selera masing-masing dan ganti juga nomor id "
6093713042691745392" dengan id situs blog kau sendiri. Save template dan lihat hasilnya, tombol follow akan muncul di atas kolom komentar ibarat terlihat pada pola dibawah ini.
 |
| Cara Membuat Tombol Follow di Atas Kolom Blog |
Catatan: Kode
<h4 id='comment-post-message'><data:postCommentMsg/></h4> yaitu instruksi "comment message" single comment box dan merupakan instruksi default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kau sudah dimodifikasi atau memakai 3 comment system (blogger-facebook-disqus) silahkan lihat pada pola gambar berikut [
Klick Unduh]
Menambahkan Tombol Follow Pada Menu Navigasi
<nav class='naviy' id='nav'>
<ul class='sf-menu' id='menunav'>
<li><a href='add_url'>About</a></li>
<li><a href='add_url'>Contact</a></li>
<li><a href='https://www.blogger.com/follow.g?blogID=6093713042691745392'>Join This Site</a></li>
</ul>
</nav>
Membuat Tombol Follow di Sidebar
- Login ke Blogger > Tata Letak > Add Widget HTML
- Tambahkan instruksi berikut ini lalu save
<button onclick="window.location='https://www.blogger.com/follow.g?blogID=6093713042691745392'" style="background-color: orange; color: white; height: 30px; width: 201px;"><b>Follow Us</b></button>
Ganti id blog dan warna tombol sesuai dengan yang di inginkan.
Menambahkan Tombol Follow di Dalam Postingan
Untuk menambahkan tombol follow di dalam post (artikel) sesungguhnya metode yang dipakai sama dengan metode menciptakan tombol follow di sidebar, yaitu dengan menambahkan element button pada link follow blog. Kamu sanggup mencoba variasi tombol yang berbeda ibarat pola berikut ini.
<a href="https://www.blogger.com/follow.g?blogID=6093713042691745392" target="_blank"><button><b>Subscribe Me</b></button></a>
Nah, itulah beberapa cara menciptakan tombol follow di blog (situs blogger) yang sanggup di sesesuaikan dan di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga sanggup diterapkan pada situs blog yang sudah menghapus css bundlle (
optimasi pagespeed insights) alasannya yaitu umumnya menghapus css bundle umumnya akan menyebabkan beberapa widget blogger tidak berfungsi termasuk widget followers.
Kelebihan:
- Mengganti widget followers (join this site) dengan tombol follow, tidak membebani loading situs web sama sekali.
- Tombol follow sanggup diletakkan di banyak daerah yaitu, di atas kolom komentar, sidebar, sajian navigasi, di dalam post blogger dan lain-lain.
- Menghindari blocked rendering paruh atas situs
- Dan sanggup di variasikan dengan banyak style css button.
Demikian tutorial cara menciptakan tombol follow (subscribe button) blogger dan siap-siap untuk mendapat banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar dan
Subscribe situs blog tukang listrik batam. Anggap saja subscribe anda sebagai bonus untuk saya, simpulan kata saya ucapkan terimakasih telah berkunjung dan biar tuorial ini bermanfaat.
