Blog Tutorial Membuat Blockquote Lebih Menarik

Untuk kali ini saya akan memberikan blog tutorial membuat blockquote lebih menarik. sehingga tampilan blog anda lebih bagus ketika anda membuat posting dengan blockquote untuk beberapa tulisan ataupun untuk sebuah kode yang membutuhkan perhatian khusus. Dalam hal ini tidak sulit ko, anda hanya mengganti beberapa code untuk blockquote sehingga blockquote anda tidak hanya block warna bahkan polos. Tentu saja anda lebih suka yang ini kan:

 

 

Untuk membuatnya seperti biasa lakukan langkah berikut:

1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.






Gb.1

2. Selanjutnya pilih tab Edit Html (Gb.2). Backup template anda dengan cara klik "Download Full Template". jika nanti terjadi kesalahan hal ini akan mudah untuk mengembalikan seperti semula






Gb.2

3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).






Gb.3
4. Cari code blockquote anda seperti dibawah ini ataupun yang mirip (karena setiap template berbeda-beda) misalnya:

.blockquote {
background:#e9d8eb;
margin:0px 25px 15px 25px;
padding:10px 20px 15px 15px;
border-top:1px solid #dddddd;
border-right:1px solid #666666;
border-left:1px solid #dddddd;
border-bottom:1px solid #666666}

5. Setelah ketemu silahkan anda ganti dengan code berikut:

.blockquote {

    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKQMscZUoWXIDCm6DeB7fZaGPs-DsvTzzUKDH_f5m-kS8mhp931yAMub0IB0rpq8Gn7ewJdWLJsqu9L-PkJLPwXdiwtEpjtBtYtsF0-EYd-WPNhmBBfjdQkt6YZyofPAewTp_rdjgy2H8/s1600/source1.jpg") repeat-y scroll 0 0 #FFFFFF;

    border-bottom-right-radius: 10px;

    border-color: #CCCCCC;

    border-style: solid;

    border-width: 1px 1px 1px 12px;

    display: block;

    font-family: Courier New;

    font-size: 11px;

    line-height: 2;

    margin: 4px;

    padding: 0 10px;

    text-align: left; }

PERHATIKAN pada tulisan .blockquote untuk setiap template berbeda jadi anda tidak perlu mengganti tulisan blockquote yg berwarna biru biarkan saja seperti yang ada pada template anda. Anda cukup mengganti codenya dengan yang berwarna merah

6. Jika sudah Save template. kini blockquote anda sudah menjadi lebih menarik.

jangan lupa juga baca ini Cara Membagi Sidebar Menjadi 2 Kolom.