Cara Pasang Tombol Share Twitter, Digg, Facebook dan Google+ di Blog
Kali ini saya akan membahas bagaimana
memasang tombol share dari Facebook,Digg,Twitter,Google
Plus+ saya yakin anda tahu semua jejaring sosial tersebut sangatlah besar, nah kalau
sobat ingin memasang tombol share
tersebut mungkin blog sobat sedikit bisa menjadi ramai pegunjung dan kelihatan
lebih professional. Untuk memasangnya mari kita bahas satu persatu.
1. Login ke Blogger
2. Pilih Template > Unduh Template Lengkap > EDIT HTML > Expand Template Widget
3. Cari kode <data:post.body/> ,bila sobat sudah Memasang Read More di blog biasanya kode tersebut ada dua sobat bisa pilih kode yang kedua dan copy kode di bawah ini di bawah kode <data:post.body/>.
2. Pilih Template > Unduh Template Lengkap > EDIT HTML > Expand Template Widget
3. Cari kode <data:post.body/> ,bila sobat sudah Memasang Read More di blog biasanya kode tersebut ada dua sobat bisa pilih kode yang kedua dan copy kode di bawah ini di bawah kode <data:post.body/>.
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Bagikan Yuk :
</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='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 style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='medium'/>
<!-- Place this render call where appropriate -->
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>
- Sobat bisa ganti tulisan Bagikan Yuk : dengan selera sobat masing-masing.
4. Kemudian Simpan TEMPLATE
4 komentar:
Bos tak da tombol dig nya tu broo
Koq bisa...
sharenya mo yg kyk agan punya gimana??
saya udah coba tapi koq gak berhasil ya ?. dimana kesalahannya ?
Posting Komentar