Blockquote dan Pullquote

Pastinya dalam membuat sebuah postingan, kita tidak asing lagi dengan tag html <blockquote>, atau Sintaksnya  adalah

<blockquote><p> kutipan disini atau Kalimat yang di-quote</p> </blockquote>.

Maka yang akan terlihat di browser untuk tag <blockquote> standar, di tandai dengan tampilan text yang agak masuk ke dalam paragraph ( indent baik kiri maupun  kanan).

Dalam Editor Post Blogger view Compose, elemen html ini telah di sediakan toolnya, yang di wakili dengan gambar berbentuk tanda kutip (“ ).

Tujuan mengunakan blockquote sendiri pada dasarnya untuk memblock tulisan yang kita kutip dari sumber lain. Namun tak jarang ,  blockquote juga di gunakan oleh sebagian besar orang hanya untuk menonjolkan penekanan atau menarik  fokus sang pembaca pada  tulisan  yang dianggap manis oleh penulisnya.

Style Blockquote

Yang  sering saya dapati , ketika mendonwload sebuah free template, free blogger template atau mengunjungi sebuah blog teman. Banyak sekali gaya yang unik untuk menampilkan tag html <blockquote>  ini.

seperti :

Tanda kutip mengunakan sebuah background-gambar di samping kiri, font-style  italic, agar kutipan masuk kedalam paragraf di gunakan property padding-left  dengan nilai kurang lebih 60px.

Tanda kutip mengunakan dua buah gambar, pembukaan dan penutupan. property padding-left dengan nilai kurang lebih 50px.

 

Blockquite mengunakan sebuah border-left sekitar 2px.

 

Blockquite mengunakan sebuah border-kiri dengan ukuran yang sangat ektrem.

 

Super kreatifiti.

 

Pullquotes

Sebenarnya selain Blockquote adalah  istilah lagi dalam reperence web, yaitu  yang dinamakan dengan “ Pullquotes “.

Pada dasarnya antara Blockquote dan Pullquotes hampir mirip dalam tampilannya, cuman  perbedaannya terletak pada;  jika blockquite di gunakan untuk mengutip atau mengambil teks dari sumber , blog dan  web lain, maka pullquoites di gunakan untuk  menarik fokus pembaca dengan memberikan sebuah frame  pada tulisan, biasanya dalam media cetak sangat jelas sering kita temukan.

contonya seperti ini.

Dan Pullquotes tidak memiliki tag html seperti <blockquote>. Walaupun demikian, dalam prakteknya sering kali saya tidak bisa membedakan tampilan mana blockquote  mana Pullquotes. dan sering kali juga saya mengunakan tag blockqoute pada tulisan saya sendiri ( bukan di sumber lain… ya gitu dech :D ) .

Bagaiaman cara membuat gaya blockquote

But untuk kali, saya hanya bisa memberikan reperence tutorial tentang membuat style blockquites yang menurut saya sangat bangus untuk di pelajari. yaitu di mempercantik-blockquote-dengan-css.

atau untuk tutorial bulenya bisa di lihat di

simple-css-blockquotes-and-pullquotes,

six-ways-style-blockquotes,

block-quotes-and-pull-quotes-examples-and-good-practices ,

atau cari saja sendiri via abah google :D.

Page views this post: reader