Langkau ke kandungan utama

Tutorial Blog : Kurangkan Opacity Gambar Bila Disentuh Cursor

assalamualaikum. hari ni nak bagi tutor cara2 nak kurangkan opacity gambar bila kene ngn cursor. kurangkan opacity tu berkamsud, nak jadikan gambar tu macam blur la. macam kat blog ni. ok, ni step2 dia.

mula2, cari code ni.
a:hover {
klau tak jumpa, cari code ni pulak.
body {
lepas dah jumpa, tambah code ni kat bawah code tadi tu.
a img {
-webkit-transition-duration:.3s;}
img:hover {filter: alpha(opacity=80);
opacity: .8;

}
angka yang diboldkan tu boleh tukar. ikut la brape % korang nak kurangkan. 80 tu maksudnya, 80% je gamba2 dalam blog korg akan kelihatan. paham? tak paham? buat2 paham dah la ye. klau tak jadi tanya tuan blog kat chatbox ok. ^^

Ulasan

Catatan popular daripada blog ini

Tutorial Blog : Tukar Icon Blog Archive

annyeong!! tuto yang ke 2 untuk hari ini. ni tuto tukar icon kat sebelah tajuk² entri di kotak archive/history kalau yang biasa, icon dia macam ni " ► " kalau rasa tak suka yang tu, boleh tukar dengan icon² yang lebih cute & korg suka. ^^ cara² nya :- - pergi ke Design > Edit HTML - tanda pada Expand Widget Templates - cari code ni [ tekan Ctrl + F ] <li><a expr:href='data:i.url'><data:i.title/></a></li> - bila dah jumpa, tambah code ni sebelah kiri code tadi. <img src=' URL GAMBAR '/> contoh macam ni   nak icon yang cute miut? klik SINI lepas buka website tuh, right click pada  icon yang korg nak dan klik Copy Image Location atau yang sewaktu dengannya. ^^ Preview dulu baru save. bimbang kalau tak jadi. ^O^ harap tuto ni membantu korg ye. ^^

Tutorial Blog : Letak Background Untuk Quote

assalamualaikum. kadang2, entri kita ada quote. kite bleh letak background untuk quote tu. untuk nampak lebih cantik setiap entri korg tu. ok, ni step2nya. Design > edit HTML cari code ni [ tekan F3 ] .post blockquote { lepas tu paste code ni bawah code tadi background-image:url( URL GAMBAR );background-repeat:repeat; klau nak lebih kemas, tambah cod ni border-radius: 10px ; border: 1px solid # 666699 ; saiz radius dan border boleh ditukar. warna border pn boleh tukar.  code warna HTML : klik preview dan save

Background test [ free for u ]