19 Okt 2011

Share Count melayang di sisi Kanan

Cara membuat share count melayang di sisi kanan halaman blog. ini sangat simple ,jika kita sudah login ke blogger kita,lakukan hal di bawah,jika belum loginlah seperti biasa. Untuk membuat widget ini, kalian harus sudah login ke blogger kalian dan selanjutnya, silahkan kalian ikuti tahap-tahapnya dibawah ini:
  1. Pilih Rancangan(design)
  2. Pilih Elemen Halaman
  3. Klik Tambah GADGET
  4. Pilih HTML/Java Script
  5. Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya
    <style type="text/css">
    *{margin:0;padding:0;}

    * html #z33sHare{
    position: absolute;
    }

    #z33sHare{
    right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
    position:fixed;
    top: 20%;
    }

    #z33sHare div{
    padding:6px 6px 6px 5px;
    }

    #stw{
    margin-left:-2px;
    }

    #sfs{
    margin-left:-5px;
    }

    </style>
    <div id="z33sHare">
    <div id="ssl-box">
    <div id="stw">
    <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </div>
    <div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
    </div>
    <div>
    <script type="text/javascript">
    (function() {
    var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'http://widgets.digg.com/buttons.js';
    s1.parentNode.insertBefore(s, s1);
    })();
    </script>
    <a class="DiggThisButton DiggMedium"></a>
    </div>
    </div>
    <div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>
  6. Simpan or Save
  7. lihat hasilnya di sisi kanan Blog kalian.
Jika anda ingin menempatkan di sisi kiri blog anda, silahkan ganti right dengan left (yang berwarna merah di kode diatas) dan save.
Selamat Mencoba ..
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar