Cara Membuat Blockquote Flat Keren Di Blog

Cara Membuat Blockquote Flat Keren Di Blog - Blockquote biasanya berfungsi untuk memblok kode kode atau kata kata tertentu ataupun peringatan peringatan , nah tampilan bawaan blockquote template blog anda biasanya berwarna putih ataupun putih ke abu - abuan , akan tetapi di seiring berkembangnya zaman banyak orang yg membuat blockquote semenarik mungkin termasuk yang saya bawa ini .
Blockquote juga berfungsi sebagai penampung kode kode seperti , javascript , html , css , dan lain lain
dan blockquote juga sangat berfungsi yaitu untuk menonjolkan suatu catatan , ataupun yang lainnya.

Nah saya membawakan tips dan supaya blog anda menarik .

Cara Memasang Blockquote Di Blogger

• Masuk Ke Blogger
• Lalu Masuk Ke Pengeditan Template/HTML
• Lalu Cari Kode <style type='text/css'> atau <style
• Lalu Copy Kode Di Bawah Ini , Silahkan Paste Di Bawah Kode <style type='text/css'> Ini

.container { margin: 5% auto; padding: 10px; } blockquote { font-family: 'Roboto',sans-serif; text-align: left; background: #1b9a62; position: relative; display: block; padding: 55px 20px 20px; color: #fff; margin: 20px 32%; border-radius: 3px; } blockquote:before { position: absolute; content: 'Catatan'; background: #0b6e3e; position: absolute; top: 0; padding: 9px 0; left: 0; right: 0; color: #fff; display: block; margin: 0; font-weight:700; text-indent: 15px; border-radius:3px 3px 0 0; } blockquote:after { display: inline-block; content: "\f0a1"; font-family: fontAwesome; font-style: normal; font-weight: normal; font-size: 18px; color: #fff; top: 0; right: 0; padding: 9px 14px; position: absolute; }

• Kemudian Simpan
• Atau Anda Bisa Paste Juga Di Atas Kode ]]></b:skin>

Nah Semoga Artikel Ini Membantu , Bila Ingin Melihat Hasilnya Silahkan Lihat DISINI