Artikel yang ane cari-cari dari dulu, yaitu blockquote yang tampilannya cantik dan menarik dilihat, ane kira itu bukan blockquote melainkan text area yang diberi background, tp ternyata ane salah... hehee
Nah, karna itulah kali ini saya akan bahas cara membuat blockquote.
Seperti yang sudah kita tahu Pada blogger sendiri sudah ada fitur Blockquote , tetapi setiap tampilannya berbeda tergantung kode CSS yang ada pada tempalte blog Sobat.
Bagi Sodara² yang ingin membuat tampilan layaknya punya ane, silahkan ikuti langkah-langkah berikut :
- Login ke akun Blogger
- Masuk Tata Letak
- Edit HTML
- Beri centang pada "Expand template widget"
- BackUp template sobat dulu, dengan cara klik "download template lengkap"
- Cari kode Berikut : .post blockquote {
- Berilah imbuhan, sehingga kodenya jadi seperti berikut :
.post blockquote {Simpan Template.
background:#D7E8F0 url(http://i1123.photobucket.com/albums/l554/kukunt/quote-4.png) no-repeat scroll 0 0;
border-color: #4e3425;
border-style: dotted;
border-width: 1px 1px 1px 1px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 10px 10px 10px;
width:95%; }
.post blockquote:hover {
background:#FFFFFF url(http://i1123.photobucket.com/albums/l554/kukunt/quote-7.png) no-repeat scroll 0 0
}
0 komentar:
Posting Komentar