Cara memasang tombol share ke jejaring sosial pada blog

Senin, 17 Desember 2012
Hai Sobat Blogger! nah,,dalam minggu ini saya fokus nih kawan dalam posting dunia blog,karena saya akan memperbaiki blog nih,dan berbagi sedikit info tentang dunia blogging,dan pastinya rizaldi blog hanya memberi tutorial blog yan berkualitas!
Setelah tadi malem saya memposting tentang cara membuat artikel terkait dengan fungsi scroll box di blog,kali ini saya akan memposting artikel yang berjudul Cara membuat tombol share ke facebook,twitter,dan Digg yang ditaruh tepat dibawah judul blog,untuk lebih detail dan jelasnya,lihat gambar dibawah ini :

Gimana kawan??tertarik untuk membuatnya?mungkin di gambar terlihat backgroundnya berwarna hijau,tapi tenang kawan,background tombol ini akan menyesuaikan dari background postingan anda,jadi so keren pastinya.jika anda ingin membuatnya caranya mudah sekali,cukup mengikuti langkah-langkah dibawah ini,lalu seperti biasa,edit sedikit kodenya,dan jadilah tombol share ini cocok buat anda,oke langsunga aja

1.) Baca Basmallah
2.) Masuk ke akun Blogger anda
3.) Langsung menuju Dashboard > Template > Edit Html > Lanjutkan
4.) Centang tanda Expand template widget 
5.) Lalu cari kode <div class='post-body entry-content'> agar mudah coba menggunakan Ctrl+F
6.) Jika sudah ketemu,copy kode dibawah ini tepat diatas kode <div class='post-body entry-content'>
Kode
<b:if cond='data:blog.pageType == "item"'><br /> <br /> <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;'><br /> <div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'><br /> Share this history on :<br /> <br /> </div><br /> <div style='float:left;padding-left:10px;'><br /> <a name='fb_share' type='button_count'/><br /> <br /> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'> </script></div><br /> <div style='float:left;padding-left:10px;'><br /> <a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><br /> <br /> <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><br /> <br /> </div><br /> <div style='float:left;padding-left:10px;'><br /> <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> </div> </b:if>
7.) Ganti tulisan Username dengan username akun twitter sobat
Ganti tulisan Share this history on : dengan tulisan yang sobat inginkan

 7.) Simpan Template dan lihat hasilnya

0 komentar:

Posting Komentar