Membuat Kotak Warna Pada Posting Blogger

Niat Ngeblog - Sering kita jumpai di sebuah blog terdapat kotak warna yang berisikan kalimat atau pun catatan yang dianggap penting oleh penulis. Ada beraneka macam caranya untuk menapilkan kotak warna tersebut, berikut salah satunya.

Ikuti langkah berikut ini :

1. Buka Account Blog kamu dan pilih menu Design.

2. Kemudian pilih Edit HTML.

3. Aktifkan terlebih dahulu kotak Expand Widget Templates.

4. Letakkan kode berikut di atas kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted
#223344;border-left: 1px dotted #223344;border-right: 1px
dotted #223344;}

Note : Kamu dapat mengganti warna kotak tersebut dengan mengganti kode DDE4FF sesuai dengan warna yang kamu kehendaki. Untuk melihat kode warna tersebut, bisa kamu dapat, salah satunya pada sofwer photoshop di pengaturan warna.

5. Save Template

Untuk menggunakan widget tersebut berikut caranya :

1. Masuk pada menu Posting dan pilih New Post.

2. Masukkan kode berikut pada post yang kamu buat.

<p class="alert">
TEXT ANDA
</p>

3. Tapi perlu diingat, pilih Edit HTML terlebih dahulu sebelum kamu memasukkan kode tersebut.

4. Setelah kamu meletakkan kode tersebut, pilih kembali menu Compose untuk mengatur post kamu kembali.

5. Jika sudah benar maka lakukan Publish Post

Selamat mencoba