Cara Membuat Share Button Di Atas Postingan Blog

TULISKAN.com - Memasuki era globalisasi yang semakin kompleks ini, rasanya efisiensi adalah hal utama yang diprioritaskan oleh masyarakat, karena dengan efisien kita dapat mempersingkat waktu kerja dan mendapatkan lebih banyak hasil, begitupula dalam hal berinteraksi, kini kebanyakan masyarakat merasa bahwa interaksi yang efisien dalam era global adalah via internet, khususnya social media.

Sebagai blogger, kitapun bisa turut serta dalam meramaikan interaksi via internet ini (social media), salah satunya adalah dengan cara membuat share button di blog, yakni tombol yang berfungsi untuk membagikan konten ke social media, jadi dengan ini pengunjung dapat dengan mudah mereferensikan ataupun membagikan konten-konten yang "mungkin" sahabat atau kerabat mereka butuhkan.

Cara Membuat Share Button Di Atas Postingan Blog

1. Login ke Blogger.

2. Pilih Template

3. Edit HTML

4. Cari kode <data:post.body/> (gunakan CTRL+F), lalu letakkan kode dibawah ini persis diatasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><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 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(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='Username' 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(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);  })();</script></div></div></b:if>

Keterangan:
  • Ganti tulisan yang berwarna merah dengan Username Twitter anda

5. Klik "Save/Simpan Template", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Share Button Di Atas Postingan Blog, semoga bermanfaat, dan selamat mencoba.

Postingan terkait: