Langkau ke kandungan utama

Tutorial Blog : Buat Border Pada Blog

assalamualaikum. biasanya, blog tak ada pn border. kalau nak cantikkan lagi blog, tambah la border supaya nampak lebih kemas.

contoh border

ok, ni step2 nya.

Design > edit HTML
cari code ni [  tekan F3 ]
.post {

paste code ni bawah code tadi

border-radius:20px;
border: 3px solid #666699;

korg boleh tukar saiz radius dia. radius tu lengkok pada bucu2 blog korg tu. contoh gambar kat atas ty saiz radius 20px. nak buat 10px pn ok.
saiz border pn boleh tukar. macam gambar kat atas tu saiz border 3px. warna pun boleh tukar. ni code HTML warna : code warna

preview dan save.





Ulasan

Catat 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 ]