Memasang Tombol Share Facebook di Pojok Bawah Blog

Memasang Tombol Share Facebook di Pojok Bawah Blog - Bagi Blogger pemula seperti Gould Tips-Trick ini salah satu cara untuk mendapatkan trafict atau pengunjung yaitu dengan cara adalah mempromosikan blog atau posting blog kita ke sosial network seperti facebook, Kali ini kita akan pasang tombol share facebook dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.yaitu memasang tombol share facebook pada pojok blog.


Tombol share tersebut tetap di pojok blog,jadi walau kita geser ke atas ke bawah tetep aja di situ aja,tidak akan berpindah - pindah. Di tombol share facebook ini juga ada penghitung berapa kali halaman blog itu di bagikan ke facebook lewat tombol itu.

Tertarik menggunakannya ? langsung aja ikuti langkah-langkah berikut :

•     Login ke Blogger
•     Lalu klik Template > Edit HTML
•     Copy Paste kode berikut di atas kode ]]></b:skin>

        #pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;}
        #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
        .fb_share_count_top {width:48px !important;}
        .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
        .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
        .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}

 Setelah itu Copy Paste lagi kode berikut ini di atas </body>

        <div id='pageshare' title='Share @Facebook'>

        <div class='sbutton' id='fb'>        <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>        </div>        <div class='sbutton' id='gb'>        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>        <fb:like font='' layout='box_count' show_faces='false'/></div>        </div>        #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}        .fb_share_count_top {width:48px !important;}        .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}        .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}        .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}

    Setelah itu Copy Paste lagi kode berikut ini di atas </body>

        <div id='pageshare' title='Share @Facebook'>

        <div class='sbutton' id='fb'>        <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>        </div>        <div class='sbutton' id='gb'>        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>        <fb:like font='' layout='box_count' show_faces='false'/></div>        </div>

    Kalau sudah selesai semua langsung aja klik Save Template' dan lihat hasilnya.



Baca Juga 10 Pilar utama Menaikan Alexa Rank dengan Cepat dan Mudah

Tweet

Subscribe to receive free email updates: