Blogger post me html code box kaise lagaye

Namaskar Dosto, aaj ke post me hum janege ke Blogger post me html code box kaise lagaye, Friends ager aapko mere tarha article likhna pasand hai aur aapne abhi blogging karna start kiya hai to aap hamare website ko sabse pahle subscribe kar le kyu ke yaha aapko blogging se related article aur nolej milege, aaj ke es article me aapko html code box ke bare me batane ja raha ho jo ke blogging me kafi kaam aata hai,

Friends is post me aapke sath html code box ke 2 coding share ke hai sath he in coding ko apne blog post me kaise add kare aur is coding me ager aapko kuch changing karna ho to vo kaise kare iske pure jaankare is post me share ke hai, aap ager in sab ke bare me jaanna cahte hai to is post ko last tak ka jarure padhe,

Friends html code box ke barre me jaanne se pahle aapka yai jaan na jarure hai ke code box hota kya hai or ishe kha use karna cahiye tabhi aapke code box ke coding kuch kaam aa sake hai,

Html code box kya hota hai | code box kya kaam aata hai-

Friends jabh bhi hum kabhi article likhte hai kise bhi topic ke oper ya kise bhi saman ka hum review karte hai ya fir kise coding ko hame apne article me add karna ho, ya fir hame bhote se baar kuch isha text likhna padta hai jo hamare article me alag se najar aaye or hamare jo bhi visitor website par aate hai vo hamare us important text ko copy kar sake aur in sab ko karne ke lye hum apne post me html code box ko use karte hai, friend to mujhi umeed hai aapko samje me aa gya hoga ke code box kya hota hai aur yai hamare kya kaam aata hai,

Blogger post me html code box kaise lagaye

Friends me aapke sath 2 box ke coding share kar raha ho aur jin box ke coding me aapke sath share kar raha ho un box ko mane yaha par add bhi kiya hai jinko aap dekh sakte ho,

1- Simple Html code box

Friends ager aap apne website me simple html code box ko use karna cahte hai to aap niche de gye coding ko download kar sakte ho,.

<form><textarea rows="5" cols="40" onClick=select() 
readonly>Your Text Here</textarea></form>

friends aapke sath yai jo coding share ke hai vo bilkul simple code box ke hai aap isme kuch bhi changing nahi kar sakte, aap sirf isme text ko he add kar sakte ho,

Simple html code box me text kaise add kare

Simple Html code box
Simple Html code box

Friends simple html code box me text ko add karne ke lye aapko box ke coding me your text here likha show hoga jiske jinko remove kar ke aapko apna text likh dina hai jo aap code box me add karna cahte ho,

2- Advanced html code box

Friends Advanced html code box me aapko kafi advance settings dekhne ko milege jise aap hamare website se free download kar sakte ho aur is box me aap text ke heading bhi daal sakte ho sath he code box ke border ka color aur size ko kam ya jyada kar sakte ho,

How to download Advanced html code box coding-

Friends Advanced html code box ke coding aapke sath niche share ke gye hai jinko simply aap copy kar sakte ho,

<head>
<style>

#example2 {
  border: 4px solid black;
border-color: #FF4000;
  background:url(img_flwr.gif);
  background-repeat: no-repeat;
  padding:15px;
}
</style>
</head>
<body>

<div id="example2">
  <h2 style="text-align: center;">
<span style="background-color: white; color: blue;"><strong>heading</strong></span></h2>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="background-color: white;"><strong>Android </strong></span><span style="background-color: white;"><strong>Your text here</strong></span></div>

</div>
</div>
</body>

Friends aap es code box ke sabhi settings ke bare me jaanna cahte hai to aage ke in sabhi steps ko follow kare,

Advanced html Code box border settings-

Friends sabse pahle hum Advanced html Code box me aapko jo border milte hai uska color aur size ko kaise change kar sakte hai iske uper hum baat kar lete hai, border ka color aur size change karne ke lye niche diye sabhi steps ko follow kare,

Step 1. Friends aapko sabse pahle advance code box ke coding ko apne computer ke notepad me open karna hai,

Advanced html Code box border settings
Advanced html Code box border settings

Step 2. Friends border ka color change karne ke lye code box ke coding me es code “border-color: #FF4000;” ko search karna hai or #FF4000 color code ke jagha aap apna color code enter kar sakte ho isse box ke border ka color change ho jayiga,

Advanced html Code box
Advanced html Code box

Step 3. Friends border ke size ko change karne ke lye aapko box coding me “border: 4px solid black;” ko search karna hai aur coding me aapko border ke size 4px milte hai jisko aap apne hisab se kam ya jayda kar sakte ho.

Advanced code Box me text kaise change kare-

Friends box me text settings ke ander aap jo bhi text add karna caho uske heading bhi daal sakte ho aur uska color bhi change kar sakte ho aur sath he aap in sab ke settings ko change karne ke lye aapko in sabhi steps ko follow karna hai,

Step 1. Friends box ke coding me heading dalne ke lye aapko box ke code me heading ko search karna hai or esko hatta kar aap code box me jo bhi heading dalna cahte ho vo daal sakte ho,

Advanced code Box me Text kaise change kare
Advanced code Box me Text kaise change kare

Step 2. Friends box me apne text ko add karne ke lye aapko box ke coding me Your text here ko search karna hai aur esko hatta kar aap apna text daal sakte ho.

Advanced html code Box me text kaise change kare
Advanced html code Box me text kaise change kare

Friends in sabhi process ko follow karke aap advance html code box ke settings ko apne hisab se set kar sakte ho,

Read More Article:

Blogger post me html code box kaise lagaye-

Friends code box ko apne bloger ke post me add karne ke lye aapko in steps ko follow karna hai,

Step 1. Friends sabse pahle to aapko apne code box ke coding me jo bhi text add karna ho vo pahle he kar lina hai aur uske baad aapko code box ke pure coding ko copy karna hai,

Step 2. Friends ab aapko apne blogger me jaana hai aur jis bhi post me aapko code box ko add karna hai us post ko edit karna hai,

Step 3. Friends ab aapko niche picture me dikhye anusar html ke button par click karna hai,

Blogger post me html code box kaise lagaye
Blogger post me html code box kaise lagaye

Step 4. Friends eske baad aapke post ke coding open ho jayige aur aapne jo code box ka code copy kiya hai usko aapko post ke html code me paste kar dina hai,

Friends es process ke baad aap apne post ko review kar ke check kar sakte ho aapke post me code box show ho jayiga.

Note- Friends umeed hai aapko hamara aaj ka “Blogger post me html code box kaise lagaye” article pasand aaya hoga aur ager aapko hamara article pasand aaya ho to isko apne friends ke sath share jarure kare, Thanks all.

3Shares

Leave a Comment