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..
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..
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.
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 ..
*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 :)
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 !
Log in > Design > Edit HTML > Tick Expand Widget Templates (penting)! 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
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 ! :))
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.
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.
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.pngKalau , sesiap yang nak cantik post post dia , boleh lah letak divider di bawah setiap post korang ehh ?:)
Kalau nak tahu cara nya , meh ikot cara Lyssa :)
1. Dashboard >> Design >> Edit HTML >> Tick Expand Widget
2. Tekan CTRL+F and search :
kalau korng tk dpt jumpa itu ko cuba nie <div class='post-footer-line<div class='post-footer-line post-footer-line-3'/>
3. Copy code bawah ni :
<center><img height='20' src='urldivider'/></center>
4. Paste dekat bawah kod yang korang cari tadi ok ?
** BIRU = Ubah ketinggian Divider
** MERAH = URL Divider Anda . ( Dapatkan DI SINI!!)
5. Siap . SAVE ^_^
contoh:
tk nmpk?tkn gmbr itu
Tutorial : Falling Love Object
1. Dashboard > Design > Add Gadget > Html/JavaScript
2. Copy and Paste code di bawah di ruangan Html itu..
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=48 height=631 style='position:absolute; left:85%; top:5px; width:15; height:631px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=655 style='position:absolute; left:9%; top:171px; width:15; height:655px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=49 height=659 style='position:absolute; left:80%; top:61px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=629 style='position:absolute; left:34%; top:61px; width:15; height:629px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=13 height=584 style='position:absolute; left:12%; top:126px; width:15; height:584px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=689 style='position:absolute; left:48%; top:171px; width:15; height:689px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=666 style='position:absolute; left:23%; top:139px; width:15; height:666px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=619 style='position:absolute; left:40%; top:90px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=16 height=592 style='position:absolute; left:52%; top:180px; width:15; height:592px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=23 height=695 style='position:absolute; left:10%; top:1px; width:15; height:695px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:66%; top:1px; width:15; height:532px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=27 height=662 style='position:absolute; left:8%; top:7px; width:15; height:662px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=42 height=649 style='position:absolute; left:33%; top:173px; width:15; height:649px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=555 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=568 style='position:absolute; left:87%; top:185px; width:15; height:568px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=14 height=659 style='position:absolute; left:89%; top:46px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=685 style='position:absolute; left:29%; top:0px; width:15; height:685px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:29%; top:108px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=45 height=530 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=38 height=572 style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
3. Object di atas , adalah untuk jatuh kan object LOVE PINK .
(Banyak lagi Icon Comel kat SINI !)
4. **Penting !! Add gadget di BAWAH header :)
5. Dah siap . SAVE ;)
Tutorial : Menukar Home , Older + Newer Post kepada Icon Yang Comel
Hey dear !
Nak tahu macam mana nak Tukarkan Home, Older + Newer Post kepada Icon Comel?
Oke ! saya boleh teach korunk skunk jgk .! hehe~
FOKUS taww ?
1. Log in > Dashboard > Design > Edit Html
2. Kemudian tick pada Expand Widget Templates .
3. Then , tekan Ctrl + F and cari perkataan :
4. Tukarkan kod diatas ni dengan kod ni :<data:newerPageTitle/>
<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>
* Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu saya kasi contoh je ^^
5. Then , Tekan Ctrl + F lagi sekali dan cari perkataan :
<data:olderPageTitle/>6. Gantikan kod di atas dengan :
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>* Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu saya kasi contoh je ^^
7. Last sekali , untuk buttom home pulak , korang cari :
expr:href='data:blog.homepageUrl'><data:homeMsg/>8. Gantikan kod yang berwarna merah tu dengan kod di bawah :
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.pngWarna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu saya kasi contoh je ^^
'/>
9. If sudah siap , korang try preview dulu taw. kot2 lah tak jadi ke , susah pulak kang .! HAHA!
If dah belek and menjadi , terus je SAVE :)
SELAMAT MENCUBA !!!
conth:
Subscribe to:
Comments (Atom)
