BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

WordPress Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide]

Last Updated on January 5, 2021 by Md Arshad Noor Leave a Comment

Content Summary

  • WordPress में Drop Caps Create कैसे करते हैं?
        • Method 1: (Adding CSS)
        • Method 2: (With Plugin)
  • Blogger ब्लॉग में Drop Caps कैसे Create करते हैं?

Hello Friends, हमें अपने ब्लॉग में post लिखने के साथ साथ उसको better look देना भी जरूरी होता है. यदि post का design अच्छी होगी तो visitors को समझने में आसानी होगी. हम इस post में आपको बताने वाले हैं कि wordpress या blogger ब्लॉग में Drop Caps (पोस्ट की पहली अक्षर को बड़ा) कैसे Create करते हैं. इससे आप अपने ब्लॉग के post को एक अलग look दे पाएंगे।

WordPress aur blogger me dro caps kaise create kare banaye

यदि आप Newspaper read करते हो तो आपने देखा होगा कि उसमे first character का size बहुत बड़ा होता है. आजकल बहुत सारे websites और blogs में भी आप देखते होंगे कि post के first character को बड़ा कर दिया जाता है. In fact, में भी अपने ब्लॉग पर drop cap create करके try किया है।

आजकल बहुत सारे बड़े बड़े website में drop cap का use किया जाता है. क्योंकि इससे post का design बहुत अच्छा हो जाता है. लोग इसे बहुत ज्यादा पसंद करते हैं. आप भी अपने ब्लॉग पोस्ट में drop cap create कर सकते हो. हम आपको नीचे इसके बारे में ही कुछ simple steps बताने वाले हैं, जिससे आप easily ब्लॉग पोस्ट में drop cap create कर सकते हो।

अगर आप एक ब्लॉगर हो तो आप समझ सकते हो कि एक ब्लॉगर को post लिखने के साथ साथ और भी बहुत करने होते हैं. उसे अपने ब्लॉग को अच्छा से अच्छा design देने के लिए समय देना होता है. किसी ब्लॉग में बहुत अच्छे अच्छे post हैं लेकिन उसकी design ठीक नही है, जिससे visitors को समझने में परेशानी होती है. तो कोई भी visitor उसके ब्लॉग में आना पसंद नही करेगा।

सभी ब्लॉगर चाहते हैं कि उसके ब्लॉग की design अच्छी हो ताकि लोगों को समझने में परेशानी नही हो. यदि आप भी अपने ब्लॉग के look को बेहतर बनाना चाहते हो तो इसके लिए drop cap create कर सकते हो. कुछ लोग जानना चाहते होंगे कि drop cap क्या होता है?

अगर हम साधारण शब्दों में कहें तो drop caps create करके हम ब्लॉग पोस्ट में पहली अक्षर को बड़ा करके अलग style में दिखाते हैं. अगर आप नही समझे हो तो नीचे दिए picture को देख सकते हो।

WordPress में Drop Caps Create कैसे करते हैं?

सबसे पहले हम जान लेते हैं कि wordpress ब्लॉग में drop caps कैसे बनाते हैं? इसके लिए कई तरीके हैं. हम आपको नीचे 2 तरीकों से इसे add करने के बारे में बताएंगे. आपको जो अच्छा लगे उसे follow करके drop caps बना सकते हो।

Method 1: (Adding CSS)

इस method में simply आपको एक css code को अपने ब्लॉग के style.css में add करना होगा. सबसे पहले आप नीचे दिए गए CSS को copy कर लीजिए।

div.entry-content p:first-child:first-letter { float:left; font-size:4em; color: #000099; margin-right:0.10em; line-height:90%; text-shadow: 0.05em 0.05em #999999; }

अब अपने ब्लॉग की Dashboard में login करके Appearance » Editor » Style.css में जाकर copy किए हुए CSS को add कर दीजिए और Save कर दीजिए।

Method 2: (With Plugin)

अगर पहला method आपको समझ मे नही आया हो तो इस method को आप आसानी से समझ सकते हो।

इसके लिए सबसे पहले आपको Simple Drop Cap plugin install करना होगा. उसे activate करने के बाद आपको Settings » Simple Drop Cap में जाना होगा।

  1. Display Mode में Normal ही रहे देंगे तो अच्छा होगा. आप दूसरा भी select कर सकते हो।
  2. यहाँ से आप First Character की color choose कर सकते हो।
  3. यहाँ पर css style add करके drop caps को अच्छे से design कर सकते हो।
  4. Drop Cap Automation को check कर दीजिए ताकि आपके ब्लॉग के सभी post and pages में अपने अपने drop cap बन जाये।
  5. अब Save Changes कर दीजिए।

अब आप अपने ब्लॉग में visit करके देख सकते हो. इस तरह से आप अपने वोर्डप्रेसस ब्लॉग में drop caps add कर सकते हो. यदि आपको बलपग blogspot पर है तो नीचे दिए steps को follow कर सकते हो।

Blogger ब्लॉग में Drop Caps कैसे Create करते हैं?

यदि आपका ब्लॉग wordpress में होता तो आप plugin के द्वारा आसानी से drop caps add कर सकते थे. परंतु आपका ब्लॉग Blogger में है तो आपको template edit करके उसमे कुछ codes add करने होंगे. इसके लिए हम आपको एक बहुत simple method बताएंगे. इससे बस आपको एक बार template edit करके कुछ codes add करने होंगे. उसके बाद आपके ब्लॉग की सभी posts मस drop caps आ जाएंगे।

Step 1: सबसे पहले Blogger में Login करें और उसके बाद Sittings » Themes » Edit HTML में जाएँ. अब CTRL+F दबा कर ]]></b:skin> को search करें और ]]></b:skin> के पहले ये code add कर दीजिए।

