cara membuat kotak fan page / follow blogger melayang

untuk teman-teman yang bingung membuat kotak like atau follow yang biasa nya melayang di sekitar halaman seperti disamping, berikut cara mudah pembuatannya agar lebih mudah di mengerti dengan disertai gambar.

1. loggin ke blogger
2. pilih tata letak, contoh gambar:


3. pada menu tata letak, pilih add gadget yang mana saja, pada gambar saya, saya pilih gadget paling bawah.


4. setelah keluar ko
tak baru, pilih html/javascript


5. copy dan paste kan code di bawah ini

<script src="http://ojel88.googlecode.com/files/slidboxordinary.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(54, 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(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya Sob :D biar update terus..</blink></strong><a href="https://twitter.com/hendra_rrni" title="cinta kreativitas" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @hendra_rrni</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%2F112943702115261&amp;width=292&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=112943702115261" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;" allowtransparency="true"></iframe><span style="font-size: x-small;">widget by : <a href="http://www.cinta-kreativitas.blogspot.com/" target="_blank" title="sofilmendo"><b><span style="color: black;">cinta-kreativitas</span></b></a></span></div></div>

6. ganti semua huruf yg berwarna dengan kode yang anda ingin kan,
    biru untuk id twitter,
    merah untuk id fan page facebook,
    ungu untuk id blogger anda.

7. terakhir klik simpan.

selamat mencoba semoga berhasil ^_^

1 komentar: