Cara Memasang Blockquote Keren Untuk Blog ~ Coretan Dinding

Blockquote adalah sebuah tampilan (kutipan) yang membedakan tulisan yang satu dengan yang lain. Contohnya dapat digunakan untuk membedakan tulisan biasa dengan kode script atau tulisan penting lainnya di postingan. Ini dapat membuat pengunjung nyaman dan good looking post.

Jika Blockquote Postingan blog dibuat yang menarik pastinya enak untuk dibaca dan ini dapat memberi efek beda pada halaman postingan lebih keren. Saya mengumpulkan semua kode-kode blockquote dari berbagai blogger, tetapi sayang, yang dapat saya kumpulkan hanya 22 blockquote.

Cara Membuat Blockquote Blog
1. Pertama-tama masuk ke akun Blogger anda.
2. Masuk ke Template >> Edit HTML
3. Lalu Cari kode dibawah ini dengan menekan CTRL+F

.post-body blockquote {.........}

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

Atau

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

4. Jika sudah ketemu langkah selanjutnya kode yang berwarna merah dan bertitik-titik (kode blockqoute setiap template berbeda-beda, jadi saya pake titik-titik aja sebagai pengganti ) ganti dengan salah satu kode dari 22 kode blockqoute dibawah ini

Misalnya :

.post-body blockquote {background-color: #f6ebc1;}

Rubah menjadi :

.post-body 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; }

Cuma yang kode blockquote { bla bla bla } yang diganti, biarkan kode awal .post jangan dirubah atau dihapus.

Daftar Kode Blockquote Keren Untuk Blogger !

1.) Style 1

Code:

2.) Style 2

Code:

3.) Style 3

Code:

4.) Style 4

Code:

5.) Style 5

Code:

6.) Blockquote dengan Fancy Border dan Owl Image

Code:

7.) Blockquote dengan Purple Corner Label dan garis dibawah

Code:

8.) Jigsaw Blockquote dengan gambar lisense di kanan bawah

Code:

9.) Blockquotes dengan garis Classic sebelah kiri

Code:

10.) Blockquotes left sided green black

Code:

11.) Blockquote With A Brown Corner Label

Code:

12.) Blockquotes With Inverted Commas

Code:

13.) Blockquotes commas orange

Code:

14.) Blockquotes commas hands

Code:

15.) Blockquotes commas green

Code:

16.) Blockquote With Well Aligned Image At Top

Code:

17.) Blockquote With Canopy Style Image At Top and Bottom

Code:

18.) Box Style Blockquote Surrounded By Borders

Code:

19.) The Monkey Man Blockquote

Code:

20.) Couple of ways to dress up the lowly blockquote

Code:

21.) Big chunky quotation mark blockquote

Code:

22.) Buttermilk Fancy

Code:

Cara Menggunakan Bloquotes Pada Blog Secara otomatis kamu bisa menggunakan bloquotes ini dengan memblok kalimat yang ingin kamu masukkan dalam bloquote, kemudian tekan icon seperti yang saya tandai di bawah ini :

Untuk Menggunakan secara manual :

<blockquote>Kode Yang Kamu Ingin Masukkan/ Text Yang Ingin Kamu Masukkan</blockquote>

Catatan : Untuk menggunakan blockquote secara manual terlebih dahulu kamu harus memilih mode HTML dalam post editor kamu. Lebih jelasnya lihat gambar di atas ! Oleh: Ujang Yoyo