Mengganti Tampilan Blockquote Blogger

Cara 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. Mengganti Tampilan Blockquote Blogger

Judul : Mengganti Tampilan Blockquote Blogger
Rating : 10 out of 10 based on 98 ratings. 99 user reviews.
Ditulis Oleh Unknown
Hompimpapa | Download - Tips Trik - News

Share to

Facebook Google+ Twitter Digg

Anda sedang membaca artikel tentang Mengganti Tampilan Blockquote Blogger dan anda bisa menemukan artikel Mengganti Tampilan Blockquote Blogger ini dengan url http://hompimpapa.blogspot.com/2013/05/cara-mengganti-tampilan-bloquote.html , anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Mengganti Tampilan Blockquote Blogger ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Mengganti Tampilan Blockquote Blogger sumbernya.

Artikel terkait :

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di hompimpapa