headline photo

Membuat Pop UP Facebook Like Dan Twitter Di Blog

Selasa, 30 April 2013

HACKTIVIS NKRI



Panduan Blogspot kali ini kita akan membahas tentang cara membuat pop up facebook like dan twitter di blogspot.Pada panduan sebelumnya saya pernah menulis tentang cara memasang like box facebook di blog,tapi kali ini kita akan memasang tombol like box facebook dan follow twitter di blog.Dengan memasang widget ini di blog kita,kita dapat menarik para pengunjung di jejaring sosial.Dengan begitu trafik blog kita bisa meningkat.Tanpa panjang lebar,langsung saja kita mulaimemasang tombol pop up like box facebook dan follow twitter di blogspot.



Silahkan sobat ikuti beberapa langkah berikut
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%2Fid-id.facebook.com%2Fpages%2FAndreyKusanagiCom%2F239190232795087amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=212&amp;appId=128536653899046" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="true"></iframe></div></div>

Keterangan : Ganti tulisan yang bercetak tebal sesuai dengan keinginan sobat

6.Klik Simpan
7.Selesai 

Semoga postingan saya tentang Cara Membuat Tombol Pop Up like Box Facebook Dan Follow Twitter Di Blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 komentar:

Posting Komentar