Cara Membuat sliding like facebook pojok kanan bawah ataupun membuat likebox facebook di blog
pojok kanan bawah. Pada malam ini saya akan share ilmu yang baru saya
dapatkan yaitu membuat kotak like facebook yang bisa buka tutup saat
scroll di tarik ke atas dan bawah.
Membuat likebox facebook di blog pojok kanan bawah adalah judulnya karena saya pertama kali sulit carinya untuk keyword di google jadi ya itu judulnya agak gimana gituh,,!!
Likebox facebook ini lebih menarik dari pada yang biasa yang diletakkan di sider blog yang statis karena bisa bergerak otomatis saat kita membuka bagian bawah halaman. bisa anda lihat sendiri demonya di blog saya ini ya seperti itu kurang lebihnya.
Langsung saja saya bagikan script untuk membuat likebox facebook di blog pojok kanan bawah slider.
Pertama anda buka >> Page Element >> Klik add gadget,>> HTML/javaScript dan tambahkan kode dibawah ini.
<!--Slidbox -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe03N94wTvO38_CwHvKvv8IITTTw5rfx7iRTlVvSXFnSvpddIVBUzxTj94sfBSmmPzN8uL4eeFaago7L5ag9Zjg-UNn3_FskNswvMb_n-1E7xbAOJyh_ls9BrwRTWDA9tlFfeYuQLd6fHA/s0/bo-bg-html.gif)
repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#66ad3d;">Untuk Judul Slid-Box</strong>
///Tempatkan apa saja yang sobat inginkan (gambar,script, facebook dan lain-lain//
</div></div>
<!--Slidbox end -->
0 komentar:
Post a Comment