Cara Menciptakan Boxes Notification Atau Kotak Catatan Di Blogger

Baca Juga

Boxes Notification ialah sebuah kotak peringatan atau kotak catatan tujuannya ialah untuk menciptakan sebuah peringatan kepada pengunjung. Biasanya peringatan itu dalam sebuah goresan pena tujuannya untuk memberitahukan info penting catatan yang perlu diperhatikan. Boxes Notification ini tidak absurd lagi dikalangan blogger alasannya ialah ini biasa dipakai oleh sebuah blog yang membahas tutorial. Dengan adanya Boxes Notification ini memudahkan pengunjung dalam memilah point penting dalam suatu artikel. Contohnya dapat Anda lihat sendiri pada gambar diatas, dengan tampilan yang minimalis ditambahkan Icon Volume memakai Font Awesome Icons Bootstrap menyebabkan Boxes Notification ini menjadi yummy dipandang. Saya rasa cukup deskripsi pengertian Boxes Notification selanjutnya kita akan praktekan cara pembuatannya.

Cara Membuat Boxes Notification atau Kotak Catatan di Blogger

Cara Pertama :

1. Buka Blogger - Kemudian Login.

2. Dashboard - Tema/Template.
3. Tema - Edit HTML

Proses Pembuatan :

1. Temukan kode ]]></b:skin> atau </style>
2. Copy & Paste arahan berikut ini dan letakkan diatas kode ]]></b:skin> atau </style>

/*Notification Boxes*/  .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); }

3. Save Template.

Cara Menggunakan Boxes Notification di Blogger

1. Buat Entri Baru.

2. Kemudian Tekan Menu "Quote" di samping kanan "Bullet List" pada Bar Action Blogger

Demikianlah Tutorial Blogger kali ini, Jika terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda buat artikel jangan lupa di block biru dulu kata-katanya lalu tekan tombol "Quote" . Sekian dari saya, Semoga Bermanfaat! Thanks for Reading : Cara Membuat Boxes Notification atau Kotak Catatan di Blogger