::AcikLiena::Berikan Ku nur Cahaya-Mu...

Tutorial : Flying icon dalam Blockquote

Assalamualaikum..

sebelum ni acik buat tutorial tentang Cara Membuat Kotak Blockquote dan juga

Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh..untuk tutorial kali ni acik nak buat flying icon dalam Blockqoute..flying icon tuh cenggini..biler cursor kita duduk lepak atas blockQoute hampa semua,icon tuh akan bergerak seolah-olah mengecil..paham tak?ok..klau nak tau acane..jm ikot tutorial ni..

1) Log in > Dashboard > Design > Edit Html

2) Tekan Ctrl + F , dan cari :

.post blockquote {

3) Dah jumpa kan ? Korang Copy yang ini pulak :

blockquote:hover {background-color: #FFC8F2;-webkit-transition-duration: 3.5s;background-image:url( http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif );background-position:bottom right;background-repeat:no-repeat; }

4. Paste di bahagian bawah kod yang korang carikan tu

5. Jika sudah siap.Anda boleh buat pilihan dalam kod biru dan kod merah

Warna OREN : Warna Background Selepas Cursor Menyentuh Blockquote CLICK SINI untuk pilihan warna..

Warna BIRU : Icon Yang Akan Muncul Selepas Cursor Menyentuh Blockquote CLICK SINI untuk icon

Warna Hijau : Boleh ubah kelajuan icon anda ..

Selamat Mencube..(^_^)V

Tutorial : Letak favicon

Assalamualaikum

Apa itu Favicon?

Inilah dia contohnya;

1) Dashboard > Template > Edit HTML > tick Expand widget Template

2) CTRL+F.Search code ini ;

</head>

3) paste code di bawah di atas code yang anda search tadi

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> <link href='URL gambar' rel='icon' type='image/x-icon'/>

4) Preview dan SAVE!!

Mudah kan...??

Tutorial : Jenis Bentuk Border

Bosan dengan bentuk border petak tajam..ha!kat sini ader pelbagai jenis bentuk boerder,ade yang melengkung sedikit...ade yang menmbulat..macam2 lah...jom mulakan tutorial!