Bagaimana cara membuat tombol share seperti ini :
Membuat Tombol Share
Agan tertarik untuk mencobanya? baiklah kali ini saya akan bagikan salah satu rahasia para Master Blogger hehe, berhubung pengalaman ini didapat dari yang punya ilmu, yaitu para Master, maka hasilnya akan dibagikan lagi semoga berguna dan dapat dimengerti.
Seperti yang saya dengar bahwa, tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? coba tengok aja blog terselubung.
Share atau berbagi saat ini merupakan hal yang penting karena itulah anda wajib memasang tombol share di blog atau web saudara :
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>
</div>
</b:if>
catatan: 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 <div class='post-body entry-content'>
Tips mencari kode dengan cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja tulisan 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 !
Oke agan-agan cukupkan sekian dulu ya.. mudah-mudahan dengan update kali ini agan dapat menikmatinya dengan puas, dan semoga bermanfaat!
Kasih link back ya klo copy-paste hehe... selamat memebuat tombol share.
0 Comments
Postingan
