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.
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.
Dengan terpasang nya Tombol share blog anda semakin bagus dan terlihat Profesional. Demikian artikel tentang Cara membuat tombol share, semoga bermanfaat.
izin save ,, buat dipelajari
met lebaran mas
minal aizdin walfaizdin
mohon maaf lahir batin
@Maya : Iya maaf juga bila saya punya banyak salah sama Mbak..:D
Tutorialnya bagus juga untuk referensi mempercantik blog. Salam kenal! _komputekno_com
ini kunjungan perdana saya,
semoga bisa menjalin silaturahmi..
selamat idul fitri
makasih infonya,,, ntar akan sy praktekkan dirumah. Met lebaran,,, salam perdana n slm sahabat.
izin pakai sob
@Risato : salam kenal juga.. 🙂
@Wieka : Thanks mbak Wieka, selamat idul Fitri 🙂
@Indri : sama2, met lebaran juga.
@Widodo : Silahkan sob,
makasih sob..
blog ini konsisten ya bahas tutorial blogspot, mantap mas. walau gak saling kenal, kita saling maafkan sj ya. salam sukses
@Inbox : sama2
@mas Rusydi : iya, saya banyak nagi tentang Tutorial blog..
Terimakasih banyak mas sudah berkunjung..
salam kenal juga
Thanks udah sharing gan, tp kebetulan background blog saya gelap jd nya tidak cocok.
@Opini : bisa di ubah jadi gelap ini Widget nya.. 😀
yang #B3B3B3 , diganti #00000
Thank's Ya Gan Info Nya..
data post body punya saya ada 4 itu mas ?
pilih yang mana ?
ngaturna bagaimana ?
@Kenali : pasang yag ke 3, kalau gk bisa coba yang ke 2. disalah satu kode itu pasti ada yang bisa
iya mas Daniel, sudah berhasil.
makasih tutornya.
thx mas udagh berhasil,
ditunggu kunjungan baliknya _duniagame7.blogspot_com/
permisi boleh nnyak gk?
bgaimana cara membuat hello bar seperti anda…
pliss berikan saya kode script nya…
kirimkan ke email: fauziii.scholovers@gmail.com
terima kasih 😀
@Ahmad : saya punya Tutorial cara pasang nya, nanti saya kirim link tutorialnya di blog agan ya?,
soalnya kalau masuk ke email lemot.
thanks infonya…
mantap bang,terimakasih infonya ya,Blog saya jadi tambah keren. (y)
thanks infonya sangat membantu
backlink ya
_thazbhy.blogspot_com/
_technogamecyber.blogspot_com/
Makasih tutor nya sob, sangat bermanfaat 😀
Kode script untuk tombol sharenya lumayan juga banyak ya mas tapi sangat diperlukan ini dipasang diblog.
thank bro sangat membantu 😀
_makblegger.blogspot_com
thxs gan.. artikel anda sangat membantu.. izin copas langsung praktek.
nice info gan.. follback ya gan _sihab-stars.blogspot_com/ ^_^
ijin coba gan,salam kenal
_si-kudil.blogspot_com/
terimaksih gan infonya, udah ane pasang di blog generasi muda islam . _anuurang.blogspot_com
nice tutorial gan. ijin nyimak n nyoba.
ane minta backlinknya ya gan
_dananxkusuma.blogspot_com/
makasih ilmunya…
da sy coba n berhasil…
_informasionlineterkini.blogspot_com/
Wah mantap Artikell nya….makasih Gan….
Terima kasih. Bermanfaat sekali. Mampir ya teman-teman di blog aku –> DP BBM ANIMASI
thanks gan infonya..
slam kenal
_c-reon.blogspot_com/
sangat menarik sekali nih, bertambah lagi ilmu saya….
makasih banyak.
_landongobatherbal_com/obat-herbal-insomnia/
terimakasih kunjungan balik _indonesiakekinian_com