Tutorial Status Box
Tuesday, December 4, 2012 at 12:57 PM
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 -..-
Warning! : Copy guna Ctrl + C and paste pakai Ctrl + V
Buat blog baru, tukar template kepada classic template,blogskin.
> 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
Labels: tutorial
Tutorial Status Box
Tuesday, December 4, 2012 at 12:57 PM
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 -..-
Warning! : Copy guna Ctrl + C and paste pakai Ctrl + V
Buat blog baru, tukar template kepada classic template,blogskin.
> 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
Labels: tutorial
