Cara Membuat Tombol Share Di Blog 2014

02:08

  Membuat tombol share di blog cukup penting supaya orang-orang yang tertarik dengan artikel kita bisa mengsharenya dan bisa menjadi backlink untuk kita dan pastinya menambah pengunjung meskipun jarang ada orang yang mengshare artikel suatu blog tapi lumayanlah, caranya pun cukup mudah jika kamu teliti kmu bisa membuat tombol share sekali coba jadi kamu harus teliti berikut cara membuat tombol share di blog



  1. Login ke Akun Blogger kamu pastinya
  2. Klik Template lalu pilih edit HTML
  3. Silahkan Copy CSS berikut dan Paste ke-Template kamu tepat di bawah kode <data:post.body/> 

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='bookmark'>
    <style>
    .bookmark{margin-top:5px;border:5px double black;border-right:1px solid black;border-left:1px solid black;background:# f2f2f2;box-shadow: 0 2px 5px 2px #ddd;}
    .bookmark h4{color:#666;border-bottom:1px double black;padding:0;margin-bottom:10px;padding-left:10px;}
    .bookmark img{}
    .book{float:left;margin:0 8px 0 0;padding:1px;border:1px solid #eee;background:#ffffff;}
     .booklast{float:left;margin:0;padding:1px;border:1px solid #eee;background:#ffffff;}
    </style>
    <h4>If You Like This Post, Share it With Your Friends</h4>
    <div align='center'>
    <span class='st_facebook_large' displayText='Facebook'/>
    <span class='st_twitter_large' displayText='Tweet'/>
    <span class='st_linkedin_large' displayText='LinkedIn'/>
    <span class='st_digg_large' displayText='Digg'/>
    <span class='st_stumbleupon_large' displayText='StumbleUpon'/>
    <span class='st_reddit_large' displayText='Reddit'/>
    <span class='st_tumblr_large' displayText='Tumblr'/>
    <span class='st_email_large' displayText='Email'/>
    <span class='st_dzone_large' displayText='DZone'/>
    <span class='st_netlog_large' displayText='Netlog'/>
    <span class='st_google_large' displayText='Google'/>
    <span class='st_identi_large' displayText='identi.ca'/>
    <div style='clear:both;'/></div></div>
    </b:if>

    Keterangan- Silahkan ganti kata yang berwarna merah sesuai dengan selera anda.

    4. Selanjutnya Copy CSS Berikut dan Paste ke-Template Sobat sebelum kode </head>


    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

    5. Ini adalah hal ayng paling penting yaitu klik simpan template

    Dan nanti kurang lebih penampakanya akan seperti gambar di bawah
     


    sekian yang saya sampaikan jika ada yang kamu kurang mengerti silahkan komen nanti saya akan balas secepat yang saya bisa



    Sumber:http://sahabatblogger77.blogspot.com/2013/12/cara-mudah-membuat-tombol-share-di-blog.html dengan pengeditan sendiri

     

Mencoba bertahan hidup di dunia yang tenggelam dalam lumpur ini ...

Artikel Terkait

Previous
Next Post »

4 komentar

Write komentar
24 June 2014 at 03:38 delete

tombol sharenya menarik dan elegan mas, izin copas ya..hehe

salam kenal dan sukses selalu

Reply
avatar
ilham efendi
AUTHOR
24 June 2014 at 07:47 delete

ini salah satu widget wajib untuk sebiah blog gan,
makasih infonya

Reply
avatar
25 June 2014 at 10:32 delete

ilham efendi:sama pangkat dua :v
Devy Indriyani:jangan panggil mas umur saya baru 14 >_<

Reply
avatar
ary setyobudi
AUTHOR
29 September 2014 at 06:58 delete

Hmm saya coba pasang juga deh hehe belum ada soalnya.. meskipun bawaan dari sononye ada tapi ga menarik karena ga berwarna. Tapi ngemeng - ngemeng saya kira deskripsi blog ini yang dibawah salman bloger itu lho.. nah yang itu saya kira menu navigasi di klak klik nggak bisa oo ternyata deskripsinya hehe.

Reply
avatar