Cara Membuat Kotak Catatan Penting / Blockquote Keren

Hallo kawan-kawan dan selamat pagi. semoga anda dalam keadaan sehat dan kondisi baik. kali ini saya akan membagikan tutorial cara membuat kotak blockquote keren untuk blog anda.
kotak catatan ini sangat berguna untuk pengunjung blog anda agar pengunjung lebih enak melihat tampilan dan mengetahui catatan penting yang di buat oleh si pembuat artikel tersebut. para blogger pun senang sekali memakai kotak blockquote ini. Apabila anda belum tau cara membuat show anda hide komentar di blog, anda bisa coba juga tutorialnya.


cara membuat kotak catatan penting menjadi keren


Contoh Kotak Blockquote

Cara Memasang Kotak Catatan Atau Blockquote

1. login menggunakan akun blogger anda.
2. pilih menu theme > Edit Html
3. setelah anda sudah di tampilan edit html, cari script </head> dan letakkan kode di bawah sebelum kode </head>
<style type='text/css'>

/*Blockquote Catatan*/

.post-body blockquote {

    text-align: left;

    background: #6591c2;

    position: relative;

    display: block;

    padding: 55px 20px 20px;

    color: #fff;

    margin: 10px 0;

    border-radius: 3px;

}

.post-body blockquote:before {

    position: absolute;

    content: 'Catatan';

    background: rgba(255,255,255,1);

    right: 3px;

    left: 3px;

    top: 3px;

    padding: 5px 20px;

    display: block;

    font-weight: 700;

    border-radius: 3px 3px 0 0;

    color: #6591c2;



}

.post-body blockquote:after {

    position: absolute;

    content: 'f027';

    right: 10px;

    bottom: 5px;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    font-size: 160%;

    color: rgba(255,255,255,.6);

}

</style>
4. simpan themplate

Cara Menggunakan Blockquote
1. buatlah sebuah artikel 
2. block kalimat yang mau di buat menjadi catatan penting
tutorial cara menggunakan catatan penting untuk blogger

3. klik fitur blockquote seperti gambar di atas dan lihat hasil jadinya
4. selesai.

Demikianlah tutorial bermanfaat ini, semoga bermanfaat bagi anda untuk mempercantik lagi tampilan blog anda semua. terima kasih sudah berkunjung di blog sederhana ini.

0 Response to "Cara Membuat Kotak Catatan Penting / Blockquote Keren"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2