Aug 12, 2012

Memasang Facebook Page dan Follow Twitter di Bawah Posting Blog

Pada beberapa post terdahulu Julak sourie pernah membuat tutorial tentang cara memasang like facebook, tweet, tombol plus one di bawah postingan, selain itu ada juga tombol share melayang. Agak berbeda dengan itu, kali ini Julak akan share cara menambahkan like facebook page dan follow twitter di posting blog. 

Perbedaannya adalah jika pengunjung mengeklik tombol like, maka secara otomatis mereka akan menyukai halaman facebook blog kita, dengan catatan pada saat itu mereka sedang login di akun facebook. Sedangkan tombol suka biasa tidak, dan hanya menyukai postingan tertentu saja. Demikian pula tombol twitter, pengunjung otomatis akan memfollow akun twitter kita, yang jika tombol biasa hanya sekedar men "tweet" artikel kita. Sebuah nilai lebih saya kira jika diterapkan di blog sobat.


Mau tahu caranya? Silakan ikuti tutorial berikut ini

Memasang Facebook Page dan Follow Twitter di Bawah Posting Blog


Cara memasangnya 

1. Masuk ke dasbor blogger > Template > Edit HMTL > Lanjutkan > centang expand template

2. Cari Kode <data:post.body/> atau <div class='post-footer-line post-footer-line-1'> 

3. Kemudian pasang kode  di bawah ini tepat dibawah kode <data:post.body/> atau sebelum <div class='post-footer-line post-footer-line-1'>  (pilih salah satu saja)

Klik Pilih Semua Kode untuk Mencopy Kode



    <!-- Tombol Like Halaman Facebook  Twitter Follow by super-gaptek.com-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='margin:5px 0px 65px 0px; padding:10px; float:none; width:590px;'>
    <div style='margin:0px 0px 0px 0px; padding:0px; float:left; width:265px; border-right:1px solid #ddd;'><!-- Facebook Like button start --><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcaramembuatblogspot&amp;width=265&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false' style='border:none; overflow:hidden; width:265px; height:62px;'/></div><div style='margin:10px 30px 0px 0px; padding:0px; float:right; width:250px;'><!-- Twitter follow button start --><a class='twitter-follow-button' data-show-screen-name='false' href='http://twitter.com/supergaptech'>Follow @supergaptech</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script><!-- Twitter follow button end --></div></div></b:if>



4. Ganti caramembuatblogspot dengan username facebook sobat dan supergaptech dengan username akun twitter kamu


Untuk Live Demonya bisa dibuka Disini

Bagaimana sobat udah jadi? silakan tambahkan halaman facebook dan follow twitter di postingan blog .

No comments:

Post a Comment

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih