Cara Membuat Tombol Share Melayang di Blog

Salam Sobat Blogger.

Banyak cara untuk mendapatkan trafic  pengunjung blog kita semakin banyak dan bertambah setiap harinya. salah satunya dengan bantuan jejaring sosial seperti Facebook, Twitter, Google+ dan masih banyak lagi yang lainnya yang kian harinya semaikin berkembang. Dan fasilitas inilah yang harus kita manfaatkan sebaik mungkin.

keuntungan yang didapat, artikel blog kita akan dishare oleh para pengunjung kita dan menyebabkan trafic rank kita bakal naik juga tidak lupa untuk mempererat tali silaturahmi  hehehe . . .

Lalu bagaimana caranya agar Widget Share Sosial bookmarking ini dapat melayang pada blog kita?? Yappz sangat mudah sekali dan ikutilah langkah-langkahnya berikut :

1. Seperti biasa Agan buka akun blog'a utk login

2. Pilih "Design/Rancangan"

3. Lalu Klik "Add a/tambah Gadget"

4. Kemudian Pilih dan Klik "HTML/Javascript"

5.Kemudian silahkan Agan Copy Script Widget di bawah ini dan Pastekan pada "HTML/Javascript"

style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
left:10%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 35%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming">
<div id="stw">
<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 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>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div><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 style="clear:both;">
</div>
</div>



6. Lalu Simpan. Dan Widget Share melayangnya telah berhasil dipasang
NB :
Sobat bisa menggantinya sesuai keinginan, baik itu Kanan Kirinya Isi Widget'a Serta Tinggi rendahnya.

#> left:10% Silahkan sobat ganti dan sesuaikan dengan posisi template dan Penempatan Widget ini. Jika ingin di sebelah kanan rubah jadi right
#> top: 35% Sobat dapat sesuaikan juga tinggi rendahnya widget ini dengan header maupun Bottom Blog.


Selamat Berkreasi dan bereksperimen Sobat Blogger.