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 April 11, 2022 by Md Arshad Noor Leave a Comment

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 Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide] 1

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 कर दीजिए।

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

अब आप अपने ब्लॉग में 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 Me Font Awesome Add Karne Ke 5 Easy Methods

    WordPress Blog Me Font Awesome Add Karne Ke 5 Easy Methods

  • WordPress Site Se Version Info Hide Kaise Kare [Improve Security]

    WordPress Site Se Version Info Hide Kaise Kare [Improve Security]

  • WordPress Database Ko CleanUp Karke Performance Better Banaye

    WordPress Database Ko CleanUp Karke Performance Better Banaye

  • WordPress Blog Me SMTP Ko SetUp & Configure Kaise Kare – [For Sending Emails]

    WordPress Blog Me SMTP Ko SetUp & Configure Kaise Kare – [For Sending Emails]

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.

Useful Articles

Google Keyword Ranking Check karne ke liye 5 Best Website

Website Ko User Friendly Banane Ke Liye 5 Secrets

PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

Adsense Account Kaise Banaye [Step By Step]

Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

Hostlelo Review – A Great Solution for New Bloggers

QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

Blog Me Live Cricket Score Widget Kaise Add Kare

7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

Twitter Account Ko Secure Kaise Rakhe

Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

About Us

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

SUBSCRIBE OUR NEWSLATTER

हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

Posts for WP Users:

Apko Blog Me Genesis Theme Kyu Use Karna Chahiye? [10 Reasons]

Blog Ke Categories Me Font Awesome Icon Kaise Kare

Bina Plugin Ke Automatically WordPress Backup Setup Kaise Kare

WordPress Theme Change Karne Se Pahle 10 jaruri Kaam Kare

WordPress Blog URL Ko www Ya Without www Setup Kaise Kare

More Posts from this Category

DMCA.com Protection Status

Recommended For You

WordPress Use Karne Ke Fayde Aur Nuksan (Pros And Cons)

Feedburner Me “The Feed does not have Subscriptions by Email Enabled” Issue Ko Fix Kaise Kare

Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

YouTube Channel Ko Promote Karne Ke Liye 10 Tarike

WordPress Blog Me JavaScript Ko Footer Me Load Kaise Kare [Without Plugin]

Website Ki Loading Speed Check Karne Ke Liye 5 free Online Tools

Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer