Malam-malam kaya gini bingung mau ngapain sob, jadi saya putusin ngepost aja dah..haha
Kali ini saya mau berbagi ilmu memasang kotak share melayang diblog, ini dia caranya.
1.Login Blogger
2.Pilih Rancangan -> Tambah Gadget -> pilih HTML/JavaScript
3.copykan kode dibawah ini:
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:7%; 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;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<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>
#pageshare {position:fixed; bottom:7%; 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;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<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>
4.Kemudian Save
Nah bisa dilihat hasilnya, sekarang sobat punya widget share melayang seperti punya saya.hahahaha
Salam Blogger!
|
|
Labels:
Dofollow dan Backlink,
Gadget,
Hiburan,
Info Harga Ponsel,
Info Terbaru,
Misteri,
Tutorial Blogger,
Woowww
3 comments:
izin coba ya sob. . :)
izin copas ya sob..
silahkan..cantumkan sumber ya!
Komentar di: Cara Memasang Share Melayang
Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.