Cara Menambahkan Facebook Like dan Follow Twitter Tombol Dibawah Setiap Posting Blogger

Oleh Unknown

Saturday, August 18, 2012

Bagikan :

Tweet

Cara Menambahkan Facebook Like dan Follow Twitter Tombol Dibawah Setiap Posting Blogger

Tutorial ini membahas tentang baganimana Cara Menambahkan Facebook Like dan Follow Twitter Tombol Dibawah Setiap Posting Blogger, widget ini akan membantu anda meningkatkan like facebook blog's dan twitter tweet anda , yang mana diperlukan setiap blog .

Cara Menambahkannya sebagai berikut :

Pergi ke Blogger Dashboard -> Template -> Edit HTML
Backup Template Anda sebelum membuat perubahan ke blog Anda
Sekarang Expand Template Widget
Tekan Ctrl + F dan cari kode di bawah ini
Sekarang Cari kode di bawah ini menggunakan [ctrl + F]

<data:post.body/> 

or

<div class='post-footer-line post-footer-line-1'> 

Sekarang Paste kode dibawah tepat dibawah/setelah kode diatas

<div style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '>

<div style='float:left; width:272px; border-right:1px solid #ddd;'>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTeknik-Komputer-Jaringan/206773256003497&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62' style='border:none; overflow:hidden; width:292px; height:62px;'/>

</div>

<div style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'>

<iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=tianboyand&amp;show_count=true&amp;show_screen_name=true&amp;size=l' style='width: 266px; height: 32px;' title='Twitter Follow Button'/>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

Ganti Teknik-Komputer-Jaringan/206773256003497 dengan nama pengguna facebook Anda dan tianboyand dengan nama pengguna twitter Anda ..

Demo saya tampilkan dibawah ini :

Terima Kasih ..
Semoga Bermanfaat ..

Tag : Blogger Hacks