Pasang Widget Share Button With ScrollTop Ala UTta' Bag.2

Dalam artikel saya kali ini, saya ingin mencoba berbagi widget share lagi buat sobat blogger. Widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang Pasang Widget Share Button With ScrollTop Ala UTta' Bag.2.

Tweet

Share

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>
<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>

5.Terakhir Save, dan Lihat hasilnya.

Jangan lupa beri komentar sobat yah ;))

Berbagi :