Friday, December 07, 2012

Slide Widget


Slide widget adalah mcm ni -
Tgk dalam blog aku pun ada. Dulu aku gunakan utk letak text tu, skrg akuletak shoutbox :D

Templete Designer!

  • Layout : Add Gadget : HTML/JavaScript
  • Copy codes dkt bawah dan paste dlm HTML/JavaScript tuh

<style>.y {border-radius: 5px;width:10px;padding: 15px;height:15px;border: 2px solid #000000;
margin-top:30px;margin-left:255px;background: #faafbe;color:white;font-size:12px;-webkit-transition: 1.0s;-moz-transition: 1.0s;}#kotakstatus {position:fixed;border:4px solid #000000;
width:240px;
left:-265px;top:50px;height:100px;
padding:4px;text-align:left;
font-size:10pt;font-family:Verdana;background: #FFB2CB;color:#000;
-webkit-transition: 1.0s;-moz-transition: 1.0s;}#kotakstatus:hover {left:1px;}</style><center><div id="kotakstatus"><div class="y">M</div><div style="margin-top: -80px;">Apa sahaja yg korang nak letak</div></div></div></center>

\Make up time/
Black: Kod Warna
Ungu:Tebal border
Biru: Jenis border- dashed|dotter|double
Oren: Lebar & Tinggi kotak mengikut size yg sesuai
Red: Kedudukan widget- right|Left|Center
Hijau: Warna huruf utk text

Template Classic/ Blogskin
  • Dashboard : Template
  • Tekan Ctrl + f utk cari code </style>
  • Paste codes yg sama macam Template Designer di bawah codes </style>

No comments: