Minggu, 08 Desember 2013

Tips Cara Mudah Memasang Tombol Share Button Dibawah Postingan

Tips Cara Mudah Memasang Tombol Share Button Dibawah Postingan- - -Pernahkah anda melihat sebuah situs seperti blogger yang banyak memiliki tombol share seperti Facebook, Google+, Twitter dan lainya sebaginya, hal semacam itu dipasang bertujuan agar sebuah situs seperti blogger dapat menjadi seo atau agar blog tersebut banyak dilihat orang melalui sosial media.

Memasang tombol share di bawah postingan berguna 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.

Berikut ini adalah Langkah-langkahnya adalah sebagai berikut:
1. Login ke akun blog Anda
2. Pilih menu Template => Edit HTML
3. Cari kode script </head> (gunakan Ctrl + F untuk mempermudah pencarian)
4. Copy dan pastekan kode di bawah ini tepat di atas kode tadi !!
<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/>, jika Anda menemukan banyak kode tersebut, gunakan kode yang ke-2
6. Copy-paste kode berikut ini tepat di bawahnya:
<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_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>
Keterangan:
Huruf yang berwarna Ini di atas adalah kode pemanggil tombol share, Anda dapat menghapus tombol share yang tidak diinginkan.

Selamat mencoba dan semoga berhasil, demikianlah yang dapat disampaikan Dunia Komputer dan Internet mengenai Tips Cara Mudah Memasang Tombol Share Button Dibawah Postingan, semoga dapat bermanfaat dan bisa menambah ilmu pengetahuan bagi kita semua.

Tidak ada komentar:

Posting Komentar