Cara Membuat Tombol Share di Blog

pada kesempatan ini kita akan membahas dan berbagi tips sederhana mengenai Cara Membuat Tombol Share di Blog. Tombol share sangat bermanfaat diletakkan pada blog, tombol share memudahan pengunjung menyebarkan konten blog kita ke berbagai jejaring sosial tentunya ini secara langsung dan tidak langsung sebagai bentuk promosi blog kita. Nah untuk itu saya merasa tertarik untuk melakukan posting kali ini mengenai Cara Membuat Tombol Share di Blog. Cara ini dapat dilakukan dengan sangat mudah, hanya dengan hitungan detik saja, hehehe. Oke langsung saja kita menuju ke langkah-langkah pembuatannya.

1. Login ke akun Blogger Anda
» Rancangan » Edit HTML » Centang Expend Widget
2. Cari Kode <div class='post-body entry-content'>

3. Letakkan kode di bawah ini di atas kode <div class='post-body entry-content'>




<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>

<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(&#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 Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>

</b:if>

4. Ganti Tulisan merah dengan User name twitter anda
5. Save dan lihat hasilnya.


Ini sedikit penjelasan mengenai "Cara Membuat Tombol Share di Blog" Semoga bermanfaat, Salam Blogger.

3 Komentar untuk "Cara Membuat Tombol Share di Blog"

ada contohnya gak sobat, biar saya bisa lihat dulu sebelum saya pasang di blog saya,,,??? ditunggu sobat penjelasannya...

@Asis Sugiyanto:
Thanks mas Sugiyanto dah berkunjung, contohnya INI boss.. di salah satu Blog saya DEMO.

Makasih infonya
Ini yang saya cari.
Mampir di blog saya ya.
dulida.com

"Thanks telah mampir dan Berkomentar Disini, yo kita saling vote dan comment"

Back To Top