Selasa, 28 Februari 2012

Cara Pasang Widget Share Melayang

Bagaimana cara agar Widget Share Sosial bookmarking ini dapat melayang pada blog para sobat Blogger? Sangat mudah sekali dan ikutilah langkah-langkahnya :
  1. Seperti biasa silahkan anda buka akun blog utk login
  2. Pilih "Design/Rancangan"
  3. Lalu Klik "Add tambah Gadget"
  4. Kemudian Pilih dan Klik "HTML/Javascript"
  5. Kemudian silahkan Anda Copy Script Widget di bawah ini dan Pastekan pada "HTML/Javascript" di blog anda

<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.
  1. left:10% Silahkan sobat ganti dan sesuaikan dengan posisi template dan Penempatan Widget ini. Jika ingin di sebelah kanan rubah jadi right
  2. top: 35% Sobat dapat sesuaikan juga tinggi rendahnya widget ini dengan header maupun Bottom Blog.

Selamat Berkreasi dan bereksperimen

Sekian mengenai Postingan "Cara Pasang Widget Share Melayang di Blog". Semoga Bermanfaat dan Mendapatkan Trafic Blog . . .

Tidak ada komentar: