How to Add a Horizontal Line in Blogger Post
Add a Horizontal Line in Blogger Post
नमस्कार दोस्तो ! स्वागत है आपका Kevalnews.in ब्लॉग में। तो हमने इस Keval News Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना। मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है। तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा। तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है Horizontal Line के बारे में। ये Horizontal Line क्या है और इससे क्या फायदा। तो इन सभी चीज़ों के बारे में हम नीचे विस्तारपूर्वक जानेंगे। तो बने रहिये इस आर्टिकल में और जानिये विस्तार पूर्वक।
Benifit of Horizontal Line
अगर आप एक ब्लॉगर है तो यह आर्टिकल आपके लिए है। क्योंकि इस आर्टिकल में मैंने बताया है कि आप की प्रकार से Horizontal Line को अपने ब्लॉगर ब्लॉग के पोस्ट में लगा सकते है। इसे लगाने से आपके पोस्ट की सुंदरता भी बढ़ती है। वैसे मैं आपको बता दूं कि आप इस Horizontal Line का इस्तेमाल अपने अर्टिकल में दो वाक्यो को अलग करने के लिए कर सकते है। तो इसका कोड आपको नीचे मिल जाएगा। आपको इस कोड को कॉपी करके अपने पोस्ट के HTML के पेस्ट करना है। जहाँ भी आपको इस्तेमाल करना है अपने आर्टिक्ल में।
Also Read- Install Adblock Detector in Blogger
Also Read- Add Download Button in Blogger
Also Read- Best Free Template For Blogger
Code For Horizontal Line
1. The code-
<hr>
The visual result-
2. The code-
<div style="border-top: 2px dashed #DB1200; margin-top: 1em; padding-top: 1em;"> </div>
The visual result-
3. The code-
<div style="border-top: 2px dashed #0B5394; margin-top: 1em; padding-top: 1em; width: 400px"> </div>
The visual result-
4. The code-
<div align="center">
<div style="border-top: 2px dashed #38761D; margin-top: 1em; padding-top: 1em; width: 400px"> </div>
</div>
The visual result-
5. The code-
<div align="center">
<div style="border-top: 2px dashed #C27BA0; margin-top: 1em; padding-top: 1em; width: 400px"> </div>
</div>
The visual result-