Pagi yang cerah di temani segelas kopi sambil update blog matep bener ..^_^ . Ok sob kali ini admin akan share apa yang admin ketahui yaitu tentang menambahkan like dan share button Facebook di Blogspot. Tanpa panjang lebar lagi, karena panjang x lebar=luas...wkwk
Ok om dan tante bisa dilihat caranya sebagai berikut :
1. Buka blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada 'Expand widget templates'
3. Cari kode <data:post.body/>
4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
2. Beri centang pada 'Expand widget templates'
3. Cari kode <data:post.body/>
4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
Tombol Fshare tanpa counter
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Tombol Fshare dengan counter disamping
Kode:
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
atau Like dan Fshare berdampingan
Kode:
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:4px; float: left;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>
</b:if>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<div style='padding:4px; float: left;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>
</b:if>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
6. Simpan Template sobat kemudian lihat hasilnya dibawah postingan..
0 komentar Blogger 0 Facebook
Posting Komentar