Memasang Tombol Share di bawah Postingan Blog

Share button adalah tombol cepat yang di gunakan untuk membagikan atau mengshare postingan postingan kita ke social bookmarking ataupun ke media sosial. Nah, kali ini saya akan memposting Memasang Tombol Share di bawah postingan blog.

Selamat siang, setelah sebelumnya saya telah memposting Membuat Daftar Isi Tabulasi Blog, kali ini saya akan memposting artikel yang berjudul Memasang Tombol Share di bawah Postingan Blog. Nah, untuk langkah langkahnya simak postingan di bawah ini.

Sebelum ke cara caranya, marilah kita mengetahui apa itu Share button. Share button adalah tombol cepat yang di gunakan untuk membagikan atau mengshare postingan postingan kita ke social bookmarking ataupun ke media sosial. Berikut cara Memasang Tombol Share di bawah Postingan Blog.

1. Masuk ke Blogger,
2. Di dashboard buka Menu HTML lalu klik edit HTML,
3. Setelah itu cari kode ]]></b:skin>, lalu pastekan kode dibawah ini diatas kode tersebut.
   

   .widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
   .widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
   .widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
   .fcbok { background: #3B5999; }
   .twitt { background: #01BBF6; }
   .gplus { background: #D54135; }
   .digg { background: #5b88af; }
   .lkdin { background: #005a87; }
   .tchno { background: #008000; }
   .ltsme { background: #fb8938; }

4. Setelah itu, cari kode <data:post.body/> atau kode <div class='post-footer'> di blogmu, lalu pastekan kode dibawah ini di bawah kode tersebut.
   

   <div class='widgetshare'>
   Share artikel ke: 
   <a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a> 
   <a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a> 
   <a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
   <a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
   <a class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
   <a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
   <script>
   //<![CDATA[
   var uri = window.location.href;
   var ttle = document.title;
   document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
   //]]>
   </script>
   </div>

5. lalu simpan.

Itulah postingan tentang Memasang Tombol Share di bawah Postingan Blog, jika anda sebelumnya sudah terpasang tombol share sebaiknya anda hapus sebelum memnyimpan cara berikut ini, karena nanti akan muncul dua share button di blog anda. Demikian lah artikelnya, jika ada salah script maupun bingung dalam cara caranya silahkan berkomentar.

Bagikan Artikel ini