saya mengerti kalau semua yang berlaku ini adalah ujian yang getir dan memeritkan. tapi, kena ia begitu memeritkan sehingga aku kadang-kadang tak mampu mengharunginya!
Nampak quote kat atas tu? Nak kata cantik, biasa je kan. Tapi kalau korang terus baca tutorial ni. Korang akan ubah blockquote korang yang putih bersih dan suci tu bertukar menjadi warna warni! Sehebat pelangi! Mari teruskan dengan pembelajaran kita hari ni ye!
Perkara pertama yang perlu dibuat ialah sila ikut arahan dan jangan memandai nak gatai tangan ubah tang tu, tang ni, tang depan, tan belakang! Just ikut arahan ni ye kawan-kawan!
- Log in blogger!
- Sila click design, diiukuti button edit hmtl.
- Selepas itu korang akan nampak satu skrip html yang memeningkan! Jangan panik!
- Seterusnya ialah cari button tick "expand widget templates"
]]></b:skin>
Selepas itu masukkan pulak code dibawah ini diatas code yang korang dah cari tadi! Senang je! Letak betul-betul dekat bahagian atas code ]]></b:skin>
blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}
Dah selesai tu, korang boleh ubah warna font, warna borde, background ke ikut suka hati korang la nak ubah macam mana. Boleh refer sini untuk code warna yang menarik dan menawan! Untuk ubah warna font, background dan border, sila ikut petunjuk dibawah ini!
color: #000000; -> warna teks dalam kotak.
background: #e0ffff; -> warna background kotak.
border: 2px solid #4aa02c; -> warna border
Selamat mencuba, ada masalah sila hantarkan pertanyaan anda di formspring, facebook, atau twitter! Good luck!
*follow hakimfaridzul via twitter @hakimfaridzul*
13 komentar:
info yg menarik!
ouhh
aduhh sakit kepala
SALAM,THANX A LOT 4 DIZ TUTORIAL..MANTOP !
SY ADE BUAT ENTRY YG LINK KE ENTRY INI D BLOG SY ;
http://ummi-hanie.blogspot.com/2010/11/tutorial-buat-blockquote-cun.html
Entry ni bagus la! Aku dah try kat blog lain tu tak jadi gak. Terima kasih banyak-banyak! :)
kenapa saya punya ada garisan-garisan dianatara tulisan tu,,,
contoh:
__________________________________
atas
__________________________________
bawah
__________________________________
cane nak buang,,
kalau blockqoute tutorial nie
cantik jer,, semua dalam satu kotak,,
dan dalam kotak tu cuma ada tulisan dia saja,,
tolong yer..
Ya, mungkin karena itu
hehe..dah buat..tq2..:)
thnks..:)
dah try n menjadik akhirnya setelah try tuto dr blog lain yg tidak menjadi.. hehehe...
thanks! ^___^
kurang maksud dari bahasa'a gan .. hhe
tak jdi.. :(
alhamdulillah menjdikkk
hermmm.. dah masukkan kod tu.. tp mcm maner nk gunanya plak?
Post a Comment
yeah!
nak tinggalkan comment ke???
tunggu reply aku tau!!!