Cara Pasang Floating Social Bookmarking Widget Untuk Blogger

Posted on
  • Friday, June 10, 2011
  • by
  • Borong Shop
  • in
  • Labels: ,

  • Floating Social Bookmark ini biasanya digunakan oleh pengguna wordpress.Tapi sebenarnya ianya juga boleh digunakan oleh blogspot. Widget ini bukan sahaja dapat meningkatkan trafic pada blog malahan dapat membantu memudahkan kita untuk mengembangkan lagi artikel yang terdapat pada sesebuah blog.

    Untuk memasangnya sila ikut beberapa langkah di bawah :

    1)Login Blog => Design => Edit Html => Expand Widget Template 
    2)Setelah itu cari kod di bawah ini :
    ]]></b:skin>
    3)Jika sudah menemukan, copy pula kod di bawah ini dan letakkannya tepat di atas/sebelum kod ]]></b:skin>
    #sharebox {
    background-color:#FFFFFF;
    border-color:#C1CDCD;
    border-style:solid;
    border-width:1px;
    left:73px;
    bottom:100px;
    margin-top:10px;
    position:fixed;
    width:64px;
    }
    #sharebox .float {margin:7px}
    .FBConnectButton_Text
    {
    font-size: 8px;
    padding:2px 4px 3px !important;
    }
    5) Setelah selesai cari pula kod di bawah ini 
    <div class='post-header-line-1'/>
    6)Copy kod dibawah ini dan letakkannya tepat sebelum/diatas kod no (5)
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='sharebox'>
    <div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
    <div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
    <div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
    <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
    <div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
    </div>
    </b:if>
    Nota :

    1)Kod yang diwarnakan dengan warna hijau adalah kod yang boleh ubah mengikut kesesuaian blog anda. Kadang2 ianya tidak tepat berada di sisi blog dan anda perlu menukarnya sendiri.
    2)Jika anda menaikkan lagi nombor yg terdapat pada kod berwarna kuning, widget anda akan semakin jauh dengan bottom blog anda.
    3)Begitu sebaliknya dengan kod yang ditandakan dengan warna merah.
    4)Widget ini hanya kelihatan jika pelawat blog anda membuka salah satu daripada artikel di blog.Ianya tidak kelihatan di page hadapan.

    Sila klik preview dahulu dan jika tiada sebarang error maka klik save template.

    2 comments:

    Anonymous said...

    Trima kasih gan,
    Tutorialnya sudah saya coba & berhasil,....

    Ditunggu tutorial lainya gan,

    @zahroul

    Borong Shop said...

    sama2 gan.. Terima kasih juga atas kunjungannya kemari :)

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me