chat


Chat Box

©






Blogskins by UHBMY. Edits by Bila. Cute icon from Pixel. Gif picture from Tumblr.




Message Button Hover
Senin, 31 Juli 2017 - {0 Infinity}


Kamaitachi
Maaf kalau seram , cuma ini yang lulus sensor dari anime kesukaan saya :'v

Alo aloo XD Maafkan gak posting apa-apa, bingung mau nulis apa, padahal buka blog mulu hahaha :'D

Tadi buka cbox ada nanya ginian
 Message Button Hover
Sasha : hallo kakak~ request cara bikin message button kaya begini dunk~ XD

Berasa tua dah dipanggil kakak hahaha :'D
Karena emang lagi kuker (padahal cucian menumpuk wkwkwkwk curhat) dengan baik hati Bila akan membantu :3

Kode ini dapet dari tutorial Kak Resti di postingan Rules Chatbox.

  • Sebelumnya, kita ke web ini. Biar bisa preview hasil kodenya :3
  • Udah selesai ngedit-ngedit? Kita ke dashboard blogger > Tata Letak > Add a gadget > HTML Javascript
  • Copas kode di bawah ini
<center><style type="text/css">
.box {width: 250px; padding: 10px;border:6px solid #aaa;}

.box2 {padding:3px;display:block;height:17px;width:190px;background:#ffffff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden}

.box2:hover {height: 800px;}h01{font-family:Oswald;font-size:18px;color:#aaa;text-align:center;text-transform :uppercase;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>Message</h01><div style="font-family:Comic Sans MS;font-size:13px;color:#666;height:130px; margin-top:3px;"><br />
ISI APA AJA BOLEH
</center></div>
  • Save

Semoga bisa membantu :)

Label: