Cara Membuat Tombol Share 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.

Cara Membuat Tombol Share di Bawah Postingan
(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.

Dengan terpasang nya Tombol share blog anda semakin bagus dan terlihat Profesional. Demikian artikel tentang Cara membuat tombol share, semoga bermanfaat.

36 thoughts to “Cara Membuat Tombol Share di Bawah Postingan”

  1. @Risato : salam kenal juga.. ๐Ÿ™‚

    @Wieka : Thanks mbak Wieka, selamat idul Fitri ๐Ÿ™‚

    @Indri : sama2, met lebaran juga.

    @Widodo : Silahkan sob,

  2. blog ini konsisten ya bahas tutorial blogspot, mantap mas. walau gak saling kenal, kita saling maafkan sj ya. salam sukses

  3. @Inbox : sama2

    @mas Rusydi : iya, saya banyak nagi tentang Tutorial blog..
    Terimakasih banyak mas sudah berkunjung..

    salam kenal juga

  4. 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 ๐Ÿ˜€

  5. @Ahmad : saya punya Tutorial cara pasang nya, nanti saya kirim link tutorialnya di blog agan ya?,

    soalnya kalau masuk ke email lemot.

  6. sangat menarik sekali nih, bertambah lagi ilmu saya….
    makasih banyak.

    _landongobatherbal_com/obat-herbal-insomnia/

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA, Maaf ini untuk menghindari SPAM Robot...! *