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 Sobat yang ingin membuat tampilan layaknya punya saya, silahkan ikuti langkah-langkah berikut :
Gambar
Contoh tampilannya seperti di bawah ini :
Contoh Blockquote Kode-Blogger
Cara Membuatnya Sebagai berikut :
- Login ke akun Blogger Sobat
- 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 {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }
.post blockquote:hover {
background:#FFFFFF url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0
}
- Simpan Template.
Keterangan :
Cara menggunakannya, waktu buat postingan baru cukup klik gambar "blockquote" yg sudah ada di form posting blogger.
Semoga bermanfaat.
Terima kasih sudah singgah di blog ID CREATIVE «« jangan lupa tinggalkan komentarnya "thanks.
