Skip to main content
Home Telegram Contact About Support Blog Tools Base Custom More Logo Friends Partners People Workl Work Work Work Work Work

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 क्या है और इससे क्या फायदा। तो इन सभी चीज़ों के बारे में हम नीचे विस्तारपूर्वक जानेंगे। तो बने रहिये इस आर्टिकल में और जानिये विस्तार पूर्वक।

Horizontal Line in Blogger Post

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-


अंतिम शब्द:-आपको यह Horizontal Line in Blogger Post पोस्ट कैसा लगा।नीचे कमेंट करके जरूर बताएं।और इस पोस्ट को अधिक से अधिक शेयर करे।
😊 Thanks for Visit.😊

Post a comment

0 Comments