Cara Membuat Blockquote

Blockquote merupakan sebuah kotak yang membingkai tulisan tertentu yang menunjukan kalau tulisan itu merupakan sebuah tulisan penting yang perlu mendapat perhatian dari pembaca untuk mendapatkan inti dari bacaan secara keseluruhan. Berbicara mengenai blockquote, kita kadang merasa bosan dengan tampilan blockquote default yang hanya itu-itu saja. So, adakah cara untuk membuat variasi blockquote dalam blog kita ini? Yup, tentu saja ada. Dengan variasi blockquote yang lebih menarik tidak hanya akan memperjelas pembaca dalam menemukan dan memahami inti bacaan kita, tetapi juga akan memberikan daya tarik tersendiri bagi pengunjung yang tidak terbiasa banyak membaca untuk kemudian mengamati dan membacanya.

Contohnya seperti dibawah ini :

Jangan hanya bermimpi untuk menjadi apa yang Anda inginkan, karena mimpi itu akan menjadi harapan jika Anda tidak melakukan " DO IT And GET It...!!!

Nah, sekarang bagaimana apakah Anda sudah mengerti sekarang apa itu blockquote ? saya harap Anda sudah mengerti, karena jika tidak Anda keterlaluan goubloknya..

Cara membuat variasi blockquote ini dapat kita bedakan menjadi dua langkah, yaitu cara yang otomatis dan manual.

Cara otomatis.

Cara otomatis dalam membuat blockquote ini memungkinkan kita untuk tidak lagi harus memasukan kode-kode HTML untuk menampilkan blockquote saat kita membuat postingan blog, karena saat kita mengklik ikon blockquote akan secara otomatis muncul model blockquote yang kita inginkan.

Cara membuatnya adalah sebagai berikut ;

• Pertama masuk ke akun blogger kita.
• Klik fitur rancangan.
• Klik edit HTML.
• Cari kode blockquote dalam kode HTML template blog kita tersebut.
• Hapus kode blockquote tersebut, kemudian ganti dengan memasukan kode HTML blockquote yang kita inginkan.
• Klik simpan template.

Keterangan :

• Untuk mempermudah pencarian kode HTML yang dimaksud, klik tombol Ctrl + F pada keyboard kita.
• Selalu biasakan untuk download template blog kita terlebih dahulu sebelum melakukan edit, untuk back up sebagai antisipasi saat kita mengalami kegagalan sewaktu proses editing berlangsung.

Cara manual.

Cara ini tidak membutuhkan penggantian kode HTML template blog, tetapi kita hanya perlu untuk memasukan kode HTML blockquote yang kita inginkan setiap kali kita membuat sebuah postingan. Caranya adalah saat kita membuat postingan sebuah blog, jangan menuliskan blockquotenya di bagian compose. Akan tetapi, tuliskan blockquote tersebut beserta kode HTML untuk menampilkannya pada bagian edit HTML (letaknya tepat di sebelah kiri bagian compose).

Contoh pemasangannya seperti ini:

<blockquote style="background-color: #f6ebc1; border-left: 5px solid #fce27c; margin: 0; margin: 1em 3em; padding: .5em 1em;">

Masukkan tulisan yang akan kita jadikan blockquote di sini </blockquote>

Ganti kode yang berwarna merah dengan kode dibawah ini, sesuai dengan selera Anda :

1.

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Hasilnya seperti dibawah ini :

Barangsiapa yang tidak pernah melakukan kesalahan,
maka dia tidak pernah mencoba sesuatu yang baru

2.

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Hasilnya seperti dibawah ini :

Aku Berpikir terus menerus berbulan bulan dan bertahun tahun, sembilan puluh sembilan kali dan kesimpulannya salah. Untuk yang keseratus aku benar.

3.

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Hasilnya seperti dibawah ini :

Kalau mereka ingin menemuiku, aku ada disini. Kalau mereka ingin bertemu dengan pakaianku, bukalah lemariku dan tunjukkan pada mereka. (Ketika istrinya memintanya berganti untuk menemui Duta Besar Jerman)

Kebanyakan orang mengatakan bahwa kecerdasanlah yang melahirkan seorang ilmuwan besar. Mereka salah, karakterlah yang melahirkannya.

4.

blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }

Hasilnya seperti dibawah ini :

Orang-orang seperti kita, yang percaya pada fisika, mengetahui bahwa perbedaan antaramasa lalu, masa kini, dan masa depan hanyalah sebuah ilusi yang terus menerus ada.

Dunia ini adalah sebuah tempat yang berbahaya untuk didiami, bukan karena orang-orangnya jahat, tapi karena orang-orangnya tak perduli.

5.

blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pVfki28hVzssJWEuU6WVQCvwIv2H4cgkInwI3BB9iS_TKbN6RbPRiqSgOmtlHCtrf1Nq9b-LVwCAID_kckHvi5iq1QOncrpjVPsB7rEwDCFLehZNLWDvN9zcKrBuzvIDCd1_ZUQPhGE/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

Hasilnya seperti dibawah ini :

Mencari kebenaran lebih bernilai dibandingkan menguasainya.

Hidup itu seperti naik sepeda. Agar tetap seimbang, kau harus terus bergerak.

Sudah saatnya cita-cita kesuksesan diganti dengan cita-cita pengabdian.

6.

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1iCQlYBrUGG63IPCDBB0gcVArpLXjm3F3hrWVAf8tAyL_WooYVLRImzDekjhPUvBh0_ILFW-f77-8YmAIjt8DSAHhqRk3BEoo1topOw7RhdbrBKIlhepuAYj8YAXIQWrZakVlesVqbQE/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }

Hasilnya seperti dibawah ini :

Lebih mudah mengubah plutonium dari pada mengubah sifat jahat manusia.

Tidak ada yang lebih merusak martabat pemerintah dan hukum negeri dibanding meloloskan undang-undang yang tidak bisa ditegakkan.

Belajarlah dari masa lalu, hiduplah untuk masa depan. Yang terpenting adalah tidak berhenti bertanya.

Generasi-generasi yang akan datang akan kehilangan keyakinan bahwa manusia akan berjalan di muka bumi dengan darah dan daging.

Selamat Mencoba