Cara Memasang Widget Tersembunyi dan Melayang pada Blog

Dapet tips dari tetangga sebelah, ya lumayan untuk saya share ulang kepada para pembaca sekalian.
Kali ini saya mau memberikan trik untuk membuat widget yang tersembunyi dan melayang pada blog kita :)
Ok langsung simak ya guys..

1. Pertama seperti biasa kalian menambahkan widget HTML/Script di blog, udah pada tau kan? ok lanjut..
2. Kalian masukkan script di bawah ini!

<style type='text/css'> .fwidget{background:#009999;border-radius:8px;top:-5px;box-shadow:0 0 5px #fff;color:#fff;float:left;height:35px;margin-left:95px;opacity:.8;overflow:hidden;padding:auto;position:fixed;text-shadow:0 0 5px #000;width:90px;z-index:9;-o-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out} .fwidget:hover{background:transparent;border:2px solid #000;box-shadow:0 0 15px #000;color:#000;height:450px;margin-left:20px;opacity:1;width:240px} .fwidget-body{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out} .fwidget h3{cursor:point;font-size:13px;text-align:center} </style> <div class='fwidget'> <h3> JUDUL WIDGET</h3> <div class='fwidget-body'> <center> LETAKKAN KODE WIDGET DISINI</center> </div> </div>

3. Pada Script diatas terdapat teks JUDUL dan juga KODE WIDGET yang akan dimasukkan. Silahkan isi sesuai dengan script widgetnya!
4. Setelah itu klik SAVE dan bisa lihat di halaman blog.

Oke mungkin penjelasan tutorialnya sampai disini, semoga bermanfaat :)
Jangan lupa komentarnya ya..

Posted in: Tips dan Trik,Tutorial Blog