Cara membuat widget like box + follow twitter melayang

Posted by at
widget like box + twitter melayang
Widget like Box + Twitter melayang
Cara Membuat widget like box + follow twitter melayang - pada postingan kali ini,saya akan membagi sedikit tips mengenai tutorial blogger.cara membuat like box melayang.tutorial ini mungkin sudah banyak yang share,,tapi tidak ada salahnya jika saya share,lagi.semoga saja bisa bermanfaat.untuk mengikuti langkah-langkahnya ,simak tutorial berikut.


Tutorial membuat :

  • masuk akun blogger
  • tambah gadget baru >> HTML/Javascripts
  • pastekan kode berikut

<script src="http://facewoman.googlecode.com/files/andikwin-like-fb.js" type="text/javascript"></script> 



<div id="fbslidebox" style="position: fixed; width: 310px; overflow:
hidden; bottom: 150px; right: 5px; background: #fff;) repeat scroll 0%
0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px
ridge Black; display: block;">



 <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">





 <a id="fbcloseslidebox" style="float: right; color: rgb(0, 0, 0);
padding: 0pt 2px; border: 1px solid rgb(0, 0, 0); text-decoration: none;
font-size: 10px; font-family: Verdana;" href="#">Keluar</a>



 <strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like & Follow</strong>







<a href="https://twitter.com/ID TWITTER SOBAT"
title="facewoman.blogspot" 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=https%3A%2F%2Fwww.facebook.com%2FID FANS PAGE SOBAT&amp;width=280&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;:none;
overflow:hidden; width:270px; height:290px;"
allowtransparency="true"></iframe>





</div></div>



  • simpan perubahan.

Note :
  • Kode-kode yang saya tandai dengan warna,,bisa dirubah dengan keinginan anda.
  • untuk lebih jelasnya silahkan meluangkan waktu untuk berdiskusi di kotak komentar. :D

~ Happy Blogging - Ega Ariya Dirgantara ~
Pasang Iklan Anda

Tidak ada komentar untuk " Cara membuat widget like box + follow twitter melayang "

Back to Top