Cara Membuat Alert Box Diblog

•   Login akun blogger anda seperti biasa.

• Pergi ke Template - Edit HTML dan cari kode ini]]> </ bskin> Kemudian pasang kode berikut tepat    di atas kode]]> </ b: skin> penggunaan Ctrol + F untuk lebih cepat..

.tip {
text-decoration: blink;
background: #FFC url(URL IMAGE ANDA) center no-repeat;
margin: 0 auto;
width: 90%;
display: block;
border: 1px solid #D5B900;
background-position: 7px 50%;
padding: 10px 10px 10px 45px;
vertical-align: text-top !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tip:hover{
 box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

Nota:- YOUR IMAGE URL that you please replace with YOUR IMAGE URL

• Pada saat Anda membuat posting pilih HTML (Selain Compose). Dan menempatkan kode ini di dalamnya.

<div class="tip"><blink>Nota:- </blink>TEKS ANDA</div>

Pilihlah Menurut kalian bagus

<div class="md1">TEKS ANDA DI SINI</div>

Ini contoh 1 dari 9 macam text area super elegant di blog


<div class="md2">TEKS ANDA DI SINI</div> 
Ini contoh 2 dari 9 macam text area super elegant di blog

 <div class="md3">TEKS ANDA DI SINI</div>
Ini contoh 3 dari 9 macam text area super elegant di blog

 <div class="md4">TEKS ANDA DI SINI</div>
Ini contoh 4 dari 9 macam text area super elegant di blog

 <div class="md5">TEKS ANDA DI SINI</div>
Ini contoh 5 dari 9 macam text area super elegant di blog

 <div class="md6">TEKS ANDA DI SINI</div>
Ini contoh 6 dari 9 macam text area super elegant di blog

 <div class="md7">TEKS ANDA DI SINI</div>
Ini contoh 7 dari 9 macam text area super elegant di blog

<div class="md8">TEKS ANDA DI SINI</div>
ni contoh 8 dari 9 macam text area super elegant di blog

<div class="md9">TEKS ANDA DI SINI</div> 

Ini contoh 9 dari 9 macam text area super elegant di blog