Membuat Kata kutipan Efek Scroll (blockquote)

Kata kutipan maksudnya atau bahasa lazim yang kita kenal dengan Quote di blogger atau bisa disebut Blockquote pada template. Jenis Bloc...

Kata kutipan maksudnya atau bahasa lazim yang kita kenal dengan Quote di blogger atau bisa disebut Blockquote pada template.
di blog dan efek scroll

Jenis Blockquote ini mungkin jarang digunakan dikarenakan hampir 90% di dalam template sudah ada disiapkan CSS Blockquote nya, atau ada juga di setiap postingan dalam HTML nya diubah seperti contoh :
<Blockquote style="border. dashed 4px #030303; background-color: #8bb9bb; ">Kata Kutipan</blockquote>
Nah untuk cara yang instant agar dipasangkan dalam Template tanpa memasang lagi disetiap postingan, tentu ini akan mempermudahkan kita dalam membuat kata kutipan, dan bisa memodifisikasikan nya agar lebih baik.

untuk membuat blockquote yang ada scroll fungsinya agar di postingan kita tak terlalu panjang dalam kata katanya, biasanya pada postingan tentang HTML, CSS, JavaScript dan lain lain, kalo kepanjangan kesan nya tidak rapi.
di blog
Untuk itu disarankan membuat Kata kutipan atau Blockquote yang ada scroll nya, caranya kita hanya masuk ke "Dashboard Blogger > Template > Edit Template > CTRL+F > lalu cari kode "blockquote"

Keterangan :
  • kalo ada "blockquote" nya silahkan hapus dan ganti dengan kode di bawah
  • Kalo tidak ada blockquotenya di pencarian maka agan bisa menambahkan kode berikut diatas kode ]]></b:skin>.
Berikut kodenya :
.post blockquote{max-height:300px; overflow:auto;background:#030303; font-style:Normal; border:1px solid #030303; margin:10px; padding:10px 10px 10px 20px}
  Keterangan :
  • 300px adalah tinggi nya, agan bisa ganti bisa menjadi 250px atau sesuai kebutuhan agan.
  • #030303 adalah warna, agan bisa ganti warna nya sesuai dengan kebutuhan agan.
  •  Normal adalah model font nya, kalo agan ingin tebal agan bisa ganti dengan bold atau miring dengan italic.

Agan juga bisa membaca disini : Rekomendasi Warna dan Kode warna

Postingan Terkait

4 komentar