CARA MEMBUAT TOMBOL SHARE ANIMASI

Apa Kabar Sobat Bloger , Mungkin Kedatangan Anda KeBlog Saya Untuk Mendapatkan Informasi Seputar Cara Membuat blog Menjadi Keren . Disini Saya Akan Membimbing Anda Untuk Dapat Menerapkan Beberapa Widget KeDalam Blog Anda Agar Blog Anda Terlihat Lebih Menarik Lagi .

Cukup Sekian Basa Basi Nya Langsugn Saja Kepada Inti Permasalahannya :

Langkah 1
1. Langsung saja silakan copy kodenya terlebih dahulu:

<b:if cond='data:blog.pageType == "item"'>

<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on :

</div>

<div style='float:left;padding-left:10px;'>

<a name='fb_share' type='button_count'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>

</script></div>

<div style='float:left;padding-left:10px;'>

<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

<script type='text/javascript'>

(function() {

var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

s1.parentNode.insertBefore(s, s1);

})();

</script>

</div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</b:if>

*perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda

Langkah 2

Login ke Blogger » Rancangan » Edit HTML » Centang Expend Widget
Cari Kode lah <div class='post-body entry-content'>

Tips mencari cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!

Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya <div class='post-body entry-content'>
Simpan Template dan Lihat hasilnya !