UDIN ANUAR

Jumaat, 20 Januari 2012

TUTORIAL=border dan shadow dikeliling post:)

Hye guys

alolo lama gila kita x buat tuto kan ? dh berapa hari agaknya ? ntah lh yg tuh x penting yg penting korang nk belajar x ? if nk belajar jom kita start dulu.Eh kejap !! 'border dan shadow dikeliling post' ? apatuh ? alahh yg ada bayang dekat tajuk post.X pe korang buat dulu baru korang tau k! Ikut langkah demi langkah ok!

1)dashboard > template > edit HTML > tick expand widget 2)tekan ctrl+f dan cari kod ini=

.post h3 { kalo x jumpa,cari kod yg ni pulak h3.post-title { atau yg nie h4 }

3.jumpa x ? kalo jumpa copy kod dibawah ini dan pastekan kod itu dibawah kod yg korang cari tadi:)

background: #FFECF5; border: 2px dashed #000000; -moz-box-shadow: 0 0 3px 3px #C0C0C0; -webkit-box-shadow: 0 0 3px 3px #C0C0C0; box-shadow: 0 0 2px 2px #C0C0C0;

#FFECF5(pink)=warna background post tittle #000000(biru)=warna border post tittle #C0C0C0(merah)=warna shadow post tittle Kalo korang nk tukar warna klik sini ok:) 4.Now,preview dahulu baru save:)
SELAMAT BERJAYA:) JNGAN LUPA KLIK LIKE DAN KOMEN:)
ADIOSS:)

Sudah baca??sila like or komen:)

Isnin, 16 Januari 2012

TUTORIAL=Letak lagu dalam blog:)

Hye guys:)apa khabar?haha.Ada org tanya: Macamana nk letak lagu dalam blog?

Ok mungkin org tuh new blogger kot.Apa-apa pun spa2 yg nk buat sila ikut tutorial ini yer:) 1)pergi link di sini dulu yer:) HERE 2)Korang pilih lagu korang.Kalau korang tengok kt sebelah kanan korang,korang akan lihat seperti pic di bawah ini:)

3)Korang pilih yg mana korang nk okay:)selepas korang pilih,korang copy kod yg telah diberi. 4)Selepas copy,korang pergi ke blog korang balik. JADI IKUT LANGKAH2 YG TELAH SAYA BERI DI BAWAH INI
1)dashboard > layout > add gadjet > HTML/javascript :) 2)korang pastekan kod lagu yg anda copy tersebut di ruangan javascript :) 3)dah siap preview dulu baru save ok:) SELAMAT MENCUBA:)JNGAN MALU-MALU UNTUK KOMEN DAN LIKE:)
ADIOSS:)

Sudah baca??sila like or komen:)

Ahad, 15 Januari 2012

TUTORIAL=round hover with shadow:)

Hye guys:)

tuto kali nie macamana nk buat round hover with shadow:)tahu x apa tuh?

cuba korang pergi ke gambar di blog kita bila cursor korang sentuh gambar kita tersebut,serta-merta gambar tuh melengkung pastu ada shadow. Menarik kan?haha.. sapa yg nk buat ikut step tuto di bawah ini yer:) 1.Dashboard > template > Edit Html > tick expand widget templates 2.Tekan Ctrl+f dan search kod dibawah ini yer:)

/* Header

3. If dah jumpa pastekan kod dibawah ini kat atas kod yg korang cari tuh.

/*------ IMAGE ANIMATION------*/ img {filter:alpha(opacity=100); -webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;} -moz-opacity:1.0; opacity:1.0; } img:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:.80; } u { text-decoration:underline; border-bottom: 2px dotted #ff0080; padding: 0px; }

4.tukarkan kod colour shadow (#FF3366) dengan warna pilihan anda:) klik sini jika nk tukar warna. 5.dh siap preview dulu,baru save:) SELAMAT MENCUBA:)JNGAN LUPA KOMEN DAN LIKE :)
ADIOSS:)

Sudah baca??sila like or komen:)

TUTORIAL=pasang border:)

Hye guys :) tuto kali nie macamana nk pasang border di sidebar,tajuk post dan blockquote. Tuto nie sambungan dari entry ini Ok follow step di bawah ini yer:) #STEPS 1=
UNTUK SIDEBAR *setiap template adalah berbeza*=

Cari kod : h2 { ataupun : sidebar .widget{ ataupun: .sidebar h2 {

UNTUK TAJUK POST=

h3.post-title {

UNTUK BLOCKQUOTE=
.post blockquote {

#STEPS 2= Copy coding border,pastekan coding border selepas coding yang korang search. Jenis Border korang boleh dapatkan disini dh siap preview dulu baru save:) Selamat mencuba:)jngn lupa klik like dan komen tau:)
ADIOSS:)

Sudah baca??sila like or komen:)

TUTORIAL=Jenis-jenis border:)

Hye guys:)tuto kali ni pasal border yg korang boleh gunakan untuk mencantikkan lagi blog korang:) Border nie korang boleh gunakan untuk sidebar,post dan blockquote:) Kt bawah nie jenis-jenis border yg boleh korang gunakan.