Slidebox Fesbuk melayang di blog yang satu ini sebenarnya sama saja dengan postingan saya beberapa waktu lalu - yang belum baca, klik disini. Tapi ada perbedaan sedikit, yaitu terletak dari cara muncul dan exitnya. Posisinya juga berbeda, berada di sebelah kanan bawah. Biar lebih jelas, lihat screenshoot dibawah ini :
Ingin mencoba membuatnya? Ikuti caranya sebagai berikut :
- Pertama login ke Blogger
- Kedua Pilih Tata Letak kemudian klik Tambah Gadget
- Ketiga Pilih HTML/JavaScript dan masukkan kode dibawah :
<div class='widget HTML' id='HTML7'>
<div class='widget-content'>
<script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlsSs4aVbNmcRxrJjd4uSyn0thR_t-Ovi7nEEENFOPTHhdi6dtdLQbOeFu6zwUxosDg5j4SKEYL_zftZF8eoJn9gkEF6uDtrUmJ5F4qsgANbAWH0-atkCCEDCXbW3V89TuwzMP6_QMNc_i/s0/bo-bg-html.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4155701203275692831#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Like This Blog</strong>
<---- masukkan script anda disini ---->
</div></div></div></div>
- Terakhir Simpan. Selamat mencoba dan semoga bermanfaat......
No comments:
Post a Comment
Mohon berkomentar sesuai dengan artikel yang ada. Komentar yang berisi link yang menuju ke sebuah halaman dan mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.