Di dalam posting blogger pada hidangan ada tombol ibarat di atas. Tombol tersebut yaitu hidangan untuk mem.buat blockquote. Apasih blockquote itu? Menurut sejuta trik blogger blockquote berarti petikan posting. Blockquote memperjelas apa yg kita posting di blogspot. Misalnya kita memposting beberapa sub judul. Dalam sub judul itu kita sanggup memperjelas dengan petikan posting yg kita sebut sebagai blockquote. Mari kita bahas tips ganti blockquote modifikasi di blogger
Setips default atau bawaan, blockquote di tunjukkan kurang lebih ibarat ini
.blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}
.......
Dan pada ketika posting (Posisi Edit HTML) yaitu
<blockquote style="overflow:auto;height:200px;padding:10px;background:black;color:lime;">
Disini Text Anda
</blockquote>
Jika sobat tidak suka dengan blockquote bawaan blogger dan ingin merubah blockquote bawaan blogspot dengan style modifikasi berikut ini tipsnya
1. Login di blogspot
3. Klik Menu Design ibarat gambar di bawah ini :
8. Centang Expand Widget Template
9. Cari isyarat blockquote ibarat ini (Biasanya 2 baris) :
.blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}
.......
10. Hapus semua isyarat tersebut dan ganti dengan pilihan isyarat berikut :
a. Blockquote dengan background kertas bergaris
.post blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidRSdyub1TcVYpXG-8hTWektIVwg9JgGT_S4iZpNRVuwzg1R__Ls0rRoA84Z3EcQFINU7MhH2rtsPw_1f_Fjbal4A-2Do42BmcBpm6G_4KSAeak-cFU9i9rnk6e1FbXBWrpSvEayOfGCY/s1600/notebook-with-numbers.gif) repeat-y;
margin: 0 20px;padding: 0px 20px 5px 55px;
color:#7a7a7a;font: bold 0.9em "Comic Sans MS", verdana;
line-height: 153%;
}
.post blockquote p {
margin: 0;
}
Ket : ubah isyarat yg ditandai dengan warna-warni di atas sesuai selera sobat. Untuk ganti background gambar, Tinggal klik kanan dan klik simpan lokasi gambar. Dan berikut pilihan backgroundnya :
b. Blockquote dampak timbul dan shadow
.post blockquote {
border:5px #dcdcdc solid;
background:#f6f6f6 url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 0px 0px no-repeat;
padding:7px;
padding-left:65px;
margin:20px 0;
}
blockquote:hover {
border:5px #f2f2f2 outset;
color:#000
background:#f2f2f2 url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 10px 15px no-repeat;
-moz-box-shadow: 0 0 40px #B0C4DE;-webkit-box-shadow: 0 0 40px #B0C4DE;box-shadow: 0 0 40px #B0C4DE;
color:#000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
c. Blockquote dengan scrool
Untuk blogquote dengan scrool, tips pembuatannya yaitu manual ibarat mem.buat text area. Yaitu dengan isyarat berikut ini pada posisi Edit HTML ketika posting.
<blockquote style="overflow:auto;height:200px;padding:10px;background:black;color:lime;">
Disini Text Anda
</blockquote>
Keterangan :
Image by : Drupal.org
Trick by : My Blogger Trick
Saya lebih suka Cara Ganti Blockquote Modifikasi di Blogger untuk menampilkan isyarat html dengan blockquote dari pada dengan text area. Mohon maaf tidak didani dengan demo nyata. So, silakan tentukan pilihan sobat.
