अपने Blog Post में TEXT BOX कैसे बनाये ?

Posted on
Hello friends आज हम आपको जो बताने जा रहे है उसके बारे में आप जरुर जानना चाहते होगे और आपने कई सारे blog और website में text box जरुर देखे होंगे. TEXT BOX का मतलब होता है ऐसा box जिसके अन्दर TEXT होती है. आप हमारे इसी paragraph को देख सकते हो , इस paragraph में जितने भी text है वो एक box के अन्दर है.

text box style css code iamge

अगर आप ऐसा blog बनाये हो जिसमे आप jokes, status, sayari, quotes और सुविचार share करते हो तो आज का post आपके लिए काफी फायदेमंद रहेगा और आज आप जानोगे कि कैसे अपने blog post के किसी भी sentence, paragraph और line को box के अन्दर लिखा जाता है. तो चलिए जतने है.

अपने Blog Post में TEXT BOX कैसे बनाये ? How to add text box in blog post ?

अपने blog post में text box बनाने के लिए आपको एक CSS code अपने blog पर लगाना होगा. सबसे पहले ये जान लीजिये कि blog पर CSS code कैसे लगाया जाता है.

Blogger blog में CSS code कैसे लगाये ?

सबसे पहले अपने blogger dashboard में जाए और Theme >> Customize पर click करे.

how to add custom css in blogspot

1. Advanced पर click करे.

2. Add CSS पर click करे.

3. Add custom CSS box में code डाले.

4. Apply to blog पर click करें.

बस इतना करते ही आपके blog में CSS code add हो जायेगा.

WordPress blog में CSS code कैसे लगाये ?

WordPress blog में CSS code लगाने के लिए Appearance >> Customise >>Additional CSS में जाए और css code डाल कर save करें.

तो friends अब आप समझ गए होगे कि अपने blog में CSS code कैसे add किया जाता है. अब निचे दिए गए TEXT BOX style में से कोई सा भी अपनी पसंद का CSS code copy करके अपने blog पर लगाये.

NOTE – निचे दिए गए CSS code में से कोई सा भी एक CSS CODE को copy करके आप अपने blog में use कर सकते हो.

STYLE – 1

text box style css code 4

CODE

STYLE – 2

text box style css code 5

CODE

STYLE – 3

text box style css code 6

CODE

STYLE – 4

text box style css code 7

CODE

STYLE – 5

text box style css code 8

CODE

STYLE – 6

text box style css code

 

CODE

STYLE – 7

text box style css code 2

CODE

STYLE – 8

text box style css code 3

CODE

STYLE – 9

text box style css code 9

CODE

तो friends आप ऊपर दिए गए TEXT box में से अपनी पसंद का code अपने blog पर लगा चुके होगे, अब चलिए जानते है कि कैसे अपने blog post में text box बनाया जाता है.

अपने Blog Post में TEXT BOX कैसे बनाये ?

अपने blog में code लगाने के बाद आपको बस अपने blog post के जिस line या paragraph को box के अन्दर रखना है उसे आपको Blockquote में रखना होगा.

text box style css code ०

1. अपने blog post के text को select कीजिये.

2. Blockquote पर click कीजिये और post को publish कीजिये.

Note – Post को edit करने के दौरान आपको text box show नहीं होगा. जब आप अपने post को publish करोगे या फिर अपने post को preview करोगे तब text box नजर आएगा.

friends आज का हमारा post आपको कैसा लगा हमे comment के जरिये जरुर बताये और blogging से related ऐसे ही जानकारी हमेसा पाने के लिए हमारे blog को subscribe जरुर करें. HAPPY BLOGGING

 

🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

8 thoughts on “अपने Blog Post में TEXT BOX कैसे बनाये ?

  1. nice bro ,,well working,lekin ek dikkat hai jab m waps koe css code edit karna chahta hu aur add karta hu to wo pahle wala yani yah text wala css whi pda rhata h wo gayab nhi hota hai

Leave a Reply

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