Tutorial saya ini hanya ingin melanjutkan pada postingan saya yang sebelumnya yaitu 'Pasang Widget Share Button Floating Lengkap' :D
Untuk demonya sobat bisa lihat langsung dalam postingan ini.
OKE, jika jika sobat tertarik memasangnya silahkan ikuti langkah berikut :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya.
<style type="text/css">#utTopbar{position:absolute;padding-left:10px;background-color:transparancy;width:76px;visibility:hidden;z-index: 100;}</style>5.Terakhir Save, dan Lihat hasilnya.
<script src="http://ut2a-4down-blogspot-com.googlecode.com/files/uttaTopbar.js" type="text/javascript"></script>
<div id="utTopbar" style="visibility:hidden;left:30px; top: 204.9999999999999px; ">
<div style="height:260px;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #fff;background:rgba(0,0,0,0.9);-webkit-box-shadow:inset 0 0 9px #fff;-moz-box-shadow:inset 0 0 9px #fff;box-shadow:inset 0 0 9px #fff;">
<div style="float:left; margin:3px 0 0 3px;">
<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 style="float:left; margin:3px 0 0 3px;">
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div style="float:left; margin:3px 0 0 3px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div style="float:left; margin:3px 0 0 3px;">
<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>
</div></div>
Jangan lupa beri komentar sobat yah ;))
Posting Komentar