√ Cara Menciptakan Catatan (Note Box) Berwarna Di Blogger

Cara Membuat Catatan (Note Box) Berwana di Blogger -  pada kesempatan kali ini ini analisyuki akan membagikan bagaimana cara menciptakan catatan/blockquote berwarna di posting blog.

Sebelumnya aku sudah pernah share cara menciptakan blockquote berna dengan icon yang berada di sampingnya, namun pada kesempatan kali ini aku akan membagikan cara menciptakan kotak catatan (note box)  mudah dan sederhana pada postingan blog.

Sebenarnya fitur box quote sudah ada di dalam postingan blog kita, namun aku akan membagikan note box ini dengan tampilan warna-warni, sederhana namun menarik dan lezat untuk dilihat dan tidak membosankan untuk dilihat alasannya mempunyai warna yang bervariasi.

Penggunaan catatan (note box) berwarna pada blog ini berdasarkan aku sangat bermanfaat, ialah semoga pembaca sanggup mengetahui poin-poin penting yang dihentikan dilewatkan untuk dibaca  terdapat isi artikel yang kita buat.

Cara Membuat Note Box Berbagai Warna di Postingan Blog

1. Buka Blog > pilih Tema > lalu Edit THML

2. Letakkan isyarat ini sempurna berada di atas isyarat ]]></b:skin> atau </style>

/* Note Box Color */ .note-yellow{background:#f8cf82;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0} .note-blue{background:#7eaecf;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0} .note-green{background:#5dc698;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0} .note-red{background:#fb7073;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0}

3. Jika sudah pilih Simpan Tema

4. Untuk menerapkannya di dalam postingan anda > buat Postinga Baru > pilih hidangan HTML (bukan compose) > lalu letakkan isyarat ini di dalamnya

Untuk kote Box Warna Kuning

<div class='note-yellow'>TULIS-CATATAN-ANDA-DISINI</div>

Untuk Note Box Warna Biru

<div class='note-blue'>TULIS-CATATAN-ANDA-DISINI</div>

Untuk Note Box Warna Hijau

<div class='note-green'>TULIS-CATATAN-ANDA-DISINI</div>

Untuk Note Box Merah

<div class='note-red'>TULIS-CATATAN-ANDA-DISINI</div>

DEMO

Sekian Saja Penjelasan dari aku perihal Cara Membuat Note Box Berwar pada Postingan Blog, Jika ada hal yang kurang dipahami sanggup pribadi bertanya, Terimakasih.

Sumber http://www.analisyuki.com/