Site Info


Template

Membuat Tombol Berbagi Di Atas Postingan Blog

Posted by Unknown on 3/22/2014 2 comments

Membuat Tombol Berbagi Di Atas Postingan Blog
Tombol berbagi berfungsi sebagai penghubung antara artikel suatu blog dengan suatu sosial media lainnya seperti facebook, twitter, dan lain sebagainya. Maksudnya, tombol berbagi ini memudahkan pengunjung blog kita untuk membagi artikel kita ke sosial media yang telah disebutkan diatas, seperti facebook, twitter, dan sosial media yang lainnya. Mungkin, ada pengunjung blog Anda yang menyukai isi artikel Anda, dan dengan ikhlas dan segenap hati pengunjung tersebut akan membagi artikel ke facebook. Hitung-hitung, mungkin traffic blog Anda akan bertambah.

Jadi, kesimpulannya, tombol berbagi (share) dapat menambah traffic blog apabila sesorang pengunjung blog ada yang membagikannya ke sosial media seperti facebook. Tombol share juga berfungsi sebagai pelengkap tampilan blog agar terlihat lebih professional.

1. Dari dasbor, pindah ke Template
Template Blogger
2. Masuk ke menu Edit HTML.
Edit HTML

3. Cari kode <div class='post-body entry-content'>. Untuk mempermudah, seperti biasa, tekan Ctrl+F kemudian tuliskan kode diatas.

4. Jika sudah ketemu, letakkan kode berikut tepat DIATAS kode tadi.
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Sebarkan Artikel di :
</div>
<div style='float:left;padding-left:10px;'>
    <!-- AddThis Button BEGIN -->
    <div class='addthis_toolbox addthis_default_style '>
    <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
    <a class='addthis_button_tweet'/>
    <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
    <a class='addthis_counter addthis_pill_style'/>
    </div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053' type='text/javascript'/>
    <!-- AddThis Button END -->
</div>
</div>
</b:if>
Sebarkan Artikel di: = Ganti dengan tulisan yang akan berada di depan tombol berbagi yang berhubungan, seperti "Share this article", "Share Dong!" dan yang lainnya.

5. Klik Simpan Template. Klik Pratinjau untuk melihat perubahan.

Tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis nulla at odio vestibulum, ut accumsan mauris venenatis. Fusce metus nisl, lacinia at elit eget,
Facebook
Google+
Linkedin
Pinterest
Delicious

2 komentar:

  1. Anonim23 Maret 2014 pukul 22.06

    Oh begitu....thx gan..
    Saya request untuk tombol share dibawah postingan..
    Thx

    BalasHapus
  2. Unknown24 Maret 2014 pukul 12.12

    Ya, silakan tunggu dulu..

    BalasHapus

Silakan berkomentar dengan bahasa yang baik dan benar. Komentar yang mengandung bahasa kasar, SPAM, dan SARA tidak akan dibalas dan akan ditaruh dalam folder SPAM. Blog ini menerapkan fitur moderasi komentar. Dilarang menyertakan link hidup atau mati serta bentuk promosi lainnya. Terima kasih.