12 Blockquote Keren Untuk Blog

12 Blockquote Keren Untuk Blog-Blockquote hanya digunakan untuk menandai atau membedakan beberapa teks dari yang lainnya, dan kapabilitas Anda untuk menyesuaikan blackquote dengan gaya keren dan warna tergantung pada pengetahuan yang cukup baik Anda tentang CSS. Saya telah mencoba untuk menyesuaikan 12 backquotes berbeda dan unik dengan warna yang menarik dan ikon yang berbeda dan saya juga mengumpulkan dari beberapa teman blogger. Memilih gaya yang paling sesuai dengan selera sobat dari pilihan yang disediakan di bawah. Cekitod

Cara Menyesuaikan Blockquote

• Pergi ke dashboard blogger Anda
• Klik " Desain ">" Edit HTML "
• Gunakan ctrl F untuk menemukan ]]> </ b: skin> dan paste kode dari setiap gaya blankquote Anda pilih di atas / sebelum ]]> </ b: skin>

Blockquote Style 01

Style 01 Kode

Pos blockquote {.
margin: 0 20px;
padding: 20px 60px 80px 20px;
background: # FEE4E3 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivPik5C6SVkuCS4CNGVwykgO1-8Yo-iLuNGrlcnwpHLWLtP2XSNUpiE3o4IWif58b1u-OQ5uO7YoekfrZyA00ujklJ87ISCSSFQcLxCaI-m8iDT3ikHfJVKWZMqL9PJ1-9K_jUgAXXU_Jg/s1600/rb+style+ 01.png) no-ulangi kanan bawah,
font: 18px Tahoma yang normal, sans-serif;
color: # 000;
border: solid 1px # DDD;
}
. pasca blockquote p {
margin: 0;
padding-top: 10px;
}

Blockquote Style 02

 Style 02 Kode

Pos blockquote {.
margin: 0 20px;
padding: 70px 20px 20px 40px;
background: # E4EAFE url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_uJtWMzlKlYkF1QDhvEE_5_r4g6KPIk0NSG9M02lakQsJB4e6OYcVaAPddc-W5etyCCrhtpBF2vgGOr-k_vNUTmEYpYnqeB-0NV-6kw982JCVkfVmdUXraYRiy_KRZfcSmeEvcvJ8ut4N/s1600/rb + gaya +02 gif) no-ulangi kiri atas,.
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif,
warna: # 000;
border-bottom: 5px solid # 435.388;
}
. pos blockquote p {
margin: 0;
padding-top: 10px;
}

Blockquote Style 03

