Sunday 23 December 2012

Cara Membuat Blockquote Gambar Keren Pada Blog  | Kang zain kali ini ingin share mengenai Cara Membuat Blockquote blog tentunya agar menarik dalam postingan. blockquote adalah sebuah kutipan pada blog dengan tanda petik. Jika Blockquote Postingan blog dibuat yang menarik pastinya enak untuk dibaca dan ini dapat memberi efek beda pada halaman postingan lebih keren. Nah jika sobat masih bingung Berikut contoh gambar dari Blockquotenya:



Kalau sobat sudah paham yang dinamakan Blockquote dan tertarik Cara Membuat Blockquote Blog, berikut caranya :

Cara Membuat Blockquote Blog
 
  • Masuk ke akun Blogger sobat.
  • Untuk antisipasi, Backup Template dulu jika sobat khawatir salah memasang kodenya.
  • Pilih Template �� Edit HTML. Jangan lupa centang expand template widget
  • Cari kode dibawah ini:
    .post-body blockquote { line-height:1.3em; }
    Atau
    .post blockquote{ ...............................}
  • Jika sudah ketemu langkah selanjutnya hapus kode diatas dan ganti dengan kode berikut :
    blockquote {
    margin : 0 20px;
    padding: 60px 30px 40px 20px;
    background : #F1F8FE no-repeat 350px 5px;
    font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
    color : #000;
    border-left: 8px dotted #DAB547;
    }
    blockquote p {
    margin: 0;
    padding-top:10px;
    }

0 comments:

Post a Comment