Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog - Blogger memang sangat jarang memanfaatkan fungsi blockquote ini, padahal ini salah satu bagian dari css, bisa dikatakan menu tambahannya.
Layaknya h1,h2,h3, h4,h5,h6 dan textarea. fungsi blockquote ini tidak ada perbedaannya, Ibarat senjata amunisi baru jika sudah kehabisan amunisi h1 s/d h6 tadi.
perbedaan nyata dari tampilan blockquote adalah posisi letaknya jika belum di edit ia berada menjauh dari sisi kiri border .
Penggunaan blockquote ini dapat diterapkan di postingan kita, cukup ditulis <blockquote>TEXT</blockquote> maka hasilnya tampak perbedaanya dari text lainnya. cukup mudahkan membuat text blockquote ? disini kita dapat juga menggunakan htmlnya contoh :
<blockquote style="border: dashed 2px #000; padding: 8px; color="red" background-color: #eee; ">text disini</blockquote>
Namun ada cara lain agar mememudah dalam pengeditan blockquote ini, yaitu dengan cara langsung mengedit dengan menggunakan kode html pada pengeditan template kita.
 |
| Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog |
Berikut adalah langkah-langkah Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog :
- Masuk / Login ke Akun blog Anda.
- Pada halaman Dashboard pilih menu " Template ".
- Kemudian pilih " Edit HTML "
- Dan cari kode ]]></b:skin> dengan menggunakan tombol CTRL + F agar lebih mudah.
- Jika sudah menemukannya copy kode script dibawah ini tepat di atasnya :
.blockquote{background:#f8f8f8;
margin-left:2em;
margin-right:2em;
border-left:4px solid #ccc;
padding:1em 1em;
font-style:italic;
max-height:250px;
overflow:auto;
}
Keterangan :- Tulisan dengan warna Biru adalah warna background kotak blockquote, bisa dibuah sesuai dengan keinginan Anda. Untuk kode warna bisa dilihat disini Kode Warna HTML.
- Tulisan dengan warna Hijau adalah ukuran,bentuk dan warna garis sisi kiri pada blockquote, bisa di ubah sesuai keinginan Anda. Contoh bentuk garis border ( Solid, dotted, dashed, dll )
- Tulisan dengan warna Merah adalah ukuran maximal tinggi dari kotak blockquote, bisa diatur sesuai dengan keinginan Anda .
Untuk lebih rincinya dalam memasang kode script bisa dilihat pada Gambar dibawah ini :
 |
| Pasang kode scriptnya tepat " diatas " kode ]]></b:skin>. |
- Jika sudah klik " Simpan Template " dan lihat hasilnya .
Bagaimana, mudahkan Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog ? Fungsi dari Blockquote itu sendiri yaitu untuk mendefinisikan sebuah kutipan yang panjang agar lebih terlihat rapih dalam penataan sebuah artikel. Pada saat di browser text tersebut akan tampil lebih menjauh kedalam atau tepatnya agak menjauh dari sisi kiri text lainnya.
Demikianlah Artikel Tentang
Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog, Cara Membuat Blockquote Dengan Scroll Pada Postingan di Blog, yang bisa disajikan oleh
obray-inisetut.blogspot.com "(
4.0)"
Semoga Bermanfaat.
