Background: Flower 2

Yang ni.. Rasanya.. Kawaii kot. Hahahaha.. Kalau korang rasa kawaii dan berkenan, korang gunalah. But remember, credit it back to me.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWl_l2RlooG2IMLZK1tVhm_sOcoUSCleIa7JDMwFuLrJDbY82XhXVy72Y2BMRuOhkaN-NlXNyGRl_JJKWgqvrGIfbFxJS8zdOgZP3TWg4uJLpIyhM3BjFsjfzPFtTIjGdYybLl8VW-R9T/s200/14.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrxQXERVs-144vLe_9Oh9vYEAT3c9jwknkn5o8fLCofdljoK1k69fHCht_e_WSenwK42ACzrBk8KCYW4EoYsL532Ze5sac_XooherMZV8sBKM50hCGhOBVljt49AtFWOqlrmQPedaV8eA0/s200/15.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSqVNwV-uQfmsFPFGWNxK_HB5GI7TxGT8Ln6jo9jR0ufnJ96pP6U9Lrvmb1Wv300wOGaArqC-lOsYbqq2bP7uWkAybeSBlnpTBQ1bJgOAX3Ww7Y-KTXMvqp208i_57py2IuKY2i2kPiIN/s200/16.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfpLvejMg2MbrMw90dOS1T3459WKI_q710sA3-pAOME-Zz_q68lKuFbcOlL-fp_l_RqMC-a2bNLC05nQG9vzvVIvYJuAn94li4fMz7Fv_zIS9Aor_RhQIDN1nPAHZ-lJwFG7jKo4NHfpz/s200/17.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_aC-IzqldNrr-sp_G5qxqA9X-L2pgE_caTZl8hpPVHRhNN5fbuXJE2UB8e7fYqa4eVcIwjn49ydq7UUzKCZc63BSMLB_dlB_x4KnL6tfJ-RUxuycFVihgrb-bwNty6HVdp14nfKy45Ct/s200/18.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWT0AI0zWS3FYvIFRya1Y2kJ6XszKXhapIwBXWcnrucIKe9pL1q3T0MhXBcuSDThTwdRsr8wDeEXX-ZhbBZhAkd6STUXOSMJn3qsMObAZsE6KAAF3kCzpWHyjQJZ0CSs9dIE9gRg2xumtP/s200/19.jpg

Back To List

Jangan lupa crediiitttt.. Ngee :D

Background: Flower

tadi aku terlebih rajin carikkan blog background. Dan dua ni je yang berkenan kat hati aku dan mungkin korang pun berkenan sama :)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaog9eOKIkXhL3CQt7bDPi11qq065ghHGfiu17QxzfK9L1b4FOXYjjKiDdlQQWhAv9nTWh16yHvB6iIbV0rTFOVEzODXCA2FyAVOwughqBb0QH7eToMg2JMPnt_Cv_5KYScNuzXlA8v2OH/s200/12.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1KcbTORT8mAEaV4npB6gddGK52gUSwJ1qZXtbCblELkf0gZeIJpOyMXUrvc8TbIvnwqWUhyQ6bK4uEjudIz8oFSonmUtacFygNW_x9_69-SF9y0AsqPVp2-19uXCMIJfBXxi-XJbHj0Sb/s200/13.jpg

Back To List

Jangan lupe creditkan pada aku kalau korang guna :)

Marquee Text @ Teks Berjalan

Marquee text ni biasenye orang gunakan untuk buat status diorang kat blog dan sebagainya lah. Aku ada sediakan beberapa jenis marquee text. Korang just pilih je mana korang nak,ok?

1) Dashboard > Design > Add A Gadget > Html/Javascript

2) Korang pilih mana satu yang korang nak, lepas tu korang copy kod tu dan pastekan kat ruangan Html/Javascript tadi:

-Gerak kanan ke kiri

<marquee>Ayat korang</marquee>

-Gerak atas ke bawah

 <marquee direction="down" height="30" width="70%">Ayat korang</marquee>

-Gerak bawah ke atas

 <marquee direction="up" height="30" width="70%">Ayat korang</marquee>

-Gerak kanan ke kiri dan ada background (warna)

 <marquee width="70%" bgcolor="#Kod warna yang korang nak">Ayat korang</marquee>

-Gerak atas ke bawah dan ada background (warna)

 <marquee bgcolor="#Kod warna yang korang nak" direction="down" width="70%">Ayat korang</marquee>

-Gerak bawah ke atas dan ada background (warna)

 <marquee bgcolor="#Kod warna yang korang nak" direction="up" width="70%">Ayat korang</marquee> 

3) Dah pilih, paste sume? Klik Save.

Buat Scroll Bar Untuk Blog Post

Ok, sesimple mungkin (sebab aku tak de mood) aku nk bgtau korang, korang digalakkan guna tutorial ni kalau korang tulis satu benda yang panjang gila tahap cipan nazak. Daripada korang buat pembaca korang bosan, baek korang guna tuto ni je.

