Cara membuat Tombol Share di bawah judul setiap postingan

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

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :

• apakah yang dimaksud Alexa.com ??Bagi anda yang Belum mengetahui Alexa.com itu apa? mari kita simak berikut ini!!Alexa rank merupakan salah satu faktor penentu un ...
• Cara membuat widget komentar terbaru di blog dengan fotoHai sobat blogger ! udah lama nih gak posting udah hampir 2 minggu lebih. Ya emang sekarang ini saya masih disibukkan berbagai kegiata ...
• lampiran Blog Berpagerank tinggiHallo all apa kabar ?? tentunya semua pasti Baik2 aja yach...heheheGua mau Buat sedikit coretan nih, tentang Pagerank.Berikut ini adal ...
• Cara membuat huruf besar di setiap awal postingan di blogHai sobat blogger ! kali ini saya akan menyempatkan posting lagi nih, kali ini topiknya adalah Cara membuat huruf besar di setiap ...
• Tips Cara Mantap Meningkatkan Jumlah Visitor BlogUntuk Para Blogger setelah membuat blog baru, tentu hal yang akan difikirkan berikutnya yaitu Bagaimana Cara meningkatkan jumlah pengu ...