Selamat malam para blogger, pada kesempatan ini saya akan berbagi ilmu tentang bagaimana membuat tombol share di blog .
Lihat saja tombol share blog ini, terlihat keren kan?:D Di situ ada
tombol share Twitter, Facebook, Buzz, Digg. Walaupun Buzz sudah tidak
aktif tapi ya tidak apa apalah. mau coding tapi baru kurang semangat
ini.
Langung saja dari pada basa basi, inilah cara membuat tombol share facebook, twitter, buzz, digg di blog :
1. Silahkan anda buka dulu blogger, masuk di rancangan dan edit html
2. Sebelum anda otak atik css, sebaiknya anda backup dulu biar aman
3. Cetang, Expend Widget
4. Caro code ini <div class='post-body entry-content'> (pencarian cepat tekan ctrl+f)
5. Jika sudah ketemu, masukkan kode di bawah ini di atas kode no.4
1. Silahkan anda buka dulu blogger, masuk di rancangan dan edit html
2. Sebelum anda otak atik css, sebaiknya anda backup dulu biar aman
3. Cetang, Expend Widget
4. Caro code ini <div class='post-body entry-content'> (pencarian cepat tekan ctrl+f)
5. Jika sudah ketemu, masukkan kode di bawah ini di atas kode no.4
<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>
NB : perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda
Cuma segitu saja mudah kan,....!!! Sekarang silahkan anda coba semoga berhasil.
0 komentar:
Posting Komentar