Cara Membuat Widget Share Melayang di Blog

Posted by Zulfan Heri on Minggu, 30 Oktober 2011


Salam blogger....
Hei sobat bloger x ini Dolol mo berbagi trik ne Seputar Share & Share..
Sebelumnya Dodol Pernah membahas tentang Share Google+1 Di Blog..
Nah kali ini Dodol akan mencoba Memasang Tombol Share Melayang Di Blog
Oke sahabat NB sekalian Xini saya akan menjelaskan bagaimana membuat widget share melayang.

sebelumnya sahabat NB tau g' sih apa fungsi dari widget yang akan kita buat nantinya..? fungsinya yaitu untu memudahkan pengujung blog kita menshare artikel yang ia minati melalui menu2 yang kita pasang dalam widget share..

widget ini juga membuat traffik rank dalam suatu blog naik,, karena yang melihat artikel kita nantinya bukan dari google atau facebook saja, melainkan mereka yg memliki account buzz dan twitter .

Y.. untuk pembuatannya sahabat NB dapat mengikuti langkah di bawah ini

1. Buka acount blogger sahabat masing2
2. Pilih Rancangan
2. Pilih Elemen Halaman3. Klik Tambah Gadget4. Pilih HTML/Javascript5. Silahkan Copy script di bawah ini dan Paste ke dalam konten HTML/Javascriptyang shabat buka tadi


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

* html #z33sHare{
position: absolute;
}

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

#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="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><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</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>
<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. Jangan Lupa Simpan/Save jika sudah selesai.

Semoga Bermanfaat.....  
Tag :  Ngedong Bareng

Penulis : Zulfan Heri ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Cara Membuat Widget Share Melayang di Blog Ini Diposting Oleh Zulfan Heri. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

{ 5 comments... Read Them Below or add one }

erfan setiawan mengatakan...

permisi nyedot ane gan....
manteeeebbbb pooooollll.............

Oidre mengatakan...

Hehehhe,,, Ea Lah,, Sedot Aja Gan Mumpung Free...

Download Game Baru-Gratis mengatakan...

makasih gan....

Amien melody mengatakan...

Mantappp gan........:)
Salam kenal:
FREE MIDI Downloads

Darmawan Saputra mengatakan...

terima kasih infonya sob.
sungguh kreatif sekali dan template blog anda simple.
dan sepertinya anda mempunyai kelebihan tersendiri.
bila ada waktu saya akan berkunjung lagi sob :)


#Semoga Sehat Selalu :)

Posting Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..