Cara Modifikasi Blockquote Di Blog

Blockquote tag HTML yang digunakan untuk menerapkan quote atau sebuah kutipan pada artekl. tujuannya untuk memblog tulisan atau teks yang di anggap penting.

Selebihnya blockquote ini memudahkan pengunjung mengetahui atau memahami bagian yang terpenting didalam artikel terkait, Nah dibawah ini akan saya berikan sebuah gambaran atau sebuah contoh agar anda bisa lebih mengerti apa yang di maksud dengan Blockquote.

Tip yang pertama yang anda harus lakukan adalah mencari kode .post blockquote atau blockquote

Untuk mencarinya anda harus masuk ke Tata Letak setelah itu anda masuk ke Edit HTML, Jangan lupa untuk mencentang Expand Template Widget. Lalu tekan Ctrl. F biar lebih cepat untuk pencariannya. Setelah anda menemukan kode tersebut anda harus merubahnya dengan kode dibawah ini. Pilih menurut selera anda mana yang bagus dan mana yang menurut sobat cantik.

TAMPILAN 1

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

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba

TAMPILAN 2

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba

TAMPILAN 3

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px;}

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba

TAMPILAN 4

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid rgb(56, 97, 11); padding: 10px;}

Hasilnya Seperti Ini:

sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba

Silahkan dicoba mulai dari sekarang. Semoga sukses dan berhasil untuk mencobanya.