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.

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

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.

Surya Seorang mahasiswa yang senang membagikan informasi yang sudah saya dapatkan. Informasi yang saya tulis blog ini, sesuai pengalaman saya dari pertama blog.

Berbagi :