Langkau ke kandungan utama

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
Label:

Ulasan

Catat Ulasan

Catatan popular daripada blog ini

Freebies : Set Cursor Kpop [NU'EST]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiqE89g5B11kMCWEKkF9Nn__mg-OkAo-xAEMuB4KjFWEfGD23qO1sO44d-hRiQSxvm7dTq-xsno5eBQzBXBbJclzR0aZUPRc93ghvavhw898Si92lI7bPv8R9fvRcvXzc6icAw-XQTOmxy/s1600/nuest1.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySTbt2V8g_lSKXd_a1ZI7M9cpiIn3dGfcp1-Ef4us4qdJQ8T77f2GOacGXBpod5bB0M4ZCPuoCUdP142wo2zpUtiGROL4HWwvLQSh3FsrMqgNspFO4iKtTV-ghiqfhv_p9ccoW00v2LCa/s1600/nuest2.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgjAmgGFV0AA7_4V-FCQPymHuX7Jv8mAEkVLeDZQmejSBvwF5xmyHH4rRMNSRyQA3WCNtJBN3JFepBkTLh44YmRxpWeb5Zzt9wdYhYOc7ATauSGIsQm_3tatx44DKian45GhlSI7OFvkt/s1600/nuest3.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5duJ9hbSSuV72NS5LwlXFbxaLc53uagP-1ZSpNGKdbgX9zO3oiwV2iqMuSnm-owVdbZlLhgp7Ug_mqPDjXwOHnUZfDeMBTgSbLFO_KYqNMo-jgQEOFDFA-EJomEn8vM2IX4gmFJK0gpo/s1600/nuest4.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZ2MdytXgX-uFYNLvA5_Np5bEyAQSqU3gmf2A8F-gVs_MGLvKHF32vqOxQOg...
Catat Ulasan
- Baca semua ->

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. ^^
Catat Ulasan
- Baca semua ->

Tutorial Blog : Tukar Gambar Cursor

salam semua. wah! dah lama tak update blog. nak tau knapa? sebab celcom la. bulan ni broadband sampai limit awal sebab duk download drama2 & movie2 korea. hehe. laju kadang2 je. tak sempat nak update blog. ha! mcm mane plak dgn korg sume? sehat? happy? holiday ni buat ape? cakap pasal cuti ni kan, fuhh. bosan tahap yang paling bosan la! tak de pape nak buat. nk study xde org nak ajar. nasib nasib. malang sungguh. dah la konsert 2PM tu dah tak dapat pegi. yg Mnet nnt pun tak boleh. perghhh, lagi tension. ok la, kita teruskan dgn tutor kita. kali ni nk ajar cara2 nak tukar cursor. ape tu cursor? ha? tak tau ke? laa, cursor tu bende yg gerak bila korg gerakkan mouse / touchpad korg la. yg mcm ank panah tu. kebanyakan blog diorg tukar cursor utk nampak lebih cantik lagi. ok, mula2 pegi ke Design > Page Elements > add Gadget > HTML lepas tu paste kan je code ni <style type="text/css">body, a, a:hover {cursor: url( URL GAMBAR ), progress;}</style> ...
7 ulasan
- Baca semua ->