Tips Mudah Cara Memasang Tombol Like And Share Fb, Twitter G+,Linkeid dan yang lainnya
Cara memasang Tombol like and share di blog anda merupakan hal yang gampang sekali, dan juga akan memberikan manfaat yang bagus bagi situs anda ketika ada pengjung website yang dengan suka rela membantu untuk membagikan artikel dari website anda ke media social yang ia punya agar di baca banyak orang atau dari teman yang ia punya di media social, dan ini juga bermanfaat untuk mendongkrang kredibilitas situs kita apabila banyak yang mengklik link yang di bagikan oleh pengunjung di dari situ blog milik anda, itu salah satu dari manerapkan cara memasang tombol like and share di blogger.
Cara memasang tombol like and share seperti apa yang akan ane bagikan kepada sobat semua?..
Oke, disini saya memberikan cara memasang tombol like and share di blog dengan menggunakan script yang bisa anda pasang di blog yang anda punya dan akan otomatis terpasang atau muncul dimana anda ingin menampilkannya.
Namun sebelumnya hal yang perlu soba ketahui bahwa, apabila anda menggunakan template dari hasil download atau template yang sudah di desain sendiri oleh pengelola template blog tersebut, biasanya sudah dipasang sekalian tombol like and share di blog tersebut jadi anda tidak perlu lagi repot – repot memasang kembali.
Cara memasang tombol like and share ini bisa anda gunakan ketika masih menggunakan template bawaan dari blogger atau tema asli dari awal pembuatan blog anda.
Bagaimana cara memasang tombol like and share blog dengan script ?..
Script yang akan anda gunakan adalah yang di bawah ini :
Silahkan di copy dan paste ke blog anda, cara memasangnya
<b:if cond=’data:blog.pageType == “item”‘><br/>
<script type=’text/javascript’>var switchTo5x=false;</script>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/>
<script type=’text/javascript’>stLight.options({publisher: “ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4”, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<div class=’shr-btn’>
Share This Article<br/>
<center>
<span class=’st_facebook_hcount’ displayText=’Facebook’/>
<span class=’st_twitter_hcount’ displayText=’Tweet’/>
<span class=’st_linkedin_hcount’ displayText=’LinkedIn’/>
<span class=’st_googleplus_hcount’ displayText=’Google +’/>
<span class=’st_pinterest_hcount’ displayText=’Pinterest’/>
<span class=’st_sharethis_hcount’ displayText=’ShareThis’/></center>
</div>
<br/><br/><style>
.shr-btn{
text-align:center;
font-size: 30px;
font-family: Georgia,serif;
font-style: italic;color:#6D0000;
border-top:1px solid ;
padding:10px;
border-bottom:1px solid;margin-left: -52px;
margin-right: -65px;
}
</style>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/>
<script type=’text/javascript’>stLight.options({publisher: “ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4”, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<div class=’shr-btn’>
Share This Article<br/>
<center>
<span class=’st_facebook_hcount’ displayText=’Facebook’/>
<span class=’st_twitter_hcount’ displayText=’Tweet’/>
<span class=’st_linkedin_hcount’ displayText=’LinkedIn’/>
<span class=’st_googleplus_hcount’ displayText=’Google +’/>
<span class=’st_pinterest_hcount’ displayText=’Pinterest’/>
<span class=’st_sharethis_hcount’ displayText=’ShareThis’/></center>
</div>
<br/><br/><style>
.shr-btn{
text-align:center;
font-size: 30px;
font-family: Georgia,serif;
font-style: italic;color:#6D0000;
border-top:1px solid ;
padding:10px;
border-bottom:1px solid;margin-left: -52px;
margin-right: -65px;
}
</style>
</b:if>
Cara Pemasangan Kode Script Tombol Like and Share di blogger :
1 : login ke blog - masuk ke dasbor
2 : Klik Template
3 : Klik Html
4 : cari kode : <!- share Buttons ->
5 : pastekan kode script di bawah tulisan : <!- Share Buttons ->
Untuk Mengatur lebar posisi tombol like and share lihat gambar di bawah :
Saat meletakan kode jangan sampai ada yang tertinggal dari kodenya meskipun ahnya satu hurup. Karena akan berakibat fatal atau gagal terpasang di blog anda.
6 . sebelum di save anda bisa meninjau terlebih dahulu hasilnya atau review atau pratinjau. Jika sudah muncul silahkan di SAVE. Selamat tombol like and Share di blog anda sudah terpasang dengan tepat.
Note : anda juga bisa menempatkan kode script di bawah kode tulisan di Html : < data:post.body/> ( tapi untuk penempatan disini biasanya tidak muncul karena kode ini ada lebih dari satu di dalam template, tapi anda bisa mencoba menempatkannya pada kode kedua < data:post.body/>.
Penting ! : sebelum melakukan peletakan dan save kode sebaiknya anda beckup dulu kode asli untuk antisipasi kerusakan script. tapi jika anda sudah menguasai posisi kode it’s ok anda bisa atur sesuka anda aja bro.
Hasilnya akan seperti gambar berikut kalau cara menempatkan tombol like and share anda berhasil :
Demikian cara memasang tombol like and share di blog yang bisa saya bagikan, sebenarnya bukan hanya dengan satu gaya ini saya model tombol like and share yang bisa kita munculkan di blog karena ada banyak model yang tersedia kode scriptnya, tapi saya pribadi lebih suka menggunakan model tombol jenis ini karena lebih mencolok dan simple serta banyak tersedia media socialyang bisa di gunakan untuk menshare artikel dari sebuah situs.
Tombol like and share memang tidak ane gunakan di blog ini, tapi di blog – blog yang lain saya sudah memasang untuk tombol like and share yang saya bagikan disini, karena sudah pernah saya praktekan dan berhasil itu sebabnya saya berani bagikan kepada anda disini. Selamat mencoba dan melihat hasilnya. Jika anda meletakan kodenya di tempat yang tepat pasti akan berhasil. Jika salah maka tombol like and sharenya tidak akan muncul dan anda bisa melkukan percobaan sampai berhasil dan di letakan pada posisi yang tepat.
Artikel Lain yang bisa anda baca :
