Cara Membuat Tombol Share Melayang di Blog

Cara membuat tombol share di blog - Menambahkan tombol share melayang ke blog Anda merupakan cara yang tepat mengarahkan pengunjung untuk berbagi posting dan membuatnya merasa lebih mudah menggunakan tombol tetap. Ini adalah isyarat yang jelas meminta pengunjung harus berbagi posting. [Baca : Blog & Web Halaman Pertama Google, Lakukan Tips Ini]

Pasang Tombol Share Di Blog

Cara Memasang Tombol Share Melayang ke Blogger :
1. Login ke Blogger dan pergi ke Template > Edit HTML,
2. Cari <data:post.body/> atau <div class='post-footer-line post-footer-line-1'/>
3. Paste kode berikut ini tepat di bawahnya :

<!--SideBar Floating Share Buttons Code Start--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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:49px !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:8px;} </style> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'><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><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://infonetmu.blogspot.com/2012/02/membuat-tombol-share-melayang-di-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

4. Sekarang simpan template Anda.

Description: Cara Membuat Tombol Share Melayang di Blog Rating: 5 Reviewer: Walman ItemReviewed: Cara Membuat Tombol Share Melayang di Blog

Terima kasih anda telah membaca tulisan "Cara Membuat Tombol Share Melayang di Blog". Silahkan klik "tombol share" dan menggunakan fitur lain yang sudah tersedia. Anda tidak diizinkan melakukan penggandaan artikel atau copy-paste tulisan kami tanpa izin dan tanpa menaruh sumber aslinya.

Kami mengaktifkan DMCA COMPLAINT sehingga kami berharap anda bisa memakluminya. Untuk info lebih lanjut, baca terlebih dahulu PERATURAN mengenai izin share konten. Terima Kasih.

.