Blogging : Membuat Pop UP Facebook Like Dan Twitter Di Blog

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 mulai memasang 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%2FLine92%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




Sumber :AndreyKusanagi.blogspot.com