Cara Memasang Tombol Share di Bawah Postingan

Posted on by Jason Ward

Cara Memasang Tombol Share di Bawah Postingan – Hubungan blog atau website dengan media sosial seperti facebook dan twitter adalah sangat penting sebagai lahan publikasi atau promosi blog kita. dengan media sosial dapat membantu cepat untuk promosi konten blog agar blog kita menjadi trkenal dan diketahui banyak orang.
Screenshot:
Memasang Tombol Share di Bawah Postingan adalah bertujuan untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jejaring sosial, Facebook Like dan share, Twitter Tweet dan Google+1 merupakan layanan berbagi yang populer saat ini dan mempunyai kegunaan lain yaitu meningkatkan pengunjung blog.
Nah,, Jika sudah tau fungsi dari  Tombol Share Jejaring sosial, langsung saja seperti maksud dan tujuan judulnya yaitu Cara Memasang Tombol Share di Bawah Postingan. Berikut cara membuat tobol share untuk kita pasang di bawah postingan blog:

Cara Memasang Tombol Share di Bawah Postingan

1. Login ke akun blog sobat.
2. Sobat Pilih  Template => Edit HTML
3. Cari kode </head> (gunakan Ctrl + F untuk mempermudah pencarian)
4. Copy dan pastekan kode di bawah ini tepat di atas kode </head>

<script src=”http://w.sharethis.com/button/buttons.js” type=”text/javascript”></script>
<script type=”text/javascript”>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

5. Lalu cari kode <data:post.body/>, disetiap template biasanya ada banyak kode <data:post.body/> silahkan sobat gunakan  kode yang ke-2.
6. Copy-paste kode berikut ini tepat di bawah kode <data:post.body/>:

<b:if cond=’data:blog.pageType == &quot;item&quot;’><style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align=’center’ class=’doncaprio-share-buttons’>
<span class=’st_facebook_hcount’ displayText=’Facebook’/>
<span class=’st_plusone_hcount’ displayText=’Google +1’/>
<span class=’st_twitter_hcount’ displayText=’Tweet’/>
<span class=’st_pinterest_hcount’ displayText=’Pinterest’/>
<span class=’st_digg_hcount’ displayText=’Digg’/>
<span class=’st_fblike_hcount’ displayText=’Facebook Like’/>
</p></b:if>

7. Save dan lihat hasilnya.
Sekian dulu share Cara Memasang Tombol Share di Bawah Postingan dan selamat mencoba. Sobat blogger bisa mendapatkan Tutorial Blog DISINI untuk edit dan variasi blog Sobat.

Related Posts