Tutorial : Double Dashed apabila Cursor Menyentuh Link .

|| Assalamualaikum ||
بسم الله الرحمن الرحيم
Dengan Nama Allah Yang Maha Pemurah Lagi Maha Mengasihani




Alhamdulillah , dah dua (2) hari kita berpuasa dan menyambut bulan ramadan . Semoga bulan ini kita akan banyak membuat amal jariah dan meraih pahala yang banyak . InshaaAllah , aamiin .

Baik , dah lama rasanya wani tak buat tutorial dekat blog ini . Kekangan masa membuat wani kurang sikit update blog , lagipun agak sibuk update buku baru di Dunia Iman Bookstore . Sesiapa yang berminat membaca dan membeli buku boleh ke website kami  .

Hari ini wani nak buat tutorial mengenai double dashed di link bila cursor menyentuh . Walaupun ada yang tahu , wani harap ia dapat membantu bagi yang tidak tahu image .

Okeyy , kita mulakan (:


Tutorial ini nampak menarik pada blog anda .

Sebelum

Selepas

Nampakkan perbezaannya . Mari kita mulakan ! 

 . Dashboard > Template > Edit HTML .

 . Tekan Ctrl + F  , cari code
a:hover 

 . Dah jumpa ? Baik , copy code dibawah dan pastekan di bawah code yang anda jumpa tadi .
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

 . Dah paste ? Ia akan jadi begini .
a:hover
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

|| Nota Warna ||Ungu : Garisan Double , boleh tukar kepada dashed , solid , atau dotted .
Coklat : Warna garisan . Untuk kod warna boleh ke SINI .

 . Baik , selesai . Sekiranya menjadi Alhamdulillah  .


Terima kasih . Fi Rahmatillah (:


|| Terima kasih , Fi Hifzillah . Ilal LiQa'   ||



Post a Comment

1 Comments

  1. salam ramadhan. blogwalking sini. Jom join GA

    http://syeedasaniey.blogspot.my/2016/06/giveaway-kad-raya-syeeda-saniey.html

    ReplyDelete