Modifikasi Blockquote di Blogger

\ \ 11 comments
Tanpa basa-basi langsung menuju tutorial, tapi diselingi yang berikut ini dulu ya.
Blockquote merupakan sebuah fasilitas dalam Blogger yang fungsinya untuk membedakan antara tulisan artikel atau postingan dengan kode, kutipan, atau kalimat yang dianggap penting.
Dalam tutorial kali ini saya akan memodifikasi blockquote menjadi seperti ini

Nah ini dia tutorialnya.
1. Login ke akun Blogger sobat.
2. Masuk tab Rancangan ==> Edit HTML.
3. Cari kode seperti di bawah ini.
.post-body blockquote {
bla
bla
bla
}
atau seperti ini
 .post blockquote {
bla
bla
bla
}
 Ket: kode bla merupakan kode yang mempengaruhi bentuk dari blockquote di blog sobat.
Dalam tutorial ini saya mengganti kode bla tersebut dengan kode seperti di bawah ini.
.post blockquote {
background:#fff;
border-left:5px solid black;
text-shadow: 0 0 2px #999;
max-height:300px;
overflow:auto;
padding:0 20px 0 30px;
text-align:left;
}
 4. Simpan template sobat.
Sekian tutorialnya, wassalam.

11 comments:

  1. Mantab bro template barunya, :) ane d ajari ya bro?

    BalasHapus
  2. @RoynHanya iseng aja sob, ngotak ngatik template yaga lama..tp jadinya gini ya lumayanlah tampilannya..hehehe
    makasih dah mau mampir..

    BalasHapus
  3. boleh juga tuh,,, oke akan ane catet buat pengetahuan.. makasih boz infonya..

    BalasHapus
  4. Keren banget sob.. Thanks 4 share

    BalasHapus
  5. @Lineonmakasih sob, thanks udah mampir..

    BalasHapus
  6. mmmmmmmmmmmaaaaaaaaaaaannnnnnnnnntttttttttttttaaaaaaaaaaaaapppppppppppp

    BalasHapus