Cara Membuat Tombol Share Facebook, Twitter, Google Plus di Bawah Postingan

Oleh Tazbhy

Friday, December 6, 2013

Cara Membuat Tombol Share di Bawah Postingan - Tombol Share adalah salah satu Tool yang berfungsi untuk memudahkan pengunjung menshare artikel yang sudah mereka baca disitus jejaring sosial seperti G+, Facebook Like, Twitter , Dig dan lainnya.

(Gambar oleh : http://tugasku-4u.blogspot.com/)

Saat ini Google mulai melakukan perubahan yang wajip anda ketahui, dimana Google akan menjadikan tombol share jauh lebih bermanfaat di bandingkan Backlink.Selain itu dengan ada nya tombol share artikel blog anda akan lebih mudah mendapat pengunjung baru, bila artikel anda bermanfaat.

Kenapa tombol share lebih baik di pasang di bawah artikel, kog tidak diatas artikel saja?. Memasang di bawah post akan mudah dishare pengunjung, karena pengunjung sudah membaca artikel anda. Jika terpasanag di atas postingan, kemungkinan kecil untuk di share karena pengunjung belum membaca artikel tersebut. Jika blog anda belum memiliki Tombol share, saya akan memberikan cara mudah membuat Tombol share tersebut dan terpasang di bawah Postingan.

1. Login ke blogger

2. Pergi ke menu template > Edit Html

3. Cari kode </head> (tekan CTRL+F > Enter untuk mencarinya)

4. Pasang kode ini tepat diatas 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/>, jika lebih kode tersebut dari satu, pasang kode pada yang 2 dan 3

6. Pasang kode di bawah ini tepat di bawah <data:post.body/> ,

<b:if cond='data:blog.pageType == "item"'><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 :
- Kode berwarna biru menunjukan kode Tombol share, anda bisa menghapus tombol yang tidak anda inginkan.
- Jika dibawah <data:post.body/>, ada kode Iklan atau Widget lain, letakan kode diatas tepat di bawah kode Iklan/Widget terebut.
sumber
Dengan terpasang nya Tombol share blog anda semakin bagus dan terlihat Profesional. Demikian artikel tentang Cara membuat tombol share, semoga bermanfaat.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Media Pembelajaran