Tutorial memasang 'blockquote' pada blog

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.

No comments

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

Powered by Blogger.