Skip to main content

TUTORIAL BLOCKQUOTE CANTIK DENGAN HTML COLOUR

halo...tadi baru je saya post camna nak buat blockquate yang bercorak-corak..maybe pada orang yang suka simple mereka lebih sukakan yang simple-mimple tanpa ada corak-corak maklumlah katanya nampak semak..hohoho..jom kita mulakan tutorial
1)design>edit HTML
2)klik'expand widget templates'..ok!
3)cari kod di bawah dengan menggunakan ctrl+F untuk memudahkan pencarian
]]></b:skin>
4)kalau dah jumpa copy kod di bawah dan pastekan di atas kod ]]></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
    }
5)dah selesai!
p/s:yang telah di warnakan boleh ditukar mengikut citarasa anda di sini
warna merah=warna teks dalam kotak
warna kuning=warna background kotak
warna pink=warna border

selamat mencuba!!
credit to:hakim
Labels:

Comments

Nurul Nadia said…
salam ... tq for the tutorial..it works!
15 June 2011 at 04:31
qasehraihan said…
salam..
wpun entry ni dh lama..
saya cr kat google td..
nak blajar sgt pasal blokquote ni..

nak tau..
kita masukkan kod ni masa kita nak taip isi dalam kotak tu ke cmna ek??

cth mcm awak buat tutorial ni..
stiap koyak pepel tu awak buat, stiap kali tu la kena masuk kod ke cmna..

tak fahammm

sebab ada juga ayat awak ta dalam kotak quote tu..huhuhu..ajarkan..huhu

blog saya..qasehraihan
28 October 2011 at 20:04
Cik Ebba said…
syukran kasiran ...ya ukhti
21 February 2012 at 19:40
Post a Comment

Popular posts from this blog

freebies background part 4

assalamualaikum w.b.t.. nak bagi background dekat korang nie.. ambik lah jangan tak ambik tapi mesti mau kredit..kalo tak lawa cakap\jadi orang yg jujur/ Flower cute background https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNLEkawfQDwiUWupO4wP6ft-6tok_8uPgWQW2NaOvvQPzxA3kJR972kDhP4Hl9QRi6x7BDhOOhJL0Gi8gGP-MeaiCjAjojLKzGkJmrDJOFXgRf7fITOCMGOi4WKd_vDUxy5HH8032gDhV/s1600/polkadot-crop.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeiNPZVq1fEczqo8y6HqV_1UAuIGVNYpNrhovIML9GXyEX-fhK5VaT7Rzm7Jrl6WZJM7ll7w95WjYA8NdXjV5iUxs7wdh4197XvOhHBqHu3YFh4gQzk-7IwvwCspJm4Jf4iUM74Rv0A9D/s1600/polkadot-crop+purple.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicb9FvTFnNJKXjOqDJ8G-neMypMsN4Cotr7T1coMIZIUOie03jwtMp5k3b6M8RpU9VCHm5byrGWbm59911yZsFh5_GnNGdN0F993kcLm8rKQaBaoLorQjFhMQ3VaQPvK4hj3AgCqnSJ4T0/s1600/polkadot-crop+blue.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpiDdjq_KVHSN0AA7ZiDCT6yjCvXYWcKpIse7Vyv3NuowlhjvkRyKYvriIa4bkSPZ...
Post a Comment
read more

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)
8 comments
read more

TUTORIAL BLOCKQUOTE

nak try tak cantikkan blog dengan kotak corak-corak atau nama komersial BLOCKQUATE.macam kat bawah nie ini kotak blockquate saya..anda nak jugak..mehh saya tunjukkan cara. 1)design>edit HTML 2)cari kod di bawah(untuk memudahkan pencarian tekan ctrl+F) .post-body { 3)dah dapat cari?copy pulak cod dibawah dan pastekan di atas kod post-body{ post blockquote { background-image:url( URL GAMBAR BACKGROUND BLOCKQOUTE ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px   solid #FF0080; margin:1em 20px; } 4) try save kalau menjadi saya ucapkan taniah kalau tak jadi jangan putus asa sebab template yang digunakan tak sesuai dengan coding nie kot.. p/s: red colour tu ikut suka hati nak letak apa..boleh dapat kat  kedai ini credit to: Miss Farah   SELAMAT MENCUBA!!
3 comments
read more