TUTORIAL : centerkan post tittle , gadget , time & date !

SIMPLE TEMPLATE CODING

firtsly korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget and search code di bawah ni :
h2 {
dah jumpa kann ? korunk copy code di bawah nie and paste kan dia di bawah code h2 { tadi kayy ? ini adalah untuk sidebar , date and time :
text-align:center;
dah sudah kann ? now kita nak centerkan post tittle pulak :) korunk sila search code di bawah ini yaa :
 h3.post-title, .comments h4
dahh jumpa ?? hahh , bagus lah korunk , nowww sila copy code di bawah dan paste kan di bawah code yang kat atas nie .
text-align:center;

WASHED DENIM CODING

go to Dashboard > Design > Edit HTML*tick expand widget and search for this code :
.sidebar h2 {
and copy this code and paste kan di bawah code di atas nie yer ? ini untuk sidebar , time and date yaa ?
 text-align:center;
 then korunk search for this code pula :) ini untuk post tittle yer semua ?

.post-title {
dah cary ? sekali lagi korunk masuk kan code di bawah ini di bawah code di atas yer ?
 text-align:center;
ini nota kecil buat anda :
text tuh bukan sahaja boleh di centerkan malah korunk boleh jady kan dia left dan juga right . korunk kene pandai adjust coding okehh ? soo , semoga berjaya yaa ?

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Background for Sidebar , Time & Date !

SIMPLE TEMPLATE CODING

Firstly , apa yang korunk kene buat ialah pergi ke Dashboard > Design > Edit HTML *tick expand widget and then korunk search for this code yeahh?
h2 {

dah cari kan ? soo , korunk sila paste kan code yang akan una bagy nie di bawah 
text-transform: uppercase; okehhh , sila copy code nyer sekarang :)

border:2px solid #6e6133;
-moz-border-radius: 35px;
border-radius: 35px;

yang tuh untuk border korunk kayy ?? sooo , korunk copy pulak code niee di bawah code border nie yerrr ??
background:url('URL IMAGE')

coding yang di higlight kan boleh di ubah ikut citarasa anda semua ^^ 

WASHED DENIM CODING
macam biasa yang korunk kene buat pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code :
.sidebar h2 {
dah jumpa kann ? then korunk sila copy code di bawah ini dan pastekan di bawah code di atas nie yer ? :)
border: 1px dashed #BDBDBD;
background: url(URL IMAGE);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;

dah paste kan korunk preview dulu okehh ? simple saje kann ?? and ini nota kecil buat kamu :
code simple template korunk boleh guna untuk background sidebar , time and date while washed denim pula hanya boleh di gunakan pada background sidebar sahaja :)

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Hide Navbar !

okeh , hary nie una mahu buat tutorial hide navbar ?? kadangkadang ade blogger yang tak suke dengan navbar yang sedia ade tuh kann ?? soo :) nie ade tuto untuk korunk hide navbar korunk :) follow step2 nie okehh ??



  • Sign ini Blogger > Design > Add Gadget > HTML/JavaScript 
  • setersunya korunk copy this code :) 
<!-- DROPDOWN NAVBAR -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->

  • dah copy korunk paste & save terus :) so nowww dah jady ^^ hahhhhh , lawa kann ???

KALAU TAK FAHAM TANYA TAUU ?? SELAMAT MENCUBA ^^ 


                                                                                                    Hai! Selamat membaca. Jangan lupa tinggal komen ya?