Skip to main content

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!!






Labels

Labels:

Comments

ADMIN said…
@chocolatemylife.blogspot.commay be untuk sesetengah tempalate tak jadi coz coding lain2.cuba lagi jgn give up!aza2 fighting...!
3 March 2011 at 19:08
Dila Nasurudin said…
dila nyer pown xjd jgk
1 October 2011 at 21:36
Post a Comment

Popular posts from this blog

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 hover scrollbar

title:tutorial hover scrollbar request from: Hanis Sakinah .......................................................................................... assalamualaikum dan salam sejahtera..hari ini saya nak ajar kawan-kawan buat hover scroll..bagi yang dah tahu sila abaikan..nak tahu macam mana hover scrollbar tu?sila sentuh cursor kawan-kawan di scrollbar saya=).ok dah..jom kita mulakan sesi pembelajaran kita..v(*_*) 1)dashbord>design>edit html 2)search code   ]]></b:skin> 3) bila dah jumpa code tu,sila copy code di bawah dan paste atas  ]]></b:skin> ::-webkit-scrollbar { height:12px; width: 10px; background-image:url( url bckgrd ); } ::-webkit-scrollbar-thumb { background-image:url( url bckgrd ); -moz-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar:hover { background-image:url( url bckgrd ); } ::-webkit-scrollbar-thumb:hover { background-image:url( url bckgrd ); -moz-border-radius: 10px; border-radius: 10px; } *url ba...
1 comment
read more

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