How to Add a Horizontal Line in Blogger Post

Add a Horizontal Line in Blogger Post

नमस्कार दोस्तो ! स्वागत है आपका CjFlare ब्लॉग में। तो  हमने इस CJ Flare Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना। मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है। तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा। तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है Horizontal Line  के बारे में। ये Horizontal Line क्या है और इससे क्या फायदा। तो इन सभी चीज़ों के बारे में हम नीचे विस्तारपूर्वक जानेंगे। तो बने रहिये इस आर्टिकल में और जानिये विस्तार पूर्वक।

Horizontal Line in Blogger Post

Benifit of Horizontal Line

अगर आप एक ब्लॉगर है तो यह आर्टिकल आपके लिए है। क्योंकि इस आर्टिकल में मैंने बताया है कि आप की प्रकार से Horizontal Line को अपने ब्लॉगर ब्लॉग के पोस्ट में लगा सकते है। इसे लगाने से आपके पोस्ट की सुंदरता भी बढ़ती है। वैसे मैं आपको बता दूं कि आप इस Horizontal Line का इस्तेमाल अपने अर्टिकल में दो वाक्यो को अलग करने के लिए कर सकते है। तो इसका कोड आपको नीचे मिल जाएगा। आपको इस कोड को कॉपी करके अपने पोस्ट के HTML के पेस्ट करना है। जहाँ भी आपको इस्तेमाल करना है अपने आर्टिक्ल में।






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 पोस्ट कैसा लगा।नीचे कमेंट करके जरूर बताएं।और इस पोस्ट को अधिक से अधिक शेयर करे।

5/Post a Comment/Comments

  1. Copyright kaise hataye template ka bro!! Please brother help me. You are genius!. I have downloaded the theme indroid how to remove footer credit and add our site name

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. contact me at technicalhour78@gmail.com

      Delete

Post a Comment

Visit Namina Blog

Stay Conneted

Visit Namina Blog
Visit Namina Blog