STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: CARA RESIZE TEXT PADA LINK

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: CARA RESIZE TEXT PADA LINK

02011432H
Jika anda letakkan kursor mouse pada active link, contohnya pada link bawah header blog ini, teks pada link tersebut berubah saiznya. Efek ini sebenarnya sangat mudah untuk dibuat kerana anda hanya perlu membuat sedikit ubahsuai pada script template yang sedang anda gunakan. Ikuti langkah dibawah.

Langkah 1

Sign in blog > Dashboard > Layout > Edit HTML

Langkah 2

Dengan menggunakan keyboard tekan kekunci CTRL dan F secara serentak. Bar Find akan muncul. Seterusnya taip atau paste kod a:hover { pada ruang Find dan seterusnya, tekan Enter.

Langkah 3

Salin kod biru dibawah dan pastekan kod tersebut dibawah a:hover {

Anda boleh edit angka 18 jika efek pada text menjadi terlebih besarnya. bold juga boleh ditukar kepada normal. text-decoration juga boleh ditukarkan dari none kepada underline.

Ini apa yang anda akan jumpa:

a:hover {
  color:$titlecolor;
text-decoration:none;
}

Tukarkan menjadi:

a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar dan anda sudah berpuas hati, klik saja Save.

0 comments:

Berkatalah dengan akal dan jiwa, kerana itu anugerah Pencipta dan ternyata natijahnya akan lebih bahagia. ^_^

Post a Comment

 
Copyright © 2009-2012 Tutorial Blog ^_^: TUTORIAL: CARA RESIZE TEXT PADA LINK
Design by a.a.ghariib