Cara Menambahkan Facebook Share Count Button di Blogspot
Untuk menambahkan Facebook Share Count Button pada Blogspot emang agak sulit jika kita belum mengetahui letak kode posting pada blog apalagi template yang kita buat sendiri atau modif sendiri ... kali ini info-cupu akan membahas tentang "Menambahkan Facebook Share Count Button di Blogspot" , Alasan buat ini agar para facebooker mengetahui apa yang kita share pada blog kita, mungkin ada yang tertarik untuk mengunjungi blog kita, kemudian terdapat berapa kali kita share atau pengunjung yang share posting blog kita !!
Macam macam Facebook Share Button
Facebook Share Button Style 1
Code Facebook Share Button Style 1
Facebook Share Button Style 2
Code Facebook Share Button Style 2
Facebook Share Button Style 3
Code Facebook Share Button Style 3
Facebook Share Button Style 4
Code Facebook Share Button Style 4
Reference :
http://developers.facebook.com/docs/reference/plugins/like/
http://www.royaltutor.net
Cara Menambahkan Facebook Share Count Button di Blogspot :
1. Login to Blogger kemudian pilih "Layout" atau "Rancangan"
2. Klik pada "Edit HTML" dan berikan tanda checklist "Expand Template Widget"
3. Copy - Paste Script Facebook Share Button di bawah kode
Di karenakan tidak semua template sama maka akang dan teteh bisa cari variabel atau kode pada "EDIT HTML" yang menujukan kode posting blog (Bukan CSS-nya)
Semoga info-cupu kali ini ada manfa'atnya!!
Macam macam Facebook Share Button
Facebook Share Button Style 1
Code Facebook Share Button Style 1
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 2
Code Facebook Share Button Style 2
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 3
Code Facebook Share Button Style 3
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 4
Code Facebook Share Button Style 4
<div style="float:right;padding:4px;">Untuk script-script di atas bisa di modif sesuai dengan kebutuhan blog akang dan teteh!!
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Reference :
http://developers.facebook.com/docs/reference/plugins/like/
http://www.royaltutor.net
Cara Menambahkan Facebook Share Count Button di Blogspot :
1. Login to Blogger kemudian pilih "Layout" atau "Rancangan"
2. Klik pada "Edit HTML" dan berikan tanda checklist "Expand Template Widget"
3. Copy - Paste Script Facebook Share Button di bawah kode
<div class='post-header-line-1'/>atau sebelum kode
<data:post.body/>
Di karenakan tidak semua template sama maka akang dan teteh bisa cari variabel atau kode pada "EDIT HTML" yang menujukan kode posting blog (Bukan CSS-nya)
Semoga info-cupu kali ini ada manfa'atnya!!
Penulis : Rahman Surya Praja a.k.a [+] vir0e5
"Ikatlah Ilmu Dengan Tulisan Dan Amalkanlah!!"
"Ikatlah Ilmu Dengan Tulisan Dan Amalkanlah!!"
Sample Widget
Links
Links
test
0 komentar