TOP 3 HEADING STYLE BLOGGERS KE LIYE

हेलो फ्रेंड्स....
आज मैं आपके लिये जो पोस्ट रहा हूँ वह आपको काफी पसन्द आएगा क्योंकि आज की जो टॉपिक है वह यह की कैसे अपने ब्लॉग पोस्ट के बीच मे स्टाइलिस हेडिंग लगाए !
हेडिंग का प्रयोग करके आप अपने ब्लॉग पोस्ट को सुंदर और आकर्षित बना सकते है ! और आपके ब्लॉग के जो Reader है वह आपके पोस्ट को पढ़कर और देखकर उनका attraction बढ़ जाता है ! और आपके ब्लॉग पर अगर रीडर का अट्रेक्शन बढेगा तो आपके ब्लॉग के विजिटर भी ज़रूर बढेगे ! वैसे मैं आपको shortcut तो यही कहूँगा की ब्लॉग पोस्ट मे heading का प्रयोग करना काफी अच्छा होता है

ब्लॉग मे Beautiful Headings कैसे प्रयोग करे...?
ब्लॉग मे Beautiful Headings पोस्ट के बीच कैसे लगाते है उसके लिये मैं आपको कुछ css कोडिंग के बारे मे बता रहा हूँ जिसको प्रयोग करके आप ओग पोस्ट के बीच मे सुंदर हेडिंग लगा सकते है !

Top 3 Type Heading Code......
अब मैं आपको 3 types के हेडिंग कोड बता रहा हूँ आपको जो भी अच्छा लगे आप उस को कॉपी कर ले...!

Heading Style 1
HEADING STYLE 1 CODE👇

<div class="note" style="background-color:#004489; 
background-image: url('http://3.bp.blogspot.com/-4yvmBPt5qCE/VlzX_btjufI/AAAAAAAABO0/FT_J8B5fOF8/s1600/N1.png');
background-position: 7px 50%; 
background-repeat: no-repeat no-repeat; 
border: 2px  dashed #FFF; color: #FCFCFC; 
font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; line-height: 21px; margin-bottom: 1.571em; padding: 8px 10px 10px 45px; text-shadow: 1px 2px 9px #000;">
<b style="margin: 0px; padding: 0px;">Heading Style 1:</b></div>

Heading Style 2
HEADING STYLE 2 CODE👇

<div style="
border: double 5px #0000ff;
font-size: 20px;
margin: 40px;
padding: 20px;
width: 80%;
height: 10px;
">
Heading Style 2
</div>
</div>


Heading Style 3
HEADING STYLE 3 CODE 👇

<div class="heading" style="background-color: #00ffff; background-position: 7px 50%;
background-repeat: no-repeat no-repeat; 
border-bottom-left-radius: 4px; 
border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 2px solid #ff0000; 
color: #111111; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21.983333587646484px; margin-bottom: 1.571em; padding: 10px 10px 10px 45px;">

<b style="margin: 0px; padding: 0px;">Heading Style 3</b>

</div>

ब्लॉग पोस्ट के बीच कोड का प्रयोग करके  हेडिंग कैसे लगाए.....?
स्टेप 1 आपको ऊपर दिये हुए हेडिंग से जो भी पसन्द है उसके कोड को कॉपी कर लिजिए !

स्टेप 2 कॉपी किये हुए कोड को अपने ब्लॉग के HTML MODE  मे जाकर PASTE कर दीजिये !

स्टेप 3 अब आप HEADING 1...2...3  मतलब आपने जो कोड कॉपी किया है और उस कोड मे जो HEADING STYLE लिखा हुआ है ! वहाँ पर अपना हेडिंग (WORD) लिख दीजिये !

स्टेप 4  अब आप HTML MODE से  compose mode मे आआआआ जाइये !

स्टेप 5 WORK DONE ! अब आपको आपका लिखा हुआ हेडिंग दिख रहा होगा !

इस पोस्ट से RELETED आपको कोई भी समस्या हो तो आप हमसे कॉमेंट द्वारा पूँछ सकते है !

यह पढे - FREE RECHARGE 100 RS PAAYE SINGUP HOTE HI...( NO APP DOWNLOAD ONLY SINGUP..)
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 Comments:

Post a Comment