Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog

Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog - Setelah kemarin saya membahas tentang Cara Memasang Widget Buku Tamu dari ShoutCamp, Dan sekarang saya akan membahas tentang widget blog yaitu  Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog . Widget ini merupakan widget yang sangat menarik karena widget ini bisa melayang sekaligus 3 lo ... lihat gambar di bawah ini .
 
Nah Bagi sobat yang ingin mempunyai widget tersebut, sobat tinggal langkah - langkah  Berikut ini:
 
1. Login ke Blogger sobat . 
2. Pilih Rancangan > Tata Letak > Tambah Gadget 
3. HTML/JavaScript
4. Letakkan kode berikut didalamnya.

<style type="text/css">
.barrightblogger{ background:url('http://1.bp.blogspot.com/-M5A-TLdB58E/TpOxL5GAReI/AAAAAAAAAN0/gEa0HRqhX4k/blogger.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('http://2.bp.blogspot.com/-gQ9PACjKc2I/TpOxMv4CyiI/AAAAAAAAAN8/FyEncEGNCbM/blogger.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('http://1.bp.blogspot.com/--gRMUITrjwM/TpOxLpClllI/AAAAAAAAANs/l88iteOo244/twitter.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('http://2.bp.blogspot.com/-B97DZMK7wus/TpOxNSwRhPI/AAAAAAAAAOU/A-RjcC6WYjk/twitter.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('http://2.bp.blogspot.com/-Cum28YwF4d8/TpOxM_lUKMI/AAAAAAAAAOE/L4pJ91PTVz4/facebook.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
Disini Letakkan Kode Follower Blog
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
Disini Letakkan Kode Twitter
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
Disini Letakkan Kode Facebook
</div>
</div>

Keterangan : Ganti yang berwarna merah dengan kode Follower, Twitter, dan Facebook Fan page

5. Terakhir klik Simpan

Untuk Demo nya  KLIK DISINI
Previous
Next Post »

9 komentar

Write komentar
Muhammad Dani
AUTHOR
July 7, 2012 at 3:39 PM Delete

cara melihat pkode follower blog, twitter ma facebooknya
kasih tau dong gan secara lengkap

Reply
avatar
October 28, 2012 at 7:00 PM Delete

mantap gan tutornya,,,

berhasil....

Reply
avatar
December 23, 2012 at 10:19 PM Delete

Your blog posts and articles are very interesting and make me become more scientific, keep your blog so I can visit again to see your blog posts and articles later .. thanks for the info

Reply
avatar
June 5, 2014 at 9:04 AM Delete

kalo meletakkan kode setelah postingan gimana gan....
maklum ane masih newbie......

Reply
avatar
dana
AUTHOR
March 23, 2015 at 8:14 AM Delete

Yup om twitter memang cukup joss untuk bisnis tapi saya ada masalah untuk menempatkan menu time line pada sidebar dengan menu tab bisa dibantu ga om

Reply
avatar

Silahkan tinggalkan komentar Anda di bawah ini,
Adapun peraturan berkomentar di blog ini :

1. Tidak menempatkan link hidup saat berkomentar.
2. Tidak komentar spam.
3. Tidak komentar promosi.
4. Tidak komentar yang mengandung unsur SARA.
5. Berkomentar dengan Sopan.

Tidak mematuhi peraturan? Maaf, komentar anda tidak akan saya terbitkan! EmoticonEmoticon