Blockquote kya hai? Blogger blog me ise kaise use kare

Blockquote kya hai? Blogger blog me ise kaise use kare? Koi bhi Blogger theme pahle se hi customiz nahi rahta, isko apne according design karna padta hai. Blogger blog me agar kuch important baat likni ho ya quote, to ek designing blockquote zaruri hai. Blogger theme me yah pahle se nahi hota. WordPress blog ki baat ki jaye to WP ke har theme me blockquote installed rahta hai. To blogger apne according lagana padta hai.



Blockquote kya hai? Blogger blog me ise kaise use kare


Blockquote kya hai aur kyo zaruri hai.?


Aap kabhi kisi WordPress website me zarur dekhe honge ki post middle me center me ek box hota hai jiske background me special color aur left ya right me vertical line hota hai. Usme available text bhi ekdum center me rahta hai. Jise html ki language me blockquote bolte hai Jo important notes ke liye bahut eye catchy lagta hai. Html me blockquote sirf ek tag jisse text bilkul center me aa jata hai lekin background aur side me vertical line ke liye css use karna padta hai.

Blockquote ke benefits


1. Aapke blog me kuch important note ho to use highlight karne ke liye blockquote use kar sakte hai.

2. Kuch quote ko likhne ke liye bhi blockquote use karte hai. 3. Aapka blog jokes aur status related ho to har jokes status ko new alag alag blockquote me add kar sakte hai jo bahut cool lagega.

3. Blog ki Heading ko bhi blockquote me add kar sakte hai.

Blogger blog me blockquote box kaise add karen.


Iske liye mai 2 method batane wala hu.
1. Simple html
2. Html + css

1. Simple html


Agar aapko post par ek ya 2 blockquote ka hi need hai to simply niche diye gaye code ko wah paste kar de jaha box banana hai.
Isse aapko theme me jake edit karne ki koi zarurat nahi padegi.


<style> blockquote.blueligh { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #000446; background-color: #add8e6; } blockquote p { margin: 0; } </style> <blockquote> YOUR CONTENT GOES HERE </blockquote>


Result


YOUR CONTENT GOES HERE


Code me aap Your content here dekh rahe hai waha aapko apna notes, ya status, jokes add karna jo blockquote ke andar show hoga.


Voice se ya sirf bolkar chalye apna smartphone
Secret Tricks - WhatsApp ko kaise banaye colorful bina koi theme ke
Kaise banaye free website - new trick


2. Html + Css


Agar aapka blog jokes status related hai ya fir kuch bhi niche par ho multiple time blockquote ka zarurat pad raha hai to css me add karna padega. Agar aap blockquote ke liye baar baar html code ko paste karte hai to isse blog post ka size badh jayega, ho sakta hai site speed me bhi effect karen. So css me sirf ek baar code paste karna hai aur post me sirf <blockquote> tag use kar box bana lenge. To niche diye process ko step by step follow karen.


1. Blogger.com par login karen.

2. Blogger dashboard me theme option par click kare aur Edit Html me click karen.
Ab html editor me mouse le jaakar kahi bhi click kare aur CTRL + F press kare. Isse ek search box aayega.

3. Search box me <[[b:skin ]]> search kare.

4. <[[b:skin]]> iske just uper me niche diye code ko paste kar de.


blockquote.yellow { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; } blockquote.white { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #ccc; background-color: #f9f9f9; } blockquote p { margin: 0; } blockquote.blue { color: #FFF; margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #FF7F00; background-color: #4b8baf; } blockquote p { margin: 0; } blockquote.red { color: #FFF; margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #a52a2a; background-color: #d9534f; } blockquote p { margin: 0; } blockquote.green { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #808000; background-color: #98fb98; } blockquote p { margin: 0; } blockquote.bluelight { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #000446; background-color: #add8e6; } blockquote p { margin: 0; }



5. Ab Template save kar de.


Main Point : Different color wale is code me dekha jaye to lagbhag sab ek jaisa hi hai bas class ka name change hua hai aur color code.

Uper ke code me aap blockquote.green, blockquote.yellow etc dekh rahe hai usme blockquote ek class hai aur .green .yellow subclasses hai jiska use same css ko different style ke show karne ke liye kiya jata hai.

Main point batane ka reason ye tha ki aap apne blog ke theme ka color identify karke same color ya usse opposite color ka khud se blockquote design kar sake jo aapke theme color se achhe se match karenn Code me jaha aapko background-color: #add8e6; dikahi de raha hai is code me baad jo code hai wo color hex code hai, vertical line border-left: 5px solid #000446;me bhi # ke baad jo code hai left ke line ka color hai. hex.com me jake apne theme ke according color ka HEX code pick kar laga sakte hai.

Simple html wale step me jo html code tha usse bhi aap ek se jyada box bana skate the, lekin isme jyada time lagta hai aur page ka size bhi badh jata hai. So css code apply karna hi better rahta hai.

Post me blockquote box kaise add karen.


Aapne ab tak (step 1 to 5) jo bhi kiya usme box ke code me theme me add kiya lekin isko post me akise add kiya jaye? To uske liye,
Next time Post likhte time jaha bhi blockquote box add karna ho waha sirf <blockquote> Your Content (jo add karna chahte hai)</blockquote> ye tag laga de.

agar color wale blockquote add karna hai to uske color name ke sath use karen.. Jaise..

<blockquote class="blue"> Blue color blockquote </blockquote> <blockquote class="yellow"> Yellow color blockquote </blockquote> <blockquote class="white"> White color blockquote </blockquote> <blockquote class="red"> red color blockquote </blockquote> <blockquote class="green"> green color blockquote </blockquote> <blockquote class="bluelight"> light blue color blockquote </blockquote>

Result


Blue color blockquote
Yellow color blockquote
White color blockquote
red color blockquote
green color blockquote
light blue color blockquote


i hope guys Blockquote kya hai? Blogger blog me ise kaise use kare yah post pasand aayi hogi. code setup me kahi problem ho to comments karke puchh sakte hai. thanks.

Also Read :
PAN Card aur ATM Card ke kuch unknown information
Ek phone me kaise use karen WhatsApp ke 10 account
IMEI number kya hai? Ye generate kaise hota hai
Blockquote kya hai? Blogger blog me ise kaise use kare Blockquote kya hai? Blogger blog me ise kaise use kare Reviewed by Love kaushik on Friday, July 27, 2018 Rating: 5