Membuat Style Blockquote Lebih dari Satu di Posting Blogger

Satu tampilan Blockquote sudah biasa dalam sebuah posting, bagaimana jika Anda ingin menampilkan dua, tiga, empat, dan banyak tampilan style Blockquote yang berbeda-beda di postingan yang Anda tulis. Mungkin Anda ingin menunjukkan yang berbeda di Blog Anda, menunjukkan kepada pengunjung hal-hal yang penting dengan tampilan yang unik dan tidak biasa. Anda bisa manfaatkan berbagai style Blockquote yang berbeda-beda juga.

Contoh #1

Contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger
Ini contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger

Contoh #2

Contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger
Ini contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger

Contoh #3

Contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger
Ini contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger

Contoh #4

Contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger
Ini contoh Membuat Style Blockquote Lebih dari Satu di Posting Blogger

Untuk menampilkan style Blockquote Berbeda-beda Dalam satu postingan Anda bisa mengikuti cara di bawah ini :

1. Masuk ke Template --> Edit HTML
2. Backup dulu template Anda.
3. Cari kode ]]></b:skin>, lalu Salin kode dibawah ini dan tempelkan diatasnya.

blockquote.bq1{
background:green;
color:red;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:10px;
font-family:monospace;
font-size:12px;
}
blockquote.bq2{
background:black;
color:yellow;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:12px 24px;
-moz-column-count:2;
-moz-column-rule:1px solid white;
-moz-column-gap:10px;
font-family:Arial, Tahoma, Verdana;
font-size:12px;
}
blockquote.bq3{
background:green;
color:aqua;
padding:20px;
text-align:center;
font-family:Georgia, Serif;
font-size:24px;
}
blockquote.bq4{
background: -moz-linear-gradient(-90deg,green,blue);
-webkit-gradient(linear, left top, left bottom, from(green), to(blue));
color:white;
-moz-box-shadow:#555 5px 5px 6px;
-webkit-box-shadow:#555 5px 5px 6px;
border:5px solid #CCCCCC;
font-family:Verdana;
font size:12px;
padding:10px 20px 30px 40px;
}

Note :
Anda dapat menambahkan blockquote.bq5, blockquote.bq6, dst. Sebanyak yang Anda ingin tambahkan.

4. Lalu klik Simpan Template.

Untuk penerapannya, pada setiap posting yang Anda buat, dalam mode Edit HTML, ketikkan kode berikut:

<blockquote class="NAMACLASS">
... isi blockquote ...
</blockquote>

Note :
"NAMACLASS" : Ganti dengan bq1, bq2, bq3, atau lainnya sesuai keinginan anda.

Search Post

Label :