Cara Merubah Tampilan Quote pada Posting Blog
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,
Langkah-langkahKeren Ga ? Colorfull bangetkan hahaha
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;4. Simpan Template anda
}
blockquote:hover { background-color: darkgreen ; color: #fff;
}
blockquote:active { background-color: CornflowerBlue ; color: #000;
}
Keterangan :
script warna merah bisa anda ganti dengan warna sesuka anda, contoh red, yellow dsb.
Semoga Bermanfaat .
0 komentar:
Posting Komentar