Border Lawa :)

Assalamualaikum!

Harap maaf lama tak buat tutorial..

Kali ni saya nak bagitahu jenis border yang lawa2,

CREDIT TO : Belajarbersamasaya

Pandai - pandai la nak adust okay ?

Kalau nak guna, contoh korang nak guna kat blockquote :

background: url( LINK BACKGROUND YANG KORANG NAK );

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomright: 5px;

padding: 3px;

Border: 6px double #7E2217;

margin:1em 20px;

Faham ? tak faham tanya okay ?

Yang diboldkan tu ialah border dia.

Thankyou ♥

Cara Dapatkan URL gambar

~GLITTER GRAPHICS~

Amik code yang Ika HIGHLIGHT kan. Semua jenis gambar di Glitter Graphics sama je cara nak dapatkan URL dia..

~PHOTOBUCKET~

AMIK DI BAHAGIAN DIRECT LINK

Tu sahaja untuk hari ni. Tutorial Tukar Older Post, Newer Post, Home menjadi icon akan menyusul ea? Tuan blog busy sikit. :)

Centerkan Widget

HOW TO CENTER KAN WIDGET

1 . Copy code ni dan Paste di HTML Javascript

<center> CODE WIDGET <center/>

2. SELESAI ! senang bukan ? Try la, :)

Flash Blockquote

Tutorial hari ini : FLASH BLOCKQUOTE

Perhatian : Boleh bukak Blog My Better Half untuk demo..

1. Cari code ni :

.post blockquote{

2 . Copy code dibawah :

background:url(LETAK URL CODE); padding:5px;

Border:2px dashed #00000;

colour:#FFFFFF}

blockquote:hover {

background: url(LETAK URL CODE) repeat right bottom ;

border:2px dashed #000000;

-moz-border-radius-topleft: 10px;

-moz-border-radius-bottomright: 10px;

}

3. Pastekan DIBAWAH .post blockquote{

PENERANGAN ;

Ayat warna Merah : URL Background

Ayat warna Biru : Ketebalan Border Blockquote (1-5 px sahaja)

Ayat warna Ungu : Jenis Garisan Border

• DASHED
• SOLID
• DOTTED

Ayat warna Hijau : Warna Border Blockquote. Warna boleh dapat disini CLICK

SAVE !

Cara menggunakannya :

SELECT TEXT DAN TEKAN BUTTON NI;

Background di Kotak Comment Form

BACKGROUND DI KOTAK COMMENT FORM

1. Sign in | Dashboard | Design | Edit HTML

Warning ; SILA TICK EXPAND WIDGET

2 . Tekan Ctrl + F dan cari code ni ;

<div class='comment-form'>

3. Gantikan CODE diatas dengan CODE kat bawah ni ;

<div id='comment-form'>

4. Cari pula code ;

]]></b:skin>

5. Copy code dibawah dan PASTE betul2 dekat ATAS ]]></b:skin>

#comment-form iframe{

background:#ffffff url(URL BACKGROUND) ;

border:5px solid #FF66CC;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#7EB2AC;

width:450px;

-moz-border-radius-topleft:8px;

-moz-border-radius-topright:8px;

-moz-border-radius-bottomleft:8px;

-moz-border-radius-bottomright:8px;

}

#comment-form iframe:hover{

background:#000000 url(URL BACKGROUND);

border:5px solid #FF66CC;

}

#comment-form a{

color:#7EB2AC;

-moz-border-radius-topleft:8px;

-moz-border-radius-topright:8px;

-moz-border-radius-bottomleft:8px;

-moz-border-radius-bottomright:8px;

}

6 . EXTRA

PERKATAAN WARNA MERAH ~> Ganti dengan URL gambar anda

PERKATAAN WARNA BIRU~> Ganti dengan WARNA BORDER kesukaan anda

Save Template and tengok HASIL !

Credit to : Kozumiro

Tutorial Banner Sendiri

DOWNLOAD PHOTOSCAPE DULU !

CARI KAT GOOGLE SENDIRI EA, IKA KEJAM HARINI :P

1. Sediakan DUA atau LEBIH gambar yang BERSAIZ SAMA , save dalam komputer awak .

2. Buka PHOTOSCAPE dan tekan ANIGIF atau ANIMATED GIF, rujuk gambar kat bawah ;

3. Pilih gambar ikut URUTAN okayy ?

4. Dah ? lepas tu ,Jadi macam ni,

5. Boleh juga CHANGE TIME kelajuan gambar tu, rujuk gambar ni;

6. Kemudian SAVE SEBAGAI GIF !

7. Upload di Photobucket untuk dapatkan kod..

SELESAI ! textarea untuk CODE pula akan menyusul !

Assalamualaikum semua.

Dengan baik hatinya Ika nak cakap yang Ika akan buat

tutorial yang di request sahaja.. takde saje2

Thankyou ♥