How To Add Code Box On Blogger Post Hindi Me Jankari

This blog is about the science and technology. The latest information from technology, space science, bioscience, physical science etc is shared hear
Hello friends aj ham janege How I Can Add Code Box In Blogger? How To Add Code Box On Blogger Post jab kisi tech blogger blog pe visite karte hai tab apne dekha hoga unki post html code ke liye ek javascript code add hota hai jise unka blog/website or jyada professional dikhti hia agr ap bhi apne  blogspot blog post me code box add karna cahte hai to is post me ham apko 2 method batane wale hai 1-html code or 2-css code se box banana sikhenge

Blogger Blog Post Me Code Box Kaise Add Kare

blog me code box add karne ke 2 fayde hai first agr apne apne blog par copy and paste disabled kar rakha hai to user sirf box me diye code ko copy kar payega 2-fayda user oneclick me code copy kar sakega or use apki site bhi pro. lagegi 

="text-align: justify;">

#Blog Post Me Code Box Kaise Add Kare

How To Add Code Box On Blogger Post

Method 1-Javascript Code

1-sabse pahle blogspot blog open kare 

2-new post likhe

3-HTML par jaye

4-jaha apko code box banana hai wha niche diye gaye code ko paste kare

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

javascript code box

Your Text Here  ko hata kar apna code dale
Your Text Here.</textarea></form> jarur lagaye tabhi ye code work karega

How I Can Add Code Box In Blogger?

Method-CSS Code Box

1-sabse pahle blogger dashboard me jaye

2-tap on theme

3-tap on EDIT HTML 

4-Ctrl+F enter kare 

5- ab ek search box khulega usme ]]></b:skin> dalkar search kare

6-post me diye gaye css code ko copy kare

7-]]></b:skin> ke uper code paste kare

8-save them kare

/* css Code Box of www.onlinehindimehelp.com */ .post-body ::selection {background:#eafdb7;color:#000;} .code { background: #A9A9A9; background-repeat:no-repeat; border: solid #006400; border-width: 1px 1px 1px 20px; color: #00008B; font: 16px ‘Times New Roman’, Times, serif; line-height: 20px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 25px; overflow: auto; padding: 30px 16px 16px; width: 90%; } .code:hover { background-repeat:no-repeat; } .
new post likhe ya jis post me apko code box banana hai us post ke HTML me jaye or ye code paste kare

<div class="code"> Paste Code Here</div> .

Paste Code Here ki jagha apna code dale 

ab apko jankari mil gai hai kaise bog me code box add kare blogging se judi or jankari ke liye hamare blog par  sabhi post read jarur kare thanks jai hind

Blogger Blogging widget

Author: Sandeep Tak

RELATED STORIES

Facebook Comment