Skip to main content

Blogger Post में Code Box कैसे Add करें

Blog post में code box को add करना बहुत ही जरुरी है क्योंकि यह हमारे blog के post को professional look देता है और users को भी code का  इस्तेमाल करने में सुविधा होती है | मैंने पिछले post में भी HTML और CSS code box को blogger post में add करने  का सबसे आसान तरीका बतलाया था|


Code box ko blogger post me kaise add kare


अब मैं आपको इस post में code box को add करने का दूसरा method बतलाऊंगा | इस code को add करना बहुत ही आसान है | आप मेरे steps को follow करें |


Read Also :


  • Website के लिए Domain Name कैसे खरीदे या Register करें ?

  • Blog या Website के Domain Name को Without WWW के कैसे Set करें ?

Step 1


सबसे पहले यह code copy कर लीजिए |


/* Code Box ———————————————– */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px ‘Courier New’, Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 10px 10px 10px; width: 90%; } .code:hover { background: #FAFAFA; background-repeat:no-repeat;}

Step 2


  1. अपने blogger account में login करके blog के dashboard पर जाए |

  2. Theme पर click करें |

  3. Edit HTML पर click करें |

Click on theme and then edit html button


Step 3


Edit HTML पर click करने के बाद template का editor open होगा |


Paste CSS code


  1. Editor में कहीं पर भी click करके Ctrl + F key press करें |

  2. Ctrl + F key press करने के बाद editor में सबसे ऊपर दायां तरफ एक search box open होगा | उसमे ]]></b:skin> लिखकर search करें |

  3. ]]></b:skin> के ऊपर या पहले copy किये हुए code को paste कर दीजिए |

  4. अब Save पर click करें |

Note :- Code को add करने से पहले अपने template का backup ले लें ताकि अगर code को add करने में कोई गलती होती है तो फिर से अपने template को upolad कर सकते है |


Step 4


Post editor को open कीजिए |
Open post editor and switch on html mode


  1. HTML button पर click करें |

  2. Post में जिस place पर code box को रखना है, उस place पर इस code का इस्तेमाल करें :  <div class=”code”> Your Code </div>

  3. <div class=”code”> और </div> के बीच में HTML or CSS code को रखें और फिर compose button पर click करें |

इसी प्रकार आप code को <div class=”code”> और </div> के बीच में रखकर अपने post में code box को लगा सकते है |


Read Also :


  • Facebook Fan Page कैसे बनाये Blog या Website के लिए ?

  • Blogger Archcive या Sitemap Page कैसे बनाये ?

उम्मीद है कि आपको यह post पसंद आया होगा | Code box को blog post में लगाने में कोई problem आती है तो मुझे comment करके बताये | मैं आपके problem को दूर करने का पूरी कोशिश करूँगा | इसी तरह का post पढ़ते रहने के लिए मुझे subscribe करें |


अगर यह post आपको पसंद आया हो तो इसे अपने दोस्तों के साथ facebook, twitter, google + etc. जैसे social site पर share करें | इस post को like करें |


The post Blogger Post में Code Box कैसे Add करें appeared first on New Feature Blog.

Labels:

Comments

Post a Comment

Popular posts from this blog

Linkedin Par Apna Account Kaise Banaye

Linkedin aaj ke jamane me ek famous professional social networking sites hai. Linkedin par aapko kitne hi million users mil jayenge jinki madad se aap apne ideas, knowledge ko increase kar sakte hai. Is site par aapko kitne hi professional log milege. Agar aap unke saath business karna chahte hai to yah site aapki bahut help karegi. Yah site aapko job search karne me bhi help karegi. Jyadatar business karne wale log is site par apne business ka promotion ke liye advertising karte hai. Jis tarah se blog ya website ka advertising facebook, twitter etc. par kiya jaata hai, usi tarah se linkedin par bhi aap apne blog ya website ka advertise kar sakte hai aur apni site ya blog ki traffic increase kar sakte hai. Read Also : Facebook पर Account कैसे बनाये ? Facebook पर Single Name Kaise Set करे : Easy Trick Ab hum sidhe apne point par aate hai aur aapko batana start karte hai ki linkedin par...
Post a Comment
Read more

Program Guidelines

Publishers participating in our program are bound by the terms and conditions available  at  http://www.media.net/legal/tos . In addition, all publishers must read and comply with the policies provided below. Media.net reserves the right to change the policies at any time without prior notice to the publisher. The publisher understands that it is their sole responsibility to keep themselves abreast of all policies available here. Media.net reserves the sole right to warn, or without notice, terminate any publisher that is found in violation of these policies. Media.net may make exceptions to any of these policies at their sole discretion. Program Guideline Our program is currently only open to website(s) with premium content that fulfill the criteria specified below: Contain significant amount of original content that is updated regularly and does not infringe any third party intellectual property rights Receive majority of their traffic from US / UK / Canada...
3 comments
Read more

11 Attractive Fast Loading Email Subscription Widget Ko Apne Blog Me Lagaye

Email subscription kisi bhi blogger ke blog ya website ki traffic ko badhane me bahut hi important role nibhati hai. Maine apni pichhli post me iske baare me batlaya tha ki email subscribe box kya hai aur isko blog me kaise lagate hai. Jab koi visitor blogger ke blog par lagaye email subscribe box me apna email dalkar subscribe karta hai to us visitor ke email par ek activation message aata hai. Activation message me link hota hai. Link par click karte hi visitor ke email par free email delivery ki service activate ho jaati hai. Matlab ab agar blogger koi bhi new post publish karega to visitor ko new post ki jaankari direct email par mil jaayegi. Iske baad visitor post ko padhne ke liye blog par visit karega jisse ki blogger ki traffic increase hogi. Yah maine aapko short me iske important ke baare me batla diya. Ab hum sidhe apne point par aate hai. Maine niche 11 email subscription widget ko diya hai. Aapko jo widget pasand aaye usko aap apne blog me lagaye. Widget me aapko kuchh...
Post a Comment
Read more