Membuat Blockquote

Cara membuat blockquote blog menjadi keren dengan sentuhan css. Tapi sebelum itu, kita harus ketahui dahulu apa fungsi dari blockquote? Blockquote atau quote berguna untuk memasukkan kode kode html atau untuk kata kata kutipan di postingan atau laman blog. Oke langsung saja, berikut ini adalah caranya :

1. Pertama, masuk ke dasboard blog kalian
2. Buka Template, pilih Edit HTML

3. Cari Code " /* Posts
----------------------------------------------- */ " (tanpa tanda kutip)

4. Tekan tombol Ctrl+F untuk memudahkan pencarian

5. Copas kode di bawah ini tepat di bawah kode yang anda cari tadi.

.post blockquote {
    font-size: 15px;font-family: georgia;font-weight: normal;
    margin:20px;
    padding: 15px 15px 15px 15px;
    color:#666;
    border-left:6px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    transition-duration:1s;
    -webkit-transition-duration:1s;
    -moz-transition-duration:1s;}

blockquote:hover{transition-duration:1s;
    -webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-color:orange;
    background:#f6ebc1;
   -moz-box-shadow:0px 1px 5px #000000;
   -webkit-box-shadow:0px 1px 5px #000000;}

Cara Penerapannya di Postingan Blog
1. Buat Postingan baru yang mau anda buat
2. Klik Tombol HTML dan clik tombol seperti terlihat pada gambar dibawah ini

3. Akan terlihat seperti ini " <blockquote>Kalimat yang anda buat</blockquote> "
4. Clik tombol Publikasi dan lihat hasil nya di blog anda

"Terima kasih sudah membaca artikel Tutorial : Membuat Blockquote. Anda bisa bookmark halaman ini dengan URL https://henry-dunanz.blogspot.com/2013/12/membuat-blockquote.html. Jangan lupa klik salah satu tombol dibawah ini."