Membuat Share ICon tepat dibawah judul Postingan

Selamat malam teman, terawihan gak.. heehehe, Kali ini saya akan memberikan sedikit tips blogger untuk menerapkan dan membuat Membuat Share ICon tepat dibawah judul Postingan seperti pada blog ini. Untuk jelasnya silahkan lihat gambar dibawah ini :

Tetarik untuk membuatnya di blog sobat, langsung saja caranya :

• Login ke akun Blogger anda lalu masuk ke Rancangan » Edit HTML »Centang Expand Gadget
• Cari code <b:if cond='data:post.title'> atau <data:post.title/> dengan menekan CTRL+F
• Pastekan kode dibawah ini tepat di atas code tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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;'/>

<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'/></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(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];

s.type = &#39;text/javascript&#39;;

s.async = true;

s.src = &#39;http://widgets.digg.com/buttons.js&#39;;

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 TWITTER KAMU' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>

</div><div style='float:left'><a href='http://semujursite.blogspot.com/2013/07/membuat-share-icon-tepat-dibawah-judul.html' target='_blank' title='Share'>Get This Widget</a></div></div></b:if>

NB :

Ganti Tulisan USER TWITTER KAMU dengan Id Twitter.

Selamat mencoba, semoga dapat menjadi kebaikan di bulan ramadhan ini. Salam blogger.

Thnks Bro...

Advertisment

** Share nya Jangan Lupa Ya.. Salam,salam **

Judul Artikel: Membuat Share ICon tepat dibawah judul Postingan

Unknown

Saya hanya blogger biasa yang suka kutak-katik blogger, senang belajar dan berbagi pengetahuan dan pengalaman dengan yang lain. Blog ini hasil dari source mas Septi Rosidi, semoga dapat bermanfaat untuk semua. Silahkan masukan email Anda pada kotak di bawah ini untuk mendapatkan update artikel dari semujursite.

• Rss
• Twitter
• FaceBook
• Follow This Blog