background colour on hover

 -b0osan,, asyik men Conditi0n Zer0o jer,, bek wt tut0 arn??-

Holla! Ni hao ma? rindu at korank sume!!!

Eh, dah lamakan aku tak buat tutor? Hayya manyak busy oh.Moreover, buat apa nak buat tutor kalau tutor tuh dah sedia ada dekat blog orang lain kan?So then, harinih nak buat tutor yang tak semua bloggers buat tutor nih. Ada tuh memehlahhh ,, tapi tak ramai ada bt0l arn???


Actually, originally code dia eyla jumpa dekat sini. Then, eyla try main main dengan code tuh so then it is works! hoyeahhhh :Dhehehehe,, kl0 korank sume nk jgk made ur own tut0,, try2 nk play nun c0de HTML tuh okey??


Try gerakkan your cursor dekat mana mana link dekat dalam blog Kak tyra. Haa tuh lah background colour on hover. Let's start!


First, Ctrl+F and search code nih

a:hover {

Copy code di bawah nih and pastekan selepas a:hover tadi

background: #000000;
border-radius:4px; }

#000000 : Code colour, boleh tukar dekat sini.
4px : Lengkungan background tu. Tak kisah lah berapa px korang nak letak. Lagi besar px dia, lagi lengkung lah background tuh.

Done? Click SAVE TEMPLATE!

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

Change your title sidebar to image.

 

PERHATIAN : Tutorial ini hanya berkesan untuk classic template sahaja.

Hello there ;)

Assalamualaikum. #Ceit, esok sekolah? Duhh -____- Tak puas lagi kot cuti huhhhhh. Kfine, post nih bukan nak story pasal school okay? Post nih nak share some tutor. Actually, ramai yang dah tahu pasal tutor nih and ramai yg request tutor nih hahaha :D Nih kes tak suka blogwalking laa nih haha :P Kay jom tengok cara cara dia >

STEP 1
Korang kena tentukan width sidebar korang supaya senang nak buat image for your title sidebar.
1. Dashboard > Design > Press CTRL+F and search

#sidebar-wrapper

2. Bawah code #sidebar-wrapper ada code 

width: YOUR WIDTH SIDEBAR;

3. Example mine code >

4. Dah tau width sidebar korang? Then pergilah mane mane software, tak kisahlah photoscape ke, gimp ke, photoshop ke untuk buat title sidebar image. Tyra guna photoshop dgn photoscape.

5. Dah siap? Kay then, upload lah dekat photobucket atau dekat entry post untuk ambik url image.

STEP 2

1. Korang kena hafalkan title sidebar korang yang nak ditukarkan kpd image.

2. Korang kena hafalkan title sidebar korang yang nak ditukarkan kpd image.

3. Then pergi Edit HTML > Tick expand widget Templates

4. Korang search title sidebar korang, contoh macam tyra >the owner<

5. Dekat bawah bawah the owner tadi, search code nih

<h2 class='title'><data:title/></h2>

6. Dah jumpa? Kay replace kan code <data:title/> dengan code di bawah.

<center><img src='URL IMAGE' style ='border-width: 0px;'/></center>

7. URL IMAGE > Url image title sidebar korang,
Example :

<h2 class='title'><center><img src='URL IMAGE' style ='border-width: 0px;'/></center></h2>

8. Repeat step yang sama kalau banyak title sidebar yang nak direplace kan kpd image.
9. Preview first, kalau takde error click SAVE :D

Credits to >nabiyha-lovalife<

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

Main Background.. backgrund in post

Hello, assalamualaikum (:

Nampak gambar dekat atas? Ada orang request tutor lah hihi. So yeah, this tutor called main background? How to put main background? Check this out >

1. Dashboard > Design > Edit HTML 
2. Press CTRL+F serentak, search


Classic Templates

#content-wrapper { 

#main-wrapper {

#sidebar-wrapper {

Template Designer

.content-inner {

3. Copy code di bawah and pastekan dekat bawah code yg korang cari tadi.

background-image: url(URL IMAGE);

4. Preview dulu, takde apa apa problem? Click save.
credit t0o : kak tyra

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---