Tuesday 24 June 2014

Cara Membuat Tombol Share Di Blog 2014


  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

     

4 comments:

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

    salam kenal dan sukses selalu

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

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

    ReplyDelete
  4. 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.

    ReplyDelete

Viral Wisuda Madrasah

   Viral Joget Tiktok di Wisuda Madrasah