![]() |
Widget like Box + Twitter melayang |
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&width=280&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false&: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 ~
Tidak ada komentar untuk " Cara membuat widget like box + follow twitter melayang "