Mengganti Tampilan Blockquote Blogger -Berbicara mengenai merubah fitur dari blogger, pada kesempatan kali ini saya masih ingin berbagi cara untuk menjadikan bloquote blog anda semakin enak untuk dilihat. Bagaimana caranya? Yuk kita mulai tutorialnya.
Pertama-tama yang harus anda lakukan adalah seperti biasa yaitu :Langkah 1 : Masuk akun blogger >> Dashboard >> Pilih menu Template
Langkah 2 : Pilih yang edit HTML
Langkah 3 : Cari kode di bawah ini (Gunakan bantuan CTRL + F agar lebih mudah) :
.post-body blockquote
Langkah 4 : Kalo sudah ketemu ganti dan copy paste kode di bawah ini :
.post-body blockquote{ font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic; background-color: #F2F1F1; color: #000; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; border-radius: 10px; box-shadow: -1px -1px 12px 2px gainsboro; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; }
.post blockquote:hover { background-color: darkred ; color: #fff; }
.post blockquote:active { background-color: CornflowerBlue ; color: #000; }
NOTE : setiap template berbeda beda CSS buat Blackquote ini
Cara Menggunakan Bloquotes Pada Blog
Secara otomatis kamu bisa menggunakan bloquotes ini dengan memblok kalimat yang ingin kamu masukkan dalam bloquote, kemudian tekal icon seperti yang saya tandai di bawah ini :
Untuk Menggunakan secara manual :
<blockquote>
Kode Yang Kamu Ingin Masukkan/ Text Yang Ingin Kamu Masukkan
</blockquote>
oke itu saya Trik dari saya :) kalo ada yang masih bingung silahkan komen dibawah ini.
About
Tags
Popular
