[TOP 5 Easy Method] Plus Ui How to Add Stylish Alert Box in Blogger 

हेलो दोस्तों आज हम ये आर्टिकल में कुछ नया सिखने वाले है स्टाइलिश अलर्ट बॉक्स यानि के सीधा सीधा आखो में चुबने वाला बॉक्स कहे सकते है टॉप 5 डिजाईन है इसका जो में आज इस आर्टिकल में आप लोगो के साथ सहर करने वाला हु 

पोस्ट में अलर्ट बॉक्स का क्या काम है 

Text Writing Box यानि के अगर आप इसी कोए बात या वार्निग देने चाहते है अपने ब्लॉग यूजर को इस बॉक्स के जरिये उस बता सकते है यूजर हमसा इस तरहा के बॉक्स पे ज्यादा फोक्से करते है अगर ज्यादा ही डेंजर वार्निग है तो आप अलर्ट बॉक्स यानि के रेड बॉक्स लगा सकते है 

टॉप 5 अलर्ट बॉक्स है 

1. Default Alert Box.
2. Success Alert Box.
3. Primary Alert Box.
4. Danger Alert Box.
5. Warning Alert Box.

टॉप 5 अलर्ट बॉक्स में से जो भी आप को लेगे की इस जगह ये वाला बॉक्स सही रहगा आप उसे यूज करे सकते है अगर आप रेड बॉक्स लगते हो तो डेंजर यानि खरते की घंटी का मार्क दिखाई देगा 

ब्लॉग में Alert बॉक्स क्यों जरुरी है 

सबसे पहले तो आप के ब्लॉग पोस्ट को बेहतरीन खुबसुरत बनाता है ज्यादा इंप्रूवमेंट होती है या फिर कोए भी इसी जानकारी जो अपने यूजर के लिए जरुरी होती है उनको हम अलर्ट करते है बोक्स के जरिये और विजटर का अलर्ट बॉक्स पर जरुर जाता है क्यों के पुरे ब्लॉग में सबसे अलग दिखने वाला पर्गाग्र्फ़ वोही होता है 

अपने पोस्ट में अलर्ट बॉक्स को कैसे यूज करे 

पोस्ट में अलर्ट बॉक्स लगाना इतना भी मुस्किल नहीं है सिम्पल है थोडा निचे दिए गये तरीके से आप अपने ब्लॉग में स्टाइलिश बॉक्स लगा सकते है आसान है भाई 

]]></b:skin>अपने ब्लॉग के थीम सेक्शन में जाना है और कस्टमाइज थीम पर क्लीक करना है उसके बाद आप को ]]></b:skin> सर्च करना है निचे दिए गये कोड को ]]></b:skin> इसके ठीक उपर इंटर पर्स करे के पेस्ट करे दे सिंपल सा तरीका है

 <style>/*<![CDATA[*/
/*Alert Box by Tech Govind*/ 
.avbox{ background-color:#e9ebee; color: #58606B; padding:10px; margin:20px 0px; border:1px solid #dddfe2; border-radius:5px; } 
.avbox a{ color: #1E2326; font-weight: bold; } .avbox.sucess{ color:#145724; background-color:#d4edda; border:1px solid #c3e6cb; } .avbox.sucess a{ color: #0A2E12; font-weight: bold; } 
 .avbox.primary{ color:#014286; background-color:#CBE5FE; border:1px solid #b8daff; } 
.avbox.primary a{ color: #0A315A; font-weight: bold; } .avbox.danger{ color:#7A2930; background-color:#f8d7da; border:1px solid #f5c6cb; } 
.avbox.danger a{ color: #491217; font-weight: bold; } .avbox.warning{ color:#856404; background-color:#fff3cd; border:1px solid #ffeeba; } 
.avbox.warning a{ color: #554104; font-weight: bold; } 

Paste कर देना है। और Theme को Save कर देना है