Cara membuat button share Lengkap

Halo,, pada tahu gak nih cara memasang widget share button facebook, twitter, google, pinterest di Blog, pokoknya lengkap deh. ^_^

Berikut langkah-langkahnya untuk membuat tombol share itu:

Cara membuat button share Lengkap

1. Masuk ke akun blogger > Rancangan > Edit HTML.
2. Centang expland template widget.
3. Cari kode di bawah ini (tekan CTRL+F untuk mencari dengan cara cepat).

<data:post.body/>


4. Masukkan kode di bawah ini tepat di bawah atau setelah kode <data:post.body/>

<!--Widget Share Button Start--> <style> #pageshare {position:fixed; bottom:15%; right: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 to 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 style="clear: both;font-size: 9px;text-align:center;"> <a href="http://www.bloggernes.com/2012/12/cara-membuat-button-share-lengkap.html" target="blank" title="Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div> </div> <!--Widget Share Button End-->

5. Terakhir, klik preview, atau langsung save template. Selesai.

Begitulah cara membuat button share lengkap di blog, kalau ada kesalahan atau anda gagal membuatnya saya bersedia dengan senang hati membantu anda.

Salam bloggernes

Bagikan Artikel ini