Tutorial status box CT

Saturday, December 8, 2012 at 9:39 PM | 0 grown up kid



Assalammualaikum + Annyeonghaseyo, semalam, @farhan choco, seorang facebooker tanya saya macam mana nak buat kotak status macam saya. Status box ni penting untuk update bende kecik-kecik. Tak perlu la buat entry kalau just nak cakap "Hai kawan-kawann, hari ni saya makan ayam asam pedas dan betik cecah sambal belacan tauu, sedaapp" kan? okey, enough merepek -..-



 Buat blog baru, tukar template kepada classic template,blogskin.

 dashboard > template.

 > tukar semua code template yang asal kepada code di bawah ini.

<style type="text/css">
#navbar-iframe {
display: none !important;
}

a:link,a:visited{text-decoration:none;color:#FA5882;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

a:hover{color:#fff;background:#FA5882;

}

@font-face {font-family:tt;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

body{font:9px tt; color:#666; letter-spacing:1px;}.blogger-labels{display:none}
.h1{float:left;background:#eee;padding:2px;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-size:8px;}

</style>
<div style="width:210px;">
<blogger> <$BlogItemBody$><br/>
<div class="h1">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="h1" style="float:right;">
<$BlogItemDateTime$></div>
<div style="clear:both;">
</div></br>
</blogger>
Merah : Boleh tukar ikut suka awak.
Oren : tukar width box ikut kesesuaian.

*Jangan sama dengan saya tau. Lepas itu, save.

 Pergi template blog sebenar anda dan pastekan code di bawah ini dimana-mana yang anda mahukan code ini muncul.
<iframe style="border:1px dashed #eee;width:225px; padding:2px; height:100px;" src="http://moksye-updates.blogspot.com/"></iframe>
Merah : tebal border
Oren : type border (dashed,dotted,solid)
Kuning : colour border
Hijau : lebar box
Unknown : jarak antara status dengan border
Biru : height box
Purple : url status blog anda
Contohnya macam code saya,
 Save dan lihat hasilnya.

ALERT! : Kalau nak update just pergi blog updates tu, dan tulis dekat new post. Title tak payah susah-susah nak pikir, memang takkan muncul pun.

Sekian,
Asa Banie