Apa itu Blockquote ? - Sering kita melihat di blog-blog ada beberap isi posting yang di highlight atau di posisikan ditengah dengan warna tulisan atau background yang berbeda dengan warna dan background dari postingan. Ini disebut blockquote yang tujuannya untuk menekankan atau menyimpulkan isi dari postingan tersebut, sehingga memudahkan pembaca untuk melihat inti dri postingan.
Dibawah ini adalah contoh blockquote di blog saya ini.
Tambahan garis di depan dan background dengan warna #efefef.
Bagaimana cara menambahkan Blockquote...?
Berikut adalah cara menambahkan blockquote pada postingan anda :
1. Log in ke Blogger.com
2. Masuk ke Template, Kemudian pilih Edit HTML
3. Temukan kode ini di kode HTML:
blockquote {
Setelah kode blockquote { } ketemu, silahkan ganti atau pasang beberapa tambahan kode yang diinginkan.
Ada bermacam-macam jenis blockquote :
1. Menambahkan Garis depan di Blockquote
2. Menambahkan garis kotak pada Blockquote
3. Menambahkan background warna pada Blockquote
4. Menambahkan garis atas bawah pada Blockquote
Template MINIMA LIGHT
Pada template gratisan Minima Light dari www.arlinadzgn.com yang saya gunakan sudah ter-inject dengan kode html Blockquote dengan model garis didepan dengan warna coklat. Jadi kalau mau melakukan pengeditan tinggal cari di kode html blockquotes dan ganti sesuai dengan yang kita inginkan.
Dari template default-nya sudah saya ulak-ulik dengan perubahan blockquote yang sekarang jadi seperti dibawah ini :
Dibawah ini adalah contoh blockquote di blog saya ini.
Tambahan garis di depan dan background dengan warna #efefef.
Berikut adalah cara menambahkan blockquote pada postingan anda :
1. Log in ke Blogger.com
2. Masuk ke Template, Kemudian pilih Edit HTML
3. Temukan kode ini di kode HTML:
blockquote {
Setelah kode blockquote { } ketemu, silahkan ganti atau pasang beberapa tambahan kode yang diinginkan.
Ada bermacam-macam jenis blockquote :
1. Menambahkan Garis depan di Blockquote
-
blockquote {
font: 14px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #619644;
}
2. Menambahkan garis kotak pada Blockquote
-
blockquote {
margin:1em 20px;
border: 1px solid #619644;
padding: 10px;
}
3. Menambahkan background warna pada Blockquote
-
blockquote {
margin: 1em 3em;
padding: .5em 1em;
background-color: #b1d2a3;
}
4. Menambahkan garis atas bawah pada Blockquote
-
blockquote {
margin:.75em 0;
border:1px dotted #619644;
border-width:1px 0;
padding:5px 15px;
color: #000
}
Template MINIMA LIGHT
Pada template gratisan Minima Light dari www.arlinadzgn.com yang saya gunakan sudah ter-inject dengan kode html Blockquote dengan model garis didepan dengan warna coklat. Jadi kalau mau melakukan pengeditan tinggal cari di kode html blockquotes dan ganti sesuai dengan yang kita inginkan.
Dari template default-nya sudah saya ulak-ulik dengan perubahan blockquote yang sekarang jadi seperti dibawah ini :
Blockquote bisa berisi catatan, pesan, rangkuman atau kesimpulan untuk memudahkan pembaca dalam memahami inti dari postingan yang sedang dibaca.
Alhamdulillah... lumayan buat mempercantik blog saya yang sederhana ini...
Bagi yang ingin mencoba template ini, silahkan download template Minima Light disini :
DOWNLOAD TEMPLATE MINIMA LIGHT Free Version
Salam
