Cara Memasang Tombol Share (Berbagi) Di Blogspot

Cara Memasang Tombol Share (Berbagi) Di Blogspot

T ombol share akan mempermudah para pengunjung blog untuk membagikan posting/ artikel tersebut kepada yang lainnya melalui media berbagi seperti Facebook, Twitter atau Google plus. Satu blog jika tidak menggunakan media share tersebut aku rasa akan terlihat kurang professional dan jauh dari ketenaran. Pada dasarnya banyak sekali media untuk berbagi namun pada artikel ini aku hanya akan memberikan 3 media saja, aku yakin diantara sobat banyak yang sudah menggunakan ketiga media social diatas. Baik, langsung saja kita lanjutkan pada cara memasang tombol share di blogspot ini hingga terpasang dalam setiap artikel blog sobat.

Langkah awal masuk kedalam dasbor blog sobat

Kemudian pilih Template

Pilih Edit Html, kemudian cari kode seperti berikut ini jika sobat ingin menempatkannya diatas postingan artikel : <div class='post-body entry-content'> Atau cari kode seperti berikut ini

<data:post.body/> jika sobat ingin menempatkanya di bawah artikel blog sobat.

Gunakan pencarian kode cepat dengan menekan ctrl+f. jika sudah menemukan salah satu kode tersebut, sekarang copy paste kode dibawah ini dan simpan diatas kode <div class='post-body entry-content'> Atau dibawah kode <data:post.body/>

 

<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='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(&#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>

 

Langkah terakhir simpan template dan rampung sudah cara memasang tombol share di blogspot. Untuk melihat hasil kerja sobat barusan, silahkan buka salah satu postingan sobat, maka tombol berbagi tersebut sudah terlihat dalam postingan. 

hasilnya seperti ini ^^

Bagai mana sob? Mudah sekali khan cara memasang tombol share di blogspot ini? Akhir kata aku ucapkan selamat mencoba dan bye-bye…