Cara Merubah Tampilan Quote pada Posting Blog

http://sedikitsoftware.blogspot.com/
SedikitSoftware.blogspot.com - Cara Membuat atau Merubah Tampilan Quote Di Posting Blog .
 kali ini saya berbagi tips merubah tampilan QUOTE pada postingan blog, contohnya bisa dilihat pada quote dibawah ini,

Keren Ga ? Colorfull bangetkan hahaha
Langkah-langkah
1. Buka akun Blogger anda => Masuk ke "Template" => Pilih "Edit HTML"
2. Tekan CTRL+F dan cari tulisan blockquote { atau .post blockquote {
3. Ganti kode blockquote { bla..bla..bla.. dengan script dibawah ini

blockquote { font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic; background-color: #F1000; 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;
}
blockquote:hover { background-color: darkgreen ; color: #fff;
}
blockquote:active { background-color: CornflowerBlue  ; color: #000;
}
4. Simpan Template anda

Keterangan :
script warna merah bisa anda ganti dengan warna sesuka anda, contoh red, yellow dsb.

 Semoga Bermanfaat .

0 komentar:

Posting Komentar