Easy Way To Change Bullet Style in Blogger Template
नमस्कार दोस्तो ! स्वागत है आपका Technology Tips Abhishek ब्लॉग में।तो आज के इस Article में हम बात करने वाले है Change Bullet Style in Blogger Template बारे में। So ये क्या है और इन्हें हम कैसे अपने Blog Post Impliment कर सकते है। And इन सभी बातों को हम इस आर्टिकल में जानेंगे। So बने रहिये इस Article में और जानिए विस्तार पूर्वक।
What is Bullet in Blogger?
So अगर आप Bullet का नाम सुनके बन्दुक की गोली समझ रहे है तो शायद आप गलत है| क्योकि हम बात कर रहे है ब्लॉग्गिंग के क्षेत्र के Bullet के बारे में| and अगर आप एक ब्लॉगर है तो शायद आपको इस Bullet के बारे में जरुर पता होगा|
But अगर आपको नही पता तो मैं आपको बता दूँ की Bullet के➤ Style होता है ब्लॉग पोस्ट में Short Pragraphs को स्थायी करने के लिए| and ये Bullet आपको हरेक ब्लॉग्गिंग प्लेटफार्म जैसे Blogger & WordPress में उपलब्ध होते है|
जब आप आर्टिकल या पोस्ट लिखने के लिये Post Writing Section में जाते है| तब आपको उपर की तरफ ये Bullet देखने को मिल जाता है| and ये दो प्रकार के होते है|
[wbcr_html_snippet id=”4074″]
- पहला Bullet नंबर स्टाइल में!
- दूसरा Bullet कोई खास Icon स्टाइल में!
Why To Change Bullet Style in Blogger?
SO अब बात आती है की हमे क्यों ब्लॉगर में Bullet Style को चेंज करने की जरुरत पड़ती है| and वैसे मैं आपको बता दूँ की जब भी कोई टेम्पलेट आप ब्लॉगर में इनस्टॉल करते है| तो उस टेम्पलेट में Default Bullet Style होते है|
But कई बार हमे वो Default Bullet Style पसंद नही आता है| तो उस स्तिथि में हम अपने ब्लॉग में इस Bullet के Style को चेंज करना चाहते है|
Change Bullet Style in Blogger Step By Step
So अब जानेंगे की कैसे हम अपने➤ Blogger टेम्पलेट में Bullet स्टाइल को चेंज कर सकते है| वैसे तो इसे इस Bullet को हम आसानी से नही चेंज कर सकते है| क्योकि यह सभी चीज़े Coding के जरिये ही सम्भव है|
लेकिन आज मैंने आपको कुछ ऐसे Ready CSS Code दूंगा| जिसके जरिये आप आसानी से अपने Bullet Style को चेंज कर सकते है|
- सबसे पहले आप ब्लॉगर में डैशबोर्ड में लॉग इन करे|
- अब थीम में जाकर Customize पर क्लिक करे|
- अब Advance पर क्लिक करे और Add CSS पर क्लिक करे|
- So उपर जो भी बताया गया है| उन सभी Steps को Follow करने के बाद अब आपको निचे जो CSS Code दिया गया है| and इनमें से जो भी Bullet Style पसंद आये| उस Bullet के CSS को आपको अपने ब्लॉगर के Add CSS Box में Paste करके Save कर देना है|
.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxmPpNy5hgsFE6KxwFFt3_nEwmxNWIeduB3H1zkAZt-zGsN0-kDWVRxAPjttXzG13nfL4PkGxeLcHKFkz8JV0xo38mIJMtrTJ8awvsE5M3p5eR9Bh6Eeui0fzKjCr27otbz53OZcprppY/s400/255.gif');
}
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAy4F-aW2017JuPVhiwAgsBKeYG8Es63aOHaCDixl7YXx716NunD7WPr0EYypqvCordmi5BMYzbfFyZxoeYlZjIIy_49E_5cSEPu0UhhpGrL9jrb1diFgaW1czim_fWPpMz3xOi4XF5OH/s1600/bullet_blue_arrow.png');
}
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3cu_mCGj0Mj4D0YlwDep2lyHJGFsJmtvYWe0SCBGG-_uAa9oWHMtOtord3XAXdICag6RgpSjyZ7YzHGZ6jEFwo6JbcJZchgpAf0p9DlbFVJsv2vTQBhOT9tF8bwdfwmen11gfLNIgNlC/s1600/bullet_error.png');
}
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPJ5bB_7aXCP7wjhBB4zwI02fz9dL_e2MnevYeDKqbrgeuM2dvE8PNz9Q5Buv9jSJxvaaDUg4YovjtVVDK7g-uHkfGQdk-rduaF3D-_ip2xl08fQLsU9_mnhjmRB283DxHiqhJZ5b73mh4/s1600/bullet_home.png');
}
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlhMSuoG7QXn9FzVs7Ot1Q15UFYjs9CYIHb9_TzPCmxgffH0LF_1U2YqjltB9xPp7BM0LUz_8LSWhQlMgbFxMW-FootO1VoHMm9HMGlswXGf9KNgfxDL7MrlbYUV1vrdybO_qoNuglO64Y/s1600/bullet_tick.png');
}
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN4Oocm-2ZOAA-q2Kn9-etp9VqUTR_ysCepmWU0O6uZRxnFmwZoSkNKkv_8i7IqedghGwsBtnc3LD0W_dII8efXBnmjgWjDQa5NEEdIzJqqacKq96drS-UHeDbiXKRD_nnE-HCXhf1YbA/s1600/star_bullet.png');
}
- Heart Bullet Style For Blogger
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi4VcNXMCmfcCOUK1mFSUM9QSQqFX7Nv5DV6NzqvE90xEgwXkxAl_4fKdEynooKlDMJnrSf1ETleDmWQW-L7tF7wy8Rjxq-La18YTQ8WY96CDzYNdwYHw-fwdb3MLJtWOcW4xRA4Z-FEM/s1600/Love+icon.png');
}
- Green Plus Bullet Style For Blogger
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimv_uzDFGelru-bfO6qjQl6VGN50X-lU9Z3wSUaYBrIfSVyP-bHGcu-p30_JiiLtwK-XpIBAl_8xKlBNb4Z2__PvU3xQmzK6kKQVQVVriDT398VgBtXWy6abs3NKSLdz2htx1rvfPVPbI/s1600/Green+plus.png');
}
इतने सभी स्टेप्स को कम्पलीट करने के बाद उम्मीद है की आपके Blogger Template का Bullet सफलतापूर्वक Change हो चूका होगा|
निष्कर्ष– And आपको यह Change Bullet Style in Blogger Template का आर्टिकल कैसा लगा। So आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं। And किसी प्रकार का सुझाव देना भी चाहते है| So आप नीचे Comment Box में अपनी राय हमारे साथ Share कर सकते है।