Style 03 Kode

    Pos blockquote {.
    margin: 35px 0;
    padding: 80px 0px 0px 0px;
    background: # E6F1FA url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjQexR3GOIdSmrgoXow4giqF8brveLa2J2ULloDHnA3IAmebfg16ogPI0qJoHdCG-IE8vLBZuBIVxoG0nKvnAhZNwykWs01VxqRycsdqbooxra1TpWntD7RUFbCit8c13qKv8IkanLsBU/s1600/rb+style . +04 png) no-ulangi atas;
    font: bold 1em "sans komik ms", Helvetica, verdana,
    warna: # 666;
    }     . pasca blockquote div {     background: # E6F1FA tidak mengulang-bottom,     padding-bottom: 50px;     }     . pasca blockquote p {     margin: 0;     padding: 20px;     }

Blockquote Style 04

Style 04 Kode

Pos blockquote {.
    margin: 35px 0;
    padding: 80px 0px 0px 0px;
    background: # ffffff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjQexR3GOIdSmrgoXow4giqF8brveLa2J2ULloDHnA3IAmebfg16ogPI0qJoHdCG-IE8vLBZuBIVxoG0nKvnAhZNwykWs01VxqRycsdqbooxra1TpWntD7RUFbCit8c13qKv8IkanLsBU/s1600/rb+style . +04 png) no-ulangi atas;
    font: bold 1em "sans komik ms", Helvetica, verdana,
    warna: # 666;
    }     . pasca blockquote div {     background: # ffffff tidak mengulang-bottom,     padding-bottom: 50px;     }     . pasca blockquote p {     margin: 0;     padding: 20px;     }

Blockquote Style 05

Style 05 Kode

Pos blockquote {.
    margin: 0 20px;
    padding: 50px 30px 50px 30px;
    background: # FFF url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQWiVxppDm0l0Z_E74R7F6r7SVOmbLIKQfNivt62jY_rPb4G_DZCa0VCjhcg4AbNX3egFaZc59KwzjzEZQpOYmgRZyEEwvl00YgaxOjcP_D209VycPTITOI_8sQbUoTUQ5sDkZFinZiwC/s320/rb+style+05 png) no-ulangi atas,.
    font: bold .9 em Helvetica, "komik sans ms", Courier, "Times New Roman", Times, serif,
    warna: # 000;
    }     . pasca blockquote div {     background: # FFF tidak mengulang-bottom,     padding-bottom: 50px;     }     . pasca blockquote p {     margin: 0;     padding-top: 10px;     }

Blockquote Style 06

Style 06 Kode

Pos blockquote {.
      font: bold italic 1em "sans komik ms", Tahoma, sans-serif;
      padding-top: 25px;
      margin: 5px;
      background: url (http://3.bp.blogspot.com/-ua4dzZKJIoQ/ UFbwrwks8KI/AAAAAAAABa4/2DJ5hqai99U/s1600/rb + gaya +06 gif) no-ulangi kiri atas,.
      text-indent: 65px;
    color: # 6299E4;
      }
      pasca blockquote div {.
        display: block;
        background: no-ulangi kanan bawah,
    padding-bottom: 30px;
    }     pasca blockquote p {.     margin: 0;     padding-top: 10px;     }

Blockquote Style 07

Style Kode 07

Pos blockquote {.
font: bold italic 1em "sans komik ms", Tahoma, sans-serif;
background-position: 10px--7px;
border: # berlari FFC600 1px;
margin: 20px 10;
padding: 20px 0 0 50px;
latar belakang : url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYApvmL9nfxXes3_-wYdp6pvhInUfRpKnscWc1k1ykv1DokdEwMmFgEqjnt5gYFpdfbWi9TJT-bEDJt3HLd71KsM2pSf1jgmSzVagKfpchJpP7wayxj5PHgy0PYyk1Ldgfer65iuBHPMN/s1600/rb+style+07.png) 5% tidak mengulang-# FFF8DD;} 

Blockquote Style 08

Style 08 Kode

Pasca blockquote {.
background: # F3F3F1 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPwgKJkSv4MNEOByGKkJ4k3GZRQOaCEvIbziWtcZqOJ2qRwWd7GJRh18xXU9qE_5WINcqEqOmBafdBM8pA5jPzXlmkOYTYjaxKYBgsCFE6Phk-uGy0vNTIc68wUNICTpGmTiU9IeF8TGFx/s320/rb+style+08.gif);
background-position:;
background-repeat: repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: bold 1.1em "sans komik ms", arial, Helvetica, verdana, Georgia;
}
. pasca blockquote p {
margin: 0;
padding-top: 10px;
} 

Blockquote Style 09

Style 09 Kode

Pasca blockquote {.
background: # 484B52 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF7TEkc50vQEf5a1TyEhEHojebmmNiJT_6_GkpkufzlkcxyE54m3G6iw6bAEKXouwjxR19j2gyDLHFCPMEY_U2eqvBbtf2En9Q-vphSpTYZGjY06UDjQo5TpqM4eA8dbUTYW1rf41ujPKU/s1600/rb+style+09.gif);
background-position:;
background-repeat : repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
-moz-border-radius: 15px;
border-radius: 15px;
color: # C7CACF;
font: bold 1.1em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
pasca blockquote p {.
margin: 0;
padding-top: 10px;
}

Blockquote Style 10

Style 10 Kode

Pos blockquote {.
      font: bold italic 1em "sans komik ms", Tahoma, sans-serif;
      padding-top: 10px;
      margin: 5px;
      background: url (http://4.bp.blogspot.com/-UfpvVi3HDI4/ UFdzXE_THuI/AAAAAAAABeY/aC3cA_k2NuE/s1600/rb + gaya +10 gif) no-ulangi kiri atas,.
      text-indent: 65px;
      }
      pasca blockquote div {.
        display: block;
        background: no-ulangi kanan bawah,
    padding-bottom: 10px;
    }     pasca blockquote p {.     margin: 0;     padding-top: 10px;     }

Blockquote Style 11

Style 11 Kode

Pos blockquote {.
      font: bold italic 1em "sans komik ms", Tahoma, sans-serif;
      padding-top: 10px;
      margin: 5px;
      background: url (http://2.bp.blogspot.com/-PBHcdWvCUvY/ UFd32ghaJKI/AAAAAAAABgM/Q7TN9P34iKc/s1600/rb + gaya +11 gif) no-ulangi kiri atas,.
      text-indent: 65px;
      }
      pasca blockquote div {.
        display: block;
        background: no-ulangi kanan bawah,
    padding-bottom: 10px;
    }     pasca blockquote p {.     margin: 0;     padding-top: 10px;     }

Blockquote Style 12

Style Kode 12

Pos blockquote {.
    margin: 0 20px;
    padding: 10px 20px 25px 20px;
    background: # 9FCFFF url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1iMrYe9X3wZYg5nxpI9zHK8N1OtOYcFb3PafrMZ4L1YFJWPslcN9zQROl4BKnUqSQ2tw0jmht-rU-bY5Caa_aITNExoSKY1dGRoG1T68CUpHVnmgCvl8ajf07fjoy2wC4vz0_3k6_Y6Yi/s1600/rb+style+12 png) no-ulangi kanan bawah,.
    font: bold 1.0em "komik sans ms", arial, Helvetica, verdana, Georgia,
    warna: # 484.848;
    border: 5px berlari # fff;
    }     pasca blockquote p {.     margin: 0;     padding-top: 10px;     }

Silahkan ubah dan sesuaikan front dan warna latar belakang blogquote sobat.

Sekarang di post editor, jika Sobat menulis posting baru dan akan menambahkan blockquote, hanya berpindah ke mode Edit HTML dan paste kode di bawah ini ditengan-tengah kode. Lihat contoh dibawah.

<blockquote> <div> Masukkan Text Anda Disini </ div> </ blockquote>

Selamat Mencoba dan semoga bermanfaat.

Author : Wibi Alwi Surya Kuncoro

UNTAR, Republik Seo, Jasa Seo Indonesia, Republik Wisata

Share this

Related Posts