Cara Membuat Tombol Share Di Bawah Posting Di Blog

Jika ingin membuat postingan blog kalian terkenal dan share banyak orang, saya sarankan untuk memakai kode ini.

Cara Membuat Tombol Share Di Bawah Posting

1. Login ke akun blogger kalian.
2. Pilih Templates > Edit HTML > Centang Expand Widget 
3. Cari kode dibawah ini.

<data:post.body/>

     4.   Copy paste kode dibawah ini, tepat diatas kode tadi.

Kode Tombol Share

<style> /*--------Social Sharing Widget Below Blog Post ------*/ .sharebelow a { display:block; height:48px; width:48px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Vc0jm987M8E-Y4lysG4QI4J1uROrKVFpqkhld3OAnEEesNwD0XpSuzEeFxR4X5sLal1EjVSWw5Tu2KCTCVidByoPO-hvuY-BJJZcwjpQQtOWzTRKBzRuAl0b_Mmw4FDMBrygviWeBPc/s1600/sharebelow.png) no-repeat; } .sharebelow  a.googleplus { background-position: 0px -348px; } .sharebelow  a.googleplus:hover { background-position: 0px -406px; } .sharebelow  a.pinterest { background-position: 0px -464px; } .sharebelow  a.pinterest:hover { background-position: 0px -522px; } .sharebelow  a.delicious { background-position: 0px 0px; } .sharebelow  a.delicious:hover { background-position: 0px -58px; } .sharebelow  a.digg { background-position: 0px -116px; } .sharebelow  a.digg:hover { background-position: 0px -174px; } .sharebelow  a.stumbleupon { background-position: 0px -812px; } .sharebelow  a.stumbleupon:hover { background-position: 0px -870px; } .sharebelow  a.technorati { background-position: 0px -928px; } .sharebelow  a.technorati:hover { background-position: 0px -406px; } .sharebelow  a.twitter { background-position: 0px -928px; } .sharebelow  a.twitter:hover { background-position: 0px -986px; } .sharebelow  a.facebook { background-position: 0px -232px; } .sharebelow  a.facebook:hover { background-position: 0px -290px; } .sharebelow  a.reddit { background-position: 0px -580px; } .sharebelow  a.reddit:hover { background-position: 0px -638px; } .sharebelow  a.rss { background-position: 0px -696px; } .sharebelow  a.rss:hover { background-position: 0px -754px; } .shareandbookmark{ margin:10px 0px; color:#333333; font-weight:bold; font-size:18px; font-family:sans-serif; } </style> <div class='sharebelow'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="shareandbookmark"> Kindly Bookmark and Share it:</div> <!--Facebook--> <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/> <!--Google Plus--> <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/> <!-- Twitter --> <a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/> <!-- Pinterest --> <a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/> <!-- Delicious --> <a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/> <!--Stumble--> <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/> <!--DIGG--> <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/> <!-- Reddit --> <a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/> <!--RSS --> <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Bookmark :&gt;'/> </b:if></div> <div style="clear:both"/>

     5.   Simpan, dan lihat hasilnya.

SELAMAT MENCOBA...!!!

Anda Baru saja membaca artikel tentang Cara Membuat Tombol Share Di Bawah Posting Di Blog dan anda bisa menemukan artikel Cara Membuat Tombol Share Di Bawah Posting Di Blog ini dengan url http://dhafarlovers.blogspot.com/2013/01/cara-membuat-tombol-share-di-bawah.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Tombol Share Di Bawah Posting Di Blog ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Tombol Share Di Bawah Posting Di Blog sumbernya.

Artikel Terkait:

Bookmark And Share This Post