Sebelumnya saya sudah membahas Membuat BlockQuote Keren., kali ini saya juga akan membuat BlogQuote yang Keren lagi..
Bagaimana sih tampilan-nya? Penasaran..
Lihat Contoh: disini!
Bagaimana? tertarik untuk membuat blockquote seperti itu.,
yuk, kita langsung ke tahap pembuatan-nya..
Ikuti langkah-langkah berikut ini:
1. Login ke Akun Blogger
2. Klik Design/Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (BackUp Template terlebih dulu)
4. Cari kode: ]]></b:skin>
Lalu letakkan kode CSS berikut! diatas kode ]]></b:skin>
.post-body blockquote {Nb. Perhatikan CSS diatas yang berwarna merah. Kamu dapat mengganti warna tersebut sesuai dengan selera masing-masing. Pergunakan Tool Kode Warna.
background-position:-10px -7px;
border: 1px dashed #339966;
margin: 10px;
padding: 10px;
background:#ffff99;
text-align: justify;
line-height:1.4em;
}
.post-body blockquote:hover{color:#ffccff; font-size:18px; background:#9999ff;}
.post blockquote{ margin:1em 15px}
.post blockquote p{ margin:.75em 0}
5. Save/Simpan Template, dan lihat hasilnya,,
Note.
Thanks for reading! Suka dengan artikel ini? Kamu bebas menyebarluaskan, mau menggunakan sharing is sexy tool. Atau kamu mau co-pas, gunakan kode yang ada didalam text area sebagai sumber/link back artikel ini. Gunakan Etika!!
0 comments:
Post a Comment
Silahkan tinggalkan komentar sebagai respon atau untuk bertanya.
Jangan SPAM ya, No SARA, No P0RNo!
Mohon tidak meninggalkan link di dalam comments.
Komentar berisi LINK & tidak sesuai judul akan segera dihapus!