Sunday, 20 January 2013

Tutorial Twitter Status With Slide Hover

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم

    Direquest oleh Syafiqah. Live demo here. P/s : Hover lah  :


Mention Me, Maybe?

Untuk Template Designer eg ; Denim, Simple dan sewaktu dengannya ;
Untuk Classic Template eg ; Blogskin dan sewaktu dengannya ;

     1 ; Pergi ke Layout > Add Gadget > Pilih Html/Java Script.
     2 ; Copy kod di bawah ni dan paste di dalam ruangan Html/Java Script tadi. Credit : Nabiyha Khairi.
     3 ; Ctrl + C untuk copy codes.

<style>
.titleflow{
background: #ffcaca;
pading:3px;
color: #000;
text-align: center;
text-transform: uppercase;
font-size: 9px;
}
.flow {
background:#ffffff;
height:30px;
margin-top:3px;
color:#808080;
text-align:center;
overflow:hidden;
width:200px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
.flow:hover {
height:250px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
</style>
<div class="flow">
<div class="titleflow">
Title 1</div>
<br />
Write anything here.
</div>
Mari main buaian :
      ABCDEFG : Kod warna boleh curi di SINI.
      ABCDEFG : Boleh adjust size dia, tapi edit jangan sampai cacat.
      ABCDEFG : Tajuk . Eg ; mention me, maybe?
      ABCDEFG : Pastekan kod twitter status. Nak dapat dekat mana? Dapatkan DISINI !

Jadi, tak? Kalau tak jadi, inform saya cepat cepat ye?

4 comments:

farhan irfan said...

jadi thanks ! mana coki-cokinya nih ,, atoitoi

♥ Anis said...

@farhan irfan jap ehh nak pergi beli. Hihi ..

Mumbling online............. said...

Anis... tak jadi lah... :'(

♥ Anis said...

@Mumbling online............. Hmm.tak jadi yg part mana? Anis buat jadi je :| try lg sekali ehh