1) Dashboard > New Post > Edit Html (Sebelah Compose)

2) Pastekan kod ni kat ruang Edit Html tu:

<center><div style="background: url(URL Gambar Background);background-repeat:repeat;background-attachment:fixed;overflow:auto;width:200px;height:200px;padding:10px">
Isi yang korang nak tulis kat sini</div></center>

Merah- Letak URL gambar yang korang nak sebagai background kotak
Oren- Sekati korang la nak tukar ke tak kelebaran kotak tu
Kuning- Sekati korang la nak tukar ke tak ketnggian kotak tu
Pink- Benda yang korang nak tulis tu kat sini (Nak tulis panjang mana pun takpe)

Tukar Dan Buang Iklan Cursor

Hehehe.. Tengok cursor aku, bergaya tak? Aku tau korang jeles. Tak yah cakap, aku tau. Hahaha.. Nak cursor yang cun melecun cam aku punya? Ikut je step yang senang gila tahap kipas berabuk nih!

Sebelum tu, aku nak ingatkan, kalau korang nak guna tuto ni, korang jangan pilih cursor yang jenis 'Animated' atau lebih dikenali sebagai cursor yang bergerak-gerak. Sebab, kalau korang guna tuto ni dia takkan jadi. Sebab cursor yang jenis animated ni hanya boleh dilihat kalau korang guna Internet Explorer.

1) Carilah cursor yang korang nak macam kat website:

• Cursors 4u
• Totally Free Cursors
• Cursors
• Cursor Mania

*Ok, aku mengaku aku tak reti nak cari cursor yang comel-comel atau cursor yang memenuhi kehendak korang. So, kalau korang tak bekenan, korang boleh cari sendiri :)*

2) Korang cari dekat cursor tu ade kotak kan? Ada isi kod. Korang just copy kod tu sume

3) Balik ke Blogger korang dan pergi ke Design > Add A Gadget > Html/Javascript

4) Korang pastekan kod yang dah dicopy tadi kat ruangan tu.

5) Contoh kod korang macam ni:

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/16/pink-horizontal-stripe-pointer.html" target="_blank" title="Pink Horizontal Stripe Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Horizontal Stripe Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Skang, aku nak korang buang kod yang warna merah ni:

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/16/pink-horizontal-stripe-pointer.html" target="_blank" title="Pink Horizontal Stripe Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Horizontal Stripe Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

*Buang kod yang dari <a sampai </a>*

6) Dan sepatutnya, korang punya kod hanya akan jadi sependek ini:

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style>

*Korang punya kod sepatutnya cuma ada kod <style sampai </style> SAHAJA*

7) Preview dan menjadi, Save!

Body Blog Berwarna

Bagila body blog korang tu nampak menarik siket. Pakaikan dia baju.. Hehehehe.. Tapi, aku nak nasihatkan kalau korang punya blog dia punya Main Body dengan Sidebar terpisah dan korang gunakan tuto ni, korang punya Main Body dan sidebar akan bergabung, meletup, marah! (Bagi sesape yang tak bekenan la)

1) Dashboard > Design > Edit Html

2) Tekan Ctrl dan F, carik kod ni:

#content-wrapper {

3) Pastekan kod ni kat bawah kod tadi:

 -moz-box-shadow: 0 0 5px 5px #000000;
-webkit-box-shadow: 0 0 5px 5px #000000;
box-sshadow: 0 0 5px 5px #000000;

Merah- Tukarkan dengan kod warna yang korang nak.

4) Dah preview? Puas hati? Save Template!

Melengkungkan Body Blog

Hai hui hoi. Assalamualaikum guys! So, hari ni aku nak ajar korang macam mana nak bagi sikit curve kat korang punya blog. Biar nampak seksi. Hehehe.. First of all, aku ada 3 tempat kat mana korang nak lengkungkan tu. Renung-renungkan.. :D

Lengkungkan bahagian atas je

1) Dashboard > Design > Edit Html

2) Tekan Ctrl dan F, carik kod ni:

#content-wrapper {

3) Pastekan kod ni kat bawah kod tadi:

border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;

4) Siap, Save Template.

Merah- Korang boleh tukar jadi bape banyak yang korang nak blog korang melengkung.

Lengkung bahagian bawah je



1) Dashboard > Design > Edit Html

2) Tekan Ctrl dan F, carik kod ni:

#content-wrapper {

3) Pastekan kod ni kat bawah kod tadi:

border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;

4) Siap, Save Template.

Merah- Korang boleh tukar jadi bape banyak yang korang nak blog korang melengkung

Lengkung bahagian atas dan bahagian bawah


1) Dashboard > Design > Edit Html

2) Tekan Ctrl dan F, carik kod ni:

#content-wrapper {

3) Pastekan kod ni kat bawah kod tadi:

border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;

Merah- Korang boleh tukar jadi bape banyak yang korang nak blog korang melengkung

4) Siap, Save Template.