Jumat, 04 Mei 2012

Cara Membuat Pop Up/Kotak Like Facebook dan twitter di kanan bawah

Setelah sebelumnya saya menulis tentang cara membuat tombol follow twitter dengan nama anda, kali ini saya akan menulis tentang Cara Membuat Pop Up/Kotak Like Facebook dan twitter di kanan bawah. Untuk lebih jelasnya silahkan lihat gambar!

Cara Membuat Pop Up/Kotak Like Facebook dan twitter di kanan bawah


Gimana? penasaran mau bikin?
Ayo deh saya kasih tau caranya bikin kotak pop up ini..

1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode di bawah ini

<script src="http://andreykusanagi.googlecode.com/files/pop-up.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent;-moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(255, 51, 0); display: block;"><div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"><a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Keluar</a><strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like Dan Follow ya!</strong><br/>
<a href="https://twitter.com/Nama Twitter Sobat" title="alibloggers" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Twitter Sobat</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWawasan-Kita%2F150257048420761&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=419836888027071" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></div></div>
 Catatan : Ganti tulisan yang bercetak tebal sesuai dengan nama twitter dan kode fans page facebook anda

6.Klik Simpan
7.Selesai 

Nah mudah kan  Cara Membuat Pop Up/Kotak Like Facebook dan twitter di kanan bawah, silahkan dicoba sob..


Tidak ada komentar:

Posting Komentar