- Back to Home »
- Tutorial Blog »
- Memasang Facebook Page dan Follow Twitter di Bawah Posting Blog
Posted by : Sandhy09
20 Mar 2013
Pada beberapa post terdahulu saya 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 == "item"'>
<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&width=265&height=62&colorscheme=light&show_faces=false&border_color&stream=false&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/sandymufc09'>Follow @sandymufc09</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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><!-- Twitter follow button end --></div></div></b:if>
4. Ganti caramembuatblogspot dengan username facebook sobat dan sandymufc09 dengan username akun twitter kamu
Bagaimana sobat udah jadi? silakan tambahkan halaman facebook dan follow twitter di postingan blog .
Diposkan Oleh : Sandhy09 ~ Life Must Be Creative
Sobat sedang membaca artikel tentang Memasang Facebook Page dan Follow Twitter di Bawah Posting Blog. Oleh Sandhy09, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini dibawah postingan yang sobat copas sebagai sumbernya