.blhi-capital:first-letter{ float:left; font-size:4em; color: #000099; margin-right:0.10em; line-height:90%; text-shadow: 0.05em 0.05em #999999; }

Step 2: अब आपको फिर से CTRL+F दबा कर <data:post.body/> को search करना है और <data:post.body/> के पहले <div class='blhi-capital'> और <data:post.body/> बाद में </div> को add करना है. उसके बाद कुछ इस तरह हो जाएगा।

<div class='blhi-capital'><data:post.body/></div>

अब आप template को save कर दीजिए. उसके बाद अपने ब्लॉग में visit करके देख सकते हो कि वहाँ पर post में सबसे पहली character बड़े आकार में show होने लगेंगे. इस तरह से ब्लॉगर में आप आसानी से drop caps add कर सकते हो।


उम्मीद करते हैं कि आपको यह post पसंद आया होगा. अगर इससे सम्बंधित कोई सवाल आपके मन मे आई तो comment करके बताएं. इस post को social media में share जरूर करें।

You May Also Like

  • WordPress Blog Ke Kisi Widget Ko Mobile Hide Kaise Karte Hai

    WordPress Blog Ke Kisi Widget Ko Mobile Hide Kaise Karte Hai

  • WordPress Blog Post URL Ke Last Me .html Kaise Add Kare Aur Q Kare

    WordPress Blog Post URL Ke Last Me .html Kaise Add Kare Aur Q Kare

  • Blogger Template Se Credit & Link Ko Change ya Remove kaise Kare

    Blogger Template Se Credit & Link Ko Change ya Remove kaise Kare

  • WordPress Me W3 Total Cache Plugin Ko SetUp Kaise Kare [Easy Method]

    WordPress Me W3 Total Cache Plugin Ko SetUp Kaise Kare [Easy Method]

About Md Arshad Noor

हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please do not spam! otherwise your comment will be removed.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get it on Google Play

Useful Articles

Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

Revenue Hits kya hai aur isme Account kaise banaye

Blogspot Blog me Country Specific Redirect Disable kaise Kare

Spam Mail Sender Se Unsubscribe Karke Spam Mail Se Kaise Bache

Google Me Search Karne Ke Top 10 Tips & Trick – [Get Right Results Fast]

Google Search Results Me Blog Ke Sabhi Posts Me Star Rating Kaise Dikhaye

Blog Homepage Me Only Post Title Kaise Dikhaye

Blogging me fail hone ka 10 sabse Bada Karan

Social Media se More Traffic Pane ke Liye 10 Important Tips

Quora Se Blog Ki Traffic Kaise Badhaye? 5 Tips

Blog Post me Keyboard key kaise lagaye

YouTube Se PR9 Dofollow Backlink Kaise Receive Kare

Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

About Us

mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

SUBSCRIBE OUR NEWSLATTER

हमारे ब्लॉग के रेगुलर विजिटर हो तो अभी Subscribe कर लीजिए ताकि आप हमारे नए पोस्ट को सबसे पहले पढ़ पाएँ!

Posts for WP Users:

Blog Post Ki Heading Ko Stylish Design Kaise Kare. Without Plugin

Blog Homepage Layout Post Me Ads Kaise Lagaye [2 Method]

Blog Ke Liye Lightweight Theme Design Karne Ki 5 Jaruri Tips

WordPress Me W3 Total Cache Plugin Ko SetUp Kaise Kare [Easy Method]

CSS Se WordPress Me CodeBox Ko Stylish Kaise Banaye

More Posts from this Category

Recommended For You

Post Title likhne ke liye 8 important tips

DigitaOcean Review: DigitalOcean Kya Hai? Pros & Cons

WordPress Me AMP Kaise Setup Kare [Complete Guide]

WordPress Ke 12 Hidden Features – Apko Pata Nahi Hoga

Bloggers Ke Liye 8 Important Time Management Tips

Adsense Ko Analytics se Connect kaise kare

Adsense High CPC Wale Countries Ki List [Updated July 2018]

Newbie Bloggers ko SEO Ke Only 8 Myths Par Dhyan Dena Chahiye

Blog Security Ke Liye WordPress Login URL Ko Change Kaise Kare: 2 Methods

Copyright © 2020 - All rights reserved.AboutContactSitemapDisclaimer