Tutorial : Letak Date,Komen,Label, Author bawah Post Title

1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. Find this code :

<div class='post-header-line-1'/>

3. Then , copy this code bawah code yang dicari :

<center><font style='background:transparent url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Star-Off.gif) no-repeat scroll top left;padding-left:10px;font-size:11px;'><data:post.author/></font>| <font style='background:transparent url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Relogio.gif) no-repeat scroll top left;padding-left:10px;font-size:11px;'><data:post.timestamp/></font>| <font style='background:transparent url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/iconecome.gif) no-repeat scroll left;padding-left:10px;font-size:11px;'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><span style='font-size:11px'>Comments</span></a></b:if></font>| <font style='background:transparent url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis1.gif) no-repeat scroll top left;padding-left:10px; font-size:11px;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/></b:loop></b:if></font></center>

4. Preview , If doesn't Error save ! :)

Freebies : Welcoming Images

Siapa nak Welcome Image dengan gambar Ice Cream yang cute ? Angkat kaki ! -,-

Boleh Refer Tuto ini kalau nak letak dalam blog :D

http://i.imgur.com/9FG7H.png

http://i.imgur.com/DZymC.png

http://i.imgur.com/wO9l5.png

http://i.imgur.com/ZwNxH.png

http://i.imgur.com/6GWcq.png

http://i.imgur.com/FqfWe.png

http://i.imgur.com/WyY4R.png

Berminat ? ? Kalau nak ambil sila tinggalkan jejak kamu di ruangan komen yer :)

Nak letak guna tuto Welcome Images . Have a Nice Day ! 

Freebies : Background Sweet Polka

Sweet Sangat kan ? Haha.. Takpelah saja nak buat tajuk tuh bombastik ! :P

Berminat , Ambilah .. Nak letak backgorund block Boleh refer tutorial ini :)

Crtl+C for copying the images url ..

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolk.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkablue.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkgreen.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkgrey.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolklblue.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolklgreen.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkorange.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkpeach.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/sweetpolkpurple.png

Kalau nak ambil , tinggalkan tapak yer dekat ruang bawah tuh :P Terima Kasih.. :)

Freebies : Background Crayon

Suka mewarna ala-ala crayon yang kalis air tuh... ?? *okeyh tak ada kena mengena :P
Berminat , Ambilah .. Nak letak backgorund block Boleh refer tutorial ini :)
Crtl+C for copying the images url ..

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonblue.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayongreen.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayongrey.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonlblue.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonlgreen.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonpeach.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonpink.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonpurple.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Crayonyellow.png

http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/CRYON.png

Kalau nak ambil , tinggalkan tapak yer dekat ruang bawah tuh :P Terima Kasih.. :)

Edit Full : Blog FHNA

Owner Blog : Farah Hamzah

Siap edit blog ini , kata tuan blog dia nak buat blog dia sebagai tempat Business !
Yup , Blog berkaitan dengan pakaian dan fesyen-fesyen anak gadis sekarang...
Jom terjah blog beliau , Farah Hamzah !  Mana tahu ada pakaian atau eksesori yang
kamu semua berminat , dapat lah berbelanja di sini secara online.. ^^

Freebies : Cute Cursor #2

Cara pasang boleh refer tuto Letak Cute Cursor 

http://cur.cursors-4u.net/cursors/cur-9/cur265.cur

http://cur.cursors-4u.net/cursors/cur-9/cur266.cur

http://cur.cursors-4u.net/cursors/cur-9/cur267.cur

http://cur.cursors-4u.net/cursors/cur-9/cur268.cur

http://cur.cursors-4u.net/cursors/cur-9/cur269.cur

http://cur.cursors-4u.net/cursors/cur-9/cur272.cur

http://cur.cursors-4u.net/cursors/cur-9/cur271.cur

http://cur.cursors-4u.net/cursors/cur-3/cur280.cur

http://cur.cursors-4u.net/cursors/cur-3/cur279.cur

http://cur.cursors-4u.net/cursors/cur-3/cur274.cur

http://cur.cursors-4u.net/cursors/cur-3/cur275.cur

http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-3/cur273.cur

Credit : Cursor4u

RoudRun MSSD 2012

Walaupun ta hebat macam tahun lepas at least kitaowg dah buat

yang terbaik.. Time nie aku demam.. :"(

Tutorial : Background between Admin & Reader

Dah lama sesangat Nurrul nak share this tuto .. tapi masa tersalah coding harituh , hilang semua coding untuk tuto ini.. cari punya cari jumpa kembali... Background berbeza ?

Preview :

Mula-mula dulu , tukar code pada  /* Comments bawah code tukar semua dengan code ini :

#comments h4 {
padding:4px;
color:#000;
letter-spacing:2px;
text-align: center;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p}
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

1. Dashboard --> Design --> Edit Html --> Tick Expand Widget *important !*

CRTL+F  ,

2. Cari kod ini :

<b:loop values='data:post.comments' var='comment'>

3. Jumpa tak code macam ini dibawah code <b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> 

4. Kalau jumpa , copy paste dan gantikan code tersebut dengan code ini :

<div expr:class='&quot;author-comment &quot; + data:comment.authorClass'>
            <dt class='comment-author' expr:id='data:comment.anchorName'>

Step 4 : Refer this picture

5. Next, Cari kod ini :

</b:loop>

6. Copy paste code ini di atas code </b:loop>

</div>

7. Then , CRTL+F find this code

]]></b:skin>

8. Copy Paste code ini di atas code ]]></b:skin>

.author-comment{
padding:5px;
Border-radius:10px;
border : 2px dotted #A9D0F5;
color:#000000;
margin:5px;
background-image: -webkit-linear-gradient(right, #FFF, #E6E0F8, #E6E0F8, #FFF);
}
.author-comment.blog-author {
padding:5px;
Border-radius:10px;
border : 2px dotted #E6E0F8;
color:#000000;
margin:5px;
background-image: -webkit-linear-gradient(right, #FFF, #A9D0F5, #A9D0F5, #FFF);
}

atau guna kod ini :

.comment-footer{
margin-bottom:0 !important;
}
.author-comment{
background : #F2E0F7 url(http://i.imgur.com/ZDRNf.png) no-repeat right top ;
padding:5px;margin-bottom:1.5em;
border:2px solid #ECCEF5;
border-radius:10px;
}
.author-comment.blog-author {
background: #F9DDDD url(http://i.imgur.com/YbjDI.png) no-repeat right top;
border:2px solid #FABBBB;
}

 EDIT :
ABC : Tukar ikut Warna yang korunk suka sini .
ABC : Boleh tukar ke solid > double > dashed


9 . Done ! PREVIEW dan kalau tak ada error SAVE ! :)

Macam jadi tak ? Usaha yang gigih ya ! :)