0 MENAMBAHKAN FRAME DAN BACKGROUND PADA BLOCKQUOTE

Lihat gambar berikut:

Jadi, blockquote semacam kutipan atau cara untuk membuat sebuat tulisan lebih menonjol dibanding tulisan lain dalam sebuah post.

Untuk membuat blockquote, tinggal block tulisan (lihat no.1) dan klik tanda kutip ( " ) seperti pada nomor 2.

Lalu bagaimana membuat frame dan background pada blockquote secara otomatis??

Blockquote dengan frame dan background

1. Login ke akun blogger

2. Template >> Edit HTML

3. Cari kode berikut dengan cara tekan ctrl dan huruf F secara bersamaan pada keyboard PC kamu

]]></b:skin>

4. Masukkan kode berikut sebelum atau di atas kode ]]></b:skin>

Untuk frame dengan background warna atau tanpa gambar:

.post blockquote {
background:#FF4848;

padding: 5px;
Border: 2px dashed #0000CE;

moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

colour:#0000CE;

}

Untuk frame dengan background gambar:

.post blockquote {
background:url(masukkan url gambar);
padding: 5px;
Border: 2px dashed #0000CE;

moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

colour:#0000CE;
}

FF4848 - warna background kotak blockquote
2 - ketebalan garis border kotak
dashed - style garisan border. Bisa diganti dengan dashed, solid atau dotted
          solid adalah garisan lurus, ___________
          dotted adalah garisan titik-titik, …………………….
          dashed adalah garisan putus-putus, _ _ _ _ _ _ _
0000CE- warna garis border. Rujuk kod warna di bawah
*Untuk kode warna bisa cari di SINI

*Url gambar bisa cari di SINI

5. Save dan lihat hasilnya

Selamat mencob