notifikasi
close



Pasang Iklan Murah


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



Share this article :

Penulis: Muhammad harish Abdurrahim - Tutorial Blogz

Muhammad Harish Abdurrahim atau biasa dipanggil 'Harish', adalah seorang pelajar SMP di MTs Al-Hidayah Rawadenok. Remaja berusia 13 tahun ini sangat gemar dengan aktifitas NgeBlog / Bloggingnya di Internet. Dalam blognya, dituliskan hal-hal yang dianggap penting dan bermanfaat untuk dibagikan kepada semua orang...



Terima kasih Anda telah membaca Artikel Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog . Jika Anda ingin Menyalin atau Copy Paste Artikel ini, Harap untuk mencantumkan Link Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog sebagai sumbernya. Terima kasih!

8 komentar

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

mantap gan tutornya,,,

berhasil....

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

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

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!

Konversi Kode Disini Top Komentator

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. Tutorial Blogz - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger