Beautiful Alert boxes for blogs and websites


Using alert boxes is a great way to interact with blog post readers, You can display an alert message box to give a special announcement, provide information, or warn the readers about special things before they view the full contents of your site or blog. The alert boxes make article reading much more intrusting and contain your message, your provided information, and warnings to proceed.

Features Included:

FeturesAvailablity
Material colors
Eyes catching degine
HTML
Css
Java

install in blogger

login to blogger dashboard and go to Template >> Edit HTML >> Search for
]]></b:skin>
and just above it paste the following CSS

.alert {
background-position: 2% 7px;
background-repeat: no-repeat;
background-size: auto 30px;
background-color: #ecf0f1;
border: 0;
min-width: 100%;
text-align: left;
padding-left: 68px;
}
.alert.feeds-danger {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAegAAAHoCAMAAAC1jow+AAACQFBMVEUAAADnTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDzpZ4ZqAAAAv3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdJSktMTU5PUFFSVFVWV1hZW1xdXl9hYmNkZmdoaWtsbW9wcXN0dXd4eXt8fn+AgoOFhoiJi4yOj5GSlJWXmJqbnZ6goqOlpqiqq62vsLK0tbe5ury+wMHDxcfIyszOz9HT1dfZ2tze4OLk5ujp6+3v8fP19/n7/astjCAAAA2bSURBVHja7d37n031Hsdxc7+aMYPcJddDSkq5HA6lFBFRSumMQymllA4RkVIiknImEnKZxn2YMfe99+dfO0nKZc/M2mt/11rf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);
border-top: 3px solid #e74c3c;
border-bottom: 3px solid #e74c3c;
color: #e74c3c;
}
.alert.feeds-info {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAegAAAHoCAMAAAC1jow+AAAB0VBMVEUAAADxxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA/xxA8tYvHUAAAAmnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESFBUWFxgZGhscHR4gISIjJCYnKCkqKywtLjAxMjQ1Njc4OTs8PT9CQ0RFSkxNT1BRUldYWVtcXV5fYWJjZGdoaWtsbW9wcXN0dXh5fn+Cg4WIi4yOj5GSlZeam52eoKKlqK2vsLK0tbe5urzAwcXIzM7P0dPV19nc4OLk5ujp6+3x8/X3+fv9q7zc7wAABwZJREFUeNrt3XtXVFUYwGEHwSTN0uxKWmZlZaVmN6Msu2GZJll2QSqt7KqVZlhRooYWFaEkOvvT9t8ECuoamL3P2ef5fYJZ77POOe/smbXOvHllr3bLM+9+8+PxEy1q6Ievdj5+wzwl7u5PLoQInX3nJrNO2LrhEK0jXeadqKU/hah92mHmKequh8j9s9LU47c3JOhZc4+9ax8MSdpu9HH7KiTqJbOPWX9I1kbTj9fGdM7hvNOTaHVOJIQOJ2oEInUgJG0LgTh1pXUOE+0MonQ4MXR4hUGMrkvtHMYgxOjl5NDhTgoRGkoP/RaF1tee3jmcxND6bi0AdGjj0PI2FAF6CYeWt6UI0HdwaHmvFQF6NYeW11sE6Ac5tLw3iwC9lgNogRZogQYNGjRo0KBBgwYNGrRAC7RACzRo0KBBgwYNGjRo0KAFWqAFGjRo0KBBgwYNGjRo0AIt0AIt0KBBgwYNGjRo0KBBgxZogRZo0KBBgwYNGjRo0KBBC7RAC7RAgwYNGjRo0KBBgwYNWqAFWqBBgwYNGjTokuWN8BVpWxGgV3NoeS8WAXoFh5b3WBGgb+DQ8rqKAD2fQ8tbUADnPzBEaDg9dB+FCG1PD30PhQgtTe48XqMQo8HU0L0MorQ6sXP9GgZxGkgLvYNApK6vp3QeaSMQq+dSQt9m/vH6Mp3z86YfsVqyx/T7hh+1+Ym+Y31k9JFrO5TCeZfBx29ndObzG009RXf9Edd5YImZJ1rJXjwbj/n0egNP+KR+MtJSdmCNYSdu4dqdB4fHWnZWdmH0+OdbV/lHiSRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiQpcovv29y7Z+++AvTh7p5Hb2kj0oq6+sdCsap//0Q7lzlu3XAoYhd2L2Qzh908FIra+RdqfOaqbaHI/XotoTmp7XAoduMrIc1BHcdC0as/hGnWzT8eStD9oGZZ7WgZnMOF21DNrr5Qjv7uYDWb1oSydAjWbBbuP0sDHR7G1Xxby+Mc/nZw0vzG/W+JoMNTwJqtu0zO4TSwZhsqFXRYTqy5OsvlHF5F1lyPlAx6EFlz7SoZdLB3N9d3ZYNexKypTpUN+nZmTXWmbNB3M2uqetmgH2DWVGVzDmuZgRZo0KBBgwYNGjRo0KBBgwYNGrRACzRo0KBBgwYNGjRo0KBBgwYNWqAFGjRo0KBBgwYNGjRo0KBBC7RAgwYNGjRo0KBBgwYNGjRo0KAFWqBBgwYNupyNg65GI6Cr0QDoatQPuhptAl2NloGuSKOgq9F20NVoMeiKtB90RS7pOuhq1AO6GtUGQVejhWdAV6Pl50BXoxUToCtyTZ8BXZHn9CDoiuzePXXQFTk52Q+6KtQ7RkFXpGWb+gdGxkFXujdBgwYNGjRo0KBBgxZogRZogQYNGjRo0KBBgwYNGrRAC7RACzRo0KBBgwYNGjRo0KAFWqAFGjRo0KBBgwYNGjRo0AIt0AIt0KBBgwYNGjRo0KBBgxZogRZo0KBBgwYNGjRo0KBBC7RAC7RAgwYNGjRo0KBBgwYNWqAFWqBBgwYNGjRo0KBBgwYt0AIt0AINGjRo0KBBgwYNGjRogRZogQYNGjRo0KBBgwYNGrRAC7RACzRo0KBBgwYNGjRo0KAFWqAFWqBBgwYNGjRo0KBBgwYt0AIt0KBBgwYNGjRo0KBBgxZogRZogQYNGjRo0KBBgwYNGrRAC3SFW3zf5t49e/dN129FgD467Ufb2/fG06uuoXe1dfWPhRL3++tLGV5F64ZD6TuyguMVunkoZNGBTpaXa1vIpXOP0JyxtsMho94BOkMdx0JWfVpjOl3zj4fM2g91mmpHQ3a9h/XS+kKGred6cWtydA4T15K9aOH+M0vo8B3aqW0NmbaK7ZSN+99coX+GO7nukG030Z3UUL7Qb9P9v858ncMo3v97OGPosIhvo105Qz/It9G3OUO/wLfRqZyh9/BtdCZn6E/4NqrnDP0130Y5O4eDfEGDBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGiBBg0aNGjQoEGDBg0aNGjQoEGDBg0aNGjQoEGDTt0Bvo3Gc4b+jG+jkZyhP+DbaCBn6Nf4NurPGfpRvo025Qx9I99GyzJ2nvBe+EmN5gv9Bd1J7cgX+l66k1qcrfNf7txT2p8rdDfbqZd0pm9E+t0FfVE9eUJ7IfzF1QZzdO4De0kLM3xv4S9u3NO0/Fxuzqc6qE7XionMFrFOpjNc01ndvYcWEJ3xOZ3RRvZxG8/L7N49mXyfHtsA8wonJzmckZ3vbSd5ZeodJf8t6+Rm2/ZVtmxT/8BICf8xePb0od0bFhVypP8BDZ6Pc3mRBaAAAAAASUVORK5CYII=);
border-top:3px solid #f1c40f;
border-bottom:3px solid #f1c40f;
color: #f1c40f;
}
.alert.feeds-success {
background-image: url(data:image/png;base64,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);
border-top:3px solid #27ae60;
border-bottom:3px solid #27ae60;
color: #27ae60;
}

And use below html to apply in your post/article
<div class="alert feeds-danger"> Opps! there is problem.</div> <div class="alert feeds-info"> Hey, you know?</div> <div class="alert feeds-success"> Yep! Its all right.</div> </div>

You Might Also Like:

Comments:

 
We use users cookies to improve user experience. or