moshi-moshi ^^

apa kabarnya minna-san? 

kali ini ryoko mau bagi-bagi tutorial tentang rules chatbox hover tutorial

ada yang belum tau sama rules chatbox hover? berikut previewnya

|| PREVIEW ||

okay, berarti minna semua udah tahu kan yang mana rules chatbox hover itu kan? 

berikut ryoko kasih tutorialnya:

 buka blogger

 dashboard >> tataletak >> tambahkan widget >> HTML/JavaScript (simple template)

      dashboard >> template >> copy diatas kode cbox mu

 kopi kode dibawah ini

<style type="text/css">.box {width: 240px;padding: 10px;background:url(your background url);}.box2 {padding:3px;display:block;height:17px;width:235px;background:#fff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden;}.box2:hover {height: 150px;}h01{font-family:consolas;padding-top:1px;font-size:12px;color:#000;text-align:center;text-transform :uppercase;background: #000;letter-spacing:5px;height:16px;padding-left:6px;display:block;-moz-transition: 0.5s;-webkit-transition: 0.5s;}</style><br /><div class="box"><div class="box2"><h01>Your Title</h01><div style="font-family:short stack;font-size:9px;height:130px; overflow:auto;margin-top:3px;">your words</center></div></div></div><br />