|
|
Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol Share diatas Postingan Blog | Cara Memasang Tombol Share dibawah Postingan Blog
- Kali ini saya akan membahas sebuah tombol share dari
Facebook,Digg,Twitter,Google Plus+ mungkin anda tahu semua jejaring
sosial tersebut sangatlah besar.nah mungkin dengan memasang tombol share
tersebut mungkin blog sobat sedikit bisa menjadi ramai pegunjung
terus.Bagaimana Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di
Blog berikut tips dan langkah-langkahnya.
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/>.
<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;'>
Share this 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='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 Share This On : dengan selera sobat masing-masing.
4. SIMPAN TEMPLATE
Itulah dia Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog semoga membantu sobat.
Judul : Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog
Deskripsi : Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol Share FB,Digg,Twitter,Google+ di Blog | Cara Memasang Tombol S...
