Tutorial memasang 'blockquote' pada blog

aynora nur | 12 October, 2011,9:51 AM |
Advertisement
Kali ini saya nak share tips nak pasang ‘blockquote’ kat dalam post kita. Benda ni pun baru saya try dari satu tutorial. Saya rasa blockquote amat berguna untuk kita menunjukkan ‘pentingnya’ sesuatu post berbanding yang lain.

Step #1:

Masuk ke Blogger – cari  > Design > Edit HTML.

tandakan dekat kotak  "Expand Widget Templates"

Kemudian, cari (CTRL+F) seperti yang berikut:

blockquote {
...
...
... }

atau yang ini,

.post-body blockquote {
margin: 1em 3em;
padding: .5em;
background-color: #f6ebc1;
}

Sekarang kita hanya perlu menukar kod yang di dalam bracket {....}

Step #2: Jadi, nak tunjukkan blockquote seperti di bawah:

Cara 1:

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Cara 2:

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }


Cara 3:
blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }
Step #3:
Save/Simpan kod yang telah diubah tadi. Jika korang rasa nak gaya yang lain seperti dotted, garisan berwarna, dsb…boleh tukar dekat border style, imej (masukkan imej .jpg yang korang suka) ataupun tukar warna background, hanya tukar kod warna, contoh hitam, #000000; dll.
Selamat mencuba. Pasti senang.
#Aynora: Belajar benda baru yang amat berguna, mesti share kat semua. Baru boleh praktikkan.
Aynora Nur adalah seorang penulis blog separuh masa, terlibat dalam bidang hartanah dan perkhidmatan – di Johor, Malaysia. Lulusan MBA. Aktif berblog sejak tahun 2010. Hubungi saya untuk Promosi produk dan servis • Entry kekal di blog • • Pakej mengikut bajet • Daily PV : 35,000 - 45,000 • Monthly PV : 1.1juta - 1.5juta. Info lanjut di about me ...
 
loading...
0 Komen untuk "Tutorial memasang 'blockquote' pada blog"
DISCLAIMER: All content provided on this "Aynorablogs.Com – Inspirasi Wanita" blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site. The owner of Aynorablogs.Com – Inspirasi Wanita will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information. This terms and conditions is subject to change at anytime with or without notice.

Boleh komen jika mahu, boleh LIKE jika suka. TERIMAKASIH.

Kisah 25 Filsuf Barat (MATLUTHFI)!! Harga cuma RM22.50 (Asal RM25.00)!

Buat Duit Blog
Back To Top