.

header free

KLAU NK HEADER ITU BGTAU SYA DULU,OK?KLAU NK TAMPH PON BOLEH TPI ADE BAYARN RM 4.NIE FB: SYE nur_azlaa@yahoo.com KALU NK TAMPH G JER DKI SITU..

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Tutorial : Mustache Cursor a.k.a Cursor Misai

Ok . berbalik pada cursor misai . Meh na ajar ~ :)

1.Log in > Design > Add a Gadget > Html/JavaScript

2. Copy kod kat bawah and paste di ruangan hmtl/javascript itu.

<style>body {cursor:url(URL CURSOR), url(URL CURSOR), auto;} </style><a href="LINK BLOG KORANG" target=_bla

nk><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

*Warna Merah : Letak URL yang tersedia di bawah ni . Pilih warna korang suka!
*Warna Biru : Letak Link Blog korang ..

<style>body {cursor:url(http://ego-box.com/cursors/57.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/57.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

<style>body {cursor:url(http://ego-box.com/cursors/85.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/85.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

<style>body {cursor:url(http://ego-box.com/cursors/72.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/72.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

<style>body {cursor:url(http://ego-box.com/cursors/53.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/53.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

<style>body {cursor:url(http://ego-box.com/cursors/36.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/36.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

<style>body {cursor:url(http://ego-box.com/cursors/25.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/25.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

Dah siap , SAVE ! Selamat mencuba :)

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Tutorial : Cute Icon Di Sebelah Tarikh Di Comment

Pergi dekat bahagian entry saya di bahagian komen !

Cuba lah tengok ada benda gerak2 tuh. hehe :)

Actually , tadi haa. Lyssa belek-belek kod yang dekat Edit Html..

Belek-belek saja nak try buat benda baru !

Try- try , sekali je sudahh jadi ! suka amat !

Kat sini ,

nak sayaShare lah ciket kat korang .

Tak nak kudukutt ILMU !

Tekan Ctrl F dengan serentak dan cari kod ini :

<dd class='comment-footer'>

Ada kan ? Kat bawah kod tu , korang paste yang ini :

<img src='URL GAMBAR YANG CUTE'/>

p/s : yang warna merah tu , paste kan URL Gambar Cute Korang ye :p

Hasilnya , akan jadi macam ini :

(Klik untuk kelihatan lebih jelas)

Paham takk ? Kalau dah siap . Terus SAVE ! Then , pergi check , ada takk ?

Di bawah ini , saya bagi contoh Cute Icon dan URL Gambar tu.

Kalau nak , ambik je . Tak payah segan - segan ye ! Kalau nak yang lebih elok . boleh cari di sini : SECRETO DE AMOR

Ambikk lah ye !! :

http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif

http://dl4.glitter-graphics.net/pub/1052/1052614tptu4qny8m.gif

http://dl9.glitter-graphics.net/pub/521/521069vd558z8pxo.gif

http://dl10.glitter-graphics.net/pub/1064/1064240rzz01o6zju.gif

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Tutorial : Letak Gambar di Footer

.Assalamualaikum Semua.

Hii koranngg !~

hehe , oke , Actually , dah lama dah saya nak buat Tutorial yang ini ,,

Tapi , memandangkan saya tak ada masa kan ? hee ,

So , sekarang baru saya buatkan untuk korang sebab dah agak FREE ler.

Sorry taw , sebab lambat !

Ok , ada yang tanya ..

"Lyssa , macam mana nak letak gambar macam yang Lyssa letak dekat bawah komen tu ?"

hee , SATU persoalan yang selalu ditanyakan oleh para bloggers kita.

Korang nak tahu ye ? ok , macam ini ..

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widgets

2. Then , korang search kod yang ini :( tekan Ctrl F untuk memudahkan pencarian! :)

<div class='post-footer-line post-footer-line-3'/>

3. Dah jumpa kan ? Then, korang paste kod ini di BAWAH kod yang cari tadi :

<center><img src='URL IMAGE KORANG' style='width: 499px; height:167px;'/></center>

**Yang warna merah tu , korang pastekan URL Image korang . Tak tahu nak dapat kan URL IMAGE korang dekat mana ? UPLOAD kat >>SINI<< dan copy direct link ok ?

**Yang warna biru pulak , korang boleh ubah saiz gambar tu , mengikut kesesuaian ok ?

4. Ok , now korang PREVIEW dulu ! Menjadi tak ? Kalau menjadi , apa tunggu2 lagi ? Terus SAVE lah ! hihokk ! :))

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Tutorial : Bentuk-Bentuk Border

Alar , cuba lah korang tengok saya nyer post title. Ada bentuk lengkung kan ?

Korang nak macam itu jugak ? Boleh lah , ikut step di bawah !

Ada banyak pilihan oo ~ ^_^

** Border-boder kat atas niyh . korang boleh guna untuk Post Title .. Sidebar pun boleh jugak ! ^_^

Untuk Post Title : seacrh >> h3.post-title { (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

Untuk Sidebar Title : search >> h2 { (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

#Example_A {

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

#Example_B {

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

#Example_C {

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

#Example_D {

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

#Example_E {

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

#Example_F {

-moz-border-radius: 35px;
border-radius: 35px;

**! Paste kod yang warna MERAH sahaja di bawah kod yang perlu korang carikan tu yea! :)
**! Dah jadi kan ? Bagitaw saya cepat ! Kalau tak jumpa kod tuh , saya tak boleh nak tolong ! heehe.

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Alar , cuba lah korang tengok saya nyer post title. Ada bentuk lengkung kan ?

Korang nak macam itu jugak ? Boleh lah , ikut step di bawah !

Ada banyak pilihan oo ~ ^_^

** Border-boder kat atas niyh . korang boleh guna untuk Post Title .. Sidebar pun boleh jugak ! ^_^

Untuk Post Title : seacrh >> h3.post-title { (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

Untuk Sidebar Title : search >> h2 { (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

#Example_A {

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

#Example_B {

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

#Example_C {

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

#Example_D {

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

#Example_E {

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

#Example_F {

-moz-border-radius: 35px;
border-radius: 35px;

**! Paste kod yang warna MERAH sahaja di bawah kod yang perlu korang carikan tu yea! :)
**! Dah jadi kan ? Bagitaw Lyssa cepat ! Kalau tak jumpa kod tuh , saya tak boleh nak tolong ! heehe.

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

Tutorial : Reply To Comment

Ahaaa! :) Now , sye nak ajar korang .. macam mana nak buat reply to comment ! :)

Nak blaja ke tak nak ? hik3! :))

Jap .. before tuh. sye nak tanya korang dulu..

Korang tahu ker .. apa itu reply to comment ?

Kalau tak tahu.. meh sini .. sye nak tunjuk at korang ! :)

yea ! itu lah reply to comment button ! :)

1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Tekan Ctrl + F dan cari kod ini :

<b:include data='comment' name='commentDeleteIcon'/>

3. Copy code kat bawah ni , dan paste di bawah kod yang korang cari tadi..

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to Comment]</a></span>

4. Ambil Blog ID anda, dan gantikan di YOUR BLOG ID

**Tak tau Blog ID tu ape ehh?
Cuba tengok atas, bahagian address link sekarang.
Semua nombor selepas blogID tu la Blog ID korang lah!:)

5. Oke ! Boleh Save dah ! :) hehe ..
Tapi .. korang mesti nak reply to comment tu , jadi gambar comel kan ??:)

6 .Senang saje! Tukar kan [Reply to Comment] dengan kod kat bawah ini :

<img alt='Reply To This Comment' src='URL GAMBAR ANDA'/>

7. Da siap ? SAVE ! :) Lihat lah hasilnya! :)

Okie sayang ~

Kat bawah niyh .says ada buatkan korang button reply tuh..

Kalau korang nak ... jangan segan silu..

Ambik jer kod URL tuh ok ?:)

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

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

suka,like ar.bila dh jadi komen,kalau tk jadi komen juga

.

Pages

header free

Tutorial : Mustache Cursor a.k.a Cursor Misai

Tutorial : Cute Icon Di Sebelah Tarikh Di Comment

Tutorial : Letak Gambar di Footer

Tutorial : Bentuk-Bentuk Border

Tutorial : Reply To Comment

My Banner

Followers

Blog Archive

About Me