12 Blockquote Keren Untuk Blog

Wibi Alwi Surya Kuncoro 02.40.00
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

12 Blockquote Keren Untuk BlogCara 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

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
    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

    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

    Blockquote Style 03
    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

    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

    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.

    Share this

    Related Posts

    Previous
    Next Post »

    2 comments

    Write comments

    * Jangan Meninggalkan Link Aktif
    * Silahkan berkomentar dengan Kata Sopan Dan Ber-Etika.
    * Terima kasih telah singgah di blog ini.
    * Oke jangan pernah bosen singgah di sini :D
    EmoticonEmoticon