Skip to main content

tutorial blockquote with cute icon

Untitled

tutorial nie direquest oleh ikazulfa..dia tnya mcm mana nk buat blockquote mcm saya..btw ika saya dh tukar blockquote..kalau nak blockquote double blockquote pergi sini..saya dah lupa mcm mna nak buat double blockquote with cute icon..sory~~tapi kalau nak blockquote mcm saya sekarang ikut la step saya nie.

1)design>edit html
2)cari cod dibawah
.post blockquote {
3)dah jumpa?copy kod dibawah and then paste dibawah kod yang cari tadi
background-color: #F6CEE3;
border:3px dashed #FFFFFF;
padding: 0px;
.post blockquote:hover {
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_14436277decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition: 1s;}
}
4)save
*boleh edit wrna lain kalau mau..
kalau x jadi kasi tau..saya pening sikit masa buat tuto nie..
Labels:

Comments

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