Cara membuat tombol Follow me dibawah posting

Widget "followe me" atau "follow this blog" memang sudah disediakan oleh blogger, kita tinggal add gadget dan meletakkannya pada sidebar blog kita. Tapi tidak ada salahnya kita menambahkan link "followe me" atau "follow this blog" ini dibawah posting artikel kita.  Sebab link  yang berbentuk tombol ini lebih mudah terlihat oleh pengunjung setelah selesai membaca artikel. Apa lagi pengunjung tertarik dengan artikel yang dibaca, tidak menutup kemungkinan pengunjung akan langsung join dan follow blog kita melalui tombol "followe me" atau "follow this blog" yang kita pasang dibawah posting. Jadi tombol rekomendasi ini lebih berfungsi dan bermanfaat.

OK... bila anda berminat memasang tombol ini, silahkan anda bisa ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode ini :
<data:post.body/>

7. Copy kode dibawah ini dan paste dibawah kode <data:post.body/>:
<form><input onclick='followblog()' type='button' value='Follow this Blog'/></form><script type='text/javascript'>function followblog(){window.open(&quot;http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA&quot;,&quot;_blank&quot;,&quot;toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=550, height=520&quot;);}</script>

Perhatikan seperti contoh berikut :
<form><input onclick='followblog()' type='button' value='Follow this Blog'/></form><script type='text/javascript'>function followblog(){window.open(&quot;http://www.blogger.com/follow-blog.g?blogID=4238251463278702654&quot;,&quot;_blank&quot;,&quot;toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=550, height=520&quot;);}</script>

8. SIMPAN TEMPLATE.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Related

Tutorial Blogger 7730309166163415075

Posting Komentar

  1. Nice Info sob.. thanks for share...
    kunjung balik ya.. Technology Is Informatica

    BalasHapus
  2. agan mau tanya nih, cara ngilangin share bawaan blogspot gimana ya.? padahal saya udah nggak centak di pengaturan posting tapi tetep gak bisa,

    BalasHapus
    Balasan
    1. Anda bisa menghapus dari HTMLnya, tepatnya ada pada sebelum kode "data:post.body/"

      Hapus
  3. thx gan code ini yg aku cari...
    Aku coba dulu ya...thx

    BalasHapus

emo-but-icon

Hot in week

Recent

Comments

item