-->
PHP Dev Cloud Hosting
Cara Membuat Tombol Share Facebook, Twitter, Google Plus di Bawah Postingan

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

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 == &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 :
- 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.
Advertisement
Loading...
Loading...
Blogger
Disqus
Pilih Sistem Komentar

6 komentar

kira2 nambah berat loading gak sob?

Balas

gak sob...scrifx ringanko

Balas

jadi lebih keren ya blog nya degan adanya tombol share social media :)

Balas

hahaha...ia mba tambah kren blognya berkat templatenya

Balas

keren euy.. izin copas scriptnya gan :)

Balas

Berikanlah Komentar Anda Tentang Artikel Di atas
Berkomentar dengan sopan dan jangan lupa LIke FansPagenya
Jangan spam (komentar dengan link aktif), bila ada link aktif saya akan hapus komentar anda