Subscribe:

Ads 468x60px

Thursday, September 6, 2012

How to write code in box for blog and websites

Already in earlier post I described ways for "How to write/display HTML/XML or any other markup language code" as it is in your website. That's very easy. Once done with that. What if you want to display the code in box with some light colour in background ??
It's also easy.
You need to include a small internal CSS (styling) that's it.
Step.1) Include in your html code this simple style(preferably inside Head tag.)

<style type="css/text">
.mybox
       {
  border: 2px solid green ;
  background-color: #AAAAAA;
       }
</style>


Step.2) Now whatever code you want to keep inside the box. Change it to HTML entities format by processing from www.simplebits.com.
Once processed. Paste the processed code inside

tag as shown:

<div class="mybox">
Your Processed Code HTML entities format
</div>

Step.3) That's it !! [Please like/share/comment if you find it useful !]

85 comments:

  1. Hello Sir Madam
    Please I Need Help I Want To Know How To Write A Blog html or Php Code Please Help Me Out My Name Is David And My E-mail Address Is david@optimisttrade.com
    Not More Than This For Now And I Await Your Response Imminently.
    Regards
    David

    ReplyDelete
  2. eeeeeeeeeeeeeeeee

    ReplyDelete
  3. instead of writing it in the box it would be better if you show your code in colored format. If you are using visual studio, then you can copy any type of code html/css/javascript/c# etc to blogger. You have to install visual studio productivity power tools: for more info read: http://coding-issues.blogspot.in/2013/10/copy-code-from-visual-studio-to-blogger.html

    ReplyDelete
  4. i have created a free site wanna write code for that comment box,would you tell me please

    ReplyDelete
  5. we are providing industrial training on html visit our link for more info....

    imeshlab

    ReplyDelete
  6. The same condition can be experienced in i - Phone app development as
    well, because i - Phone app development allows developers to show all the
    creativity they have. Cards (-) is the most basic Android PIM app that serves as a database for personal information. A
    good test Android App company offers testing services test packets to the tests carried out list.


    my website ... android apps apk download pc

    ReplyDelete
  7. Greetings I am so excited I found your website, I really
    found you by error, while I was browsing on Yahoo for something else, Nonetheless I am here
    now and would just like to say kudos for a fantastic post and a all
    round entertaining blog (I also love the theme/design),
    I don’t have time to browse it all at the moment but I have book-marked it and also added
    your RSS feeds, so when I have time I will be back to read a lot
    more, Please do keep up the superb work.

    Feel free to surf to my site www.paskolos.co/

    ReplyDelete
  8. You fishing kjots also have the choice of a nice shore lunch comlete with camp fire, which
    takes place this weekend, tightlines! For the best balanced development, use the data to assess the impact of beavers on fishing.


    My blog - fotel wedkarski - ,

    ReplyDelete
  9. Useful information. Fortunate me I found your website accidentally, and
    I'm stunned why this accident didn't came about earlier!
    I bookmarked it.

    Feel free to visit my web-site :: date a cougar.com

    ReplyDelete
  10. Ӏ'm ɡone too convey mmy littlе brother, that hee ѕhould also go to seе thіs blog on regular basis tߋ take updated fгom most гecent
    reports.

    Looқ іnto mʏ page - stomach aciud test kit (http://curestomachacid.com/)

    ReplyDelete
  11. prada bags 2015
    Thank you for the good writeup. It in fact was
    a amusement account it. Look advanced to more added agreeable
    from you! By the way, how could we communicate?

    ReplyDelete
  12. Hi there! I could have sworn I've been to this website before but after reading through some of the post I realized it's new to me.
    Anyhow, I'm definitely happy I found it and I'll be bookmarking and checking
    back often!

    my website: Get ex back facebook

    ReplyDelete
  13. Hey would you mind letting me know which web host you're utilizing?

    I've loaded your blog in 3 completely different
    web browsers and I must say this blog loads a lot faster then most.
    Can you recommend a good hosting provider at a honest price?

    Thanks a lot, I appreciate it!

    my website: เชียงคาน

    ReplyDelete
  14. It's remarkable to go to see this web page and reading the views of
    all colleagues regarding this post, while I am also
    zealous of getting know-how.

    Review my web site :: Aidra Fox Video

    ReplyDelete
  15. ӏf үoս're a brand neԝ webssite қeep ɑll thе time to developing links andd
    develop youhr link recognition slowly. Үou'd bе hardly unsurprised to prevent annoying аnybody retain ʏour tweets
    general ԝithout divulging toо-much information and to get that folks aге hurt from the
    oddest factors. Ιn case your website can rely greatfly on photographs, mɑke
    an effort to offer at thе lеast some text. Just hoԝ mucҺ
    іnformation-do tɦey feature? Site brands ԝill also Ƅe the very fiгst thing your visitofs
    ԝill dsicover ԝithin tҺe SERPs (Searchengine Ʀesults
    Pagеs).

    Thе lߋok of thе internet site must be to sοme hіgh standard,
    makke uuse оf an artist tat is professional. Guidelines
    ѕeveral methods foor in-house company ɑnd publicity experts
    tο bbe ablе tto mɑke use off a client’s Search Engine
    Optimisation experts, tߋ optimize ppressreleases reɡarding online usage аnd raise shopper ranks іn Yahoo to check out.
    Thоse words ssearch anywhewre оn your own site whenever choosing keywords tο your site, consiԁer what text or
    phreases individuals tгying tο find уour webste are liкely tօ commе rіght intߋ search engines and maƙe suгe.
    Yoսr personal sensations don't Һave any splot tweeting usig yߋur consideration that iѕ professional.
    Ƴou never actսally need to create phrases tҺаt aree inflammatory аbout
    posѕibly.
    seo sydney
    Ultimately yߋu wаnt а website tߋgether ԝith yoսr keyword inside,
    tҺere has beеn chat of Yahoo аnd alѕo other search enhgines gettin weight from keyword rich websites howеѵer the hyperlinks too theѕe websites still possess weight & mߋst
    webgsite сan link tօ your internet ssite utilizing ʏour areа name аs anchor text, ѕo tɦis ϲould have ɑ roundabout advancement ԝithin yοur ranks evеn thߋugh Yahoo doеs taҡe weitht away from acquiring a keyword rich domain name.
    Attract tthe lіne and not mix it.The meta-description mսsst certanly bbe wrfitten sіmilar tto
    a Google AdWords advert, үoս've additional heroes tto play սsing
    neνertheless (150 heroes in total) tҺe meta-description ѕhould Ƅriefly
    identify ѡhat's ɑbout the webpage ɑnd ultimately giove а calltoaction tߋ
    attract the visitor tto click the link and enter youг site.
    Boost tɦe link reputation tօ youг internet website, links aгe basically viewed аs ballots
    tօwards yߋur site, thhe more hyperlinks. Вeing a rule tht іs standard, іf ʏou include keywords iin a "typical" consistency and compose pleased with the main inten օf telling visitors ɑs opposed
    to attempting to incorporate as many keywords aѕ you pοssibly сan,
    SE's are lіkely to giѵe а superior situation browsing
    гesults tօ үou.
    content marketing seo packages pakistan, vimeo.com,
    Ηow are tҺose keywords beung uѕеd by yojr competitors οn thе web-pages?
    Мake sure as webpage titles take lots of weight Searching
    engine optimisation you get youг keywords іn yߋur
    titles ߋn ƿages. Tip 1 - Play Gгeat

    Ԝhile it mіght seem likе аn excellent thoսght tօ bad mouth үour competitors іt may be regarded aѕ beіng in negative kind or
    worse yet as wrong grapes oon ƴоur οwn part sо prevent tweeting about your
    competitors at all. Require ɑn inventory, Ьefore starting oor identify tҺe keywords that ɑrе primary tɦat prospcts сould form іnto Google to locate
    ʏour client’s website. Fun characteristics including blogs аnd boards possess tҺe extra
    reward ߋf stimulating visitors tߋ create additional text infօrmation foг
    youг internet site — AB muscles factor search engines ɑre searching for.

    ReplyDelete
  16. If it happened to you once or twice, the situation is crying out to you.
    Both interior and exterior car accessories make your car unique.
    No matter, exactly what is the frequency assortment that the interaction network provider supplies, if your stereo communication tools are well
    designed with an antenna, then regularity range is
    just one of those things, that you must be the very least bothered about.


    Look at my web page; performance auto carrier acn initials cross country

    ReplyDelete
  17. swiss replica watches
    Hello, Neat post. There is a problem with your web site in web explorer, may check this?
    IE nonetheless is the market leader and a good element of people will pass over your wonderful writing because of
    this problem.

    ReplyDelete
  18. Thanks for sharing your thoughts on Stress. Regards

    Stop by my blog post; vigueur; ,

    ReplyDelete
  19. I used to be able to find good information from your blog posts.


    Here is my blog post: best pool cleaner 2014 - -

    ReplyDelete
  20. This will update Cydia to the newest edition, and total the jailbreak process by rebooting the iPad 3.
    Can you run Skype on a non Wifi community for totally free?
    It has a frequency reaction of 20 Hz up to twenty,000 Hz.


    Look into my site cydia sources ()

    ReplyDelete
  21. The institution may use the proceeds for these matters.
    This tension contributed to the last accident when he changed lanes.
    If you're a teenage girl, you would need persuasion techniques to convince your
    parents to buy you that dress.

    My site - performance auto carrier bbb remax
    ohio toledo (wead2c.wmg-gardens.com)

    ReplyDelete
  22. You made some really good points there. I checked on the web for additional information about the issue and found most people
    will go along with your views on this web site.


    Feel free to surf to my webpage :: here are the findings

    ReplyDelete
  23. These are genuinely impressive ideas in concerning blogging.
    You have touched some pleasant points here. Any way keep up wrinting.



    Here is my page: fat burn diet plan for men

    ReplyDelete
  24. Just desire to say your article is as surprising. The clearness for
    your post is just great and that i could assume you are a professional on this subject.
    Fine together with your permission allow me to grab your RSS feed to keep updated with forthcoming post.
    Thank you 1,000,000 and please keep up the gratifying work.



    Here is my web page :: seo services

    ReplyDelete
  25. Truthfully, ecommerce model actually works for any business man and an individual.

    Gold mines carry an additional threat of waste that may seep into the water table.
    In fact the marketplace for gold never seemed better.



    Feel free to surf to my webpage - rollover 401k into gold

    ReplyDelete
  26. excellent issues altogether, you simply won a emblem new reader.
    What would you recommend in regards to your post that you made
    a few days in the past? Any positive?

    my blog post ... Dog Training Course NJ

    ReplyDelete
  27. I got this web site from myy friend who shared with me concerning this web page and at
    the moment this time I am browsing this website and reeading very informative
    articles or revuews at this place.

    my site :: diet pills that work fast for women

    ReplyDelete
  28. " I think this is great advice to consider when thinking about Snapchat and other forms of technology that raises concerns. It is easier to get a lawyer, if you exist in Hillsboro, Beaverton, Tualatin, Tigard, Sherwood or Lake Oswego you will find it suitable to get together to discuss your legal question. One thing is clear, video messaging and video chat is definitely surfacing as the next big evolution of mobile messaging.

    Look into my weblog :: snapchat hack

    ReplyDelete
  29. Thanks very nice blog!

    Also visit my website ... ring whilst

    ReplyDelete
  30. Hi! Do you know if they make any plugins to assist with Search Engine Optimization? I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good results.
    If you know of any please share. Thanks!

    Feel free to surf to my web blog; skoki spadochronowe

    ReplyDelete
  31. Wow, wonderful blog layout! How long have you been blogging for?
    you made blogging look easy. The overall look of your website is great, let alone the content!


    Feel free to visit my homepage - free downloads

    ReplyDelete
  32. Great goods from you, man. I've keep in mind your stuff previous to and you're simply extremely
    magnificent. I really like what you've obtained here,
    really like what you're stating and the way in which in which you say it.
    You make it entertaining and you still care for to keep it wise.
    I can not wait to learn much more from you. That is actually a
    terrific website.

    my web-site :: cna classes in ri

    ReplyDelete
  33. how to play pyramid solitaire app

    Here is my webpage - jouer a pyramid solitaire saga gratuit

    ReplyDelete
  34. I was wondering if you ever considered changing the structure of your website?
    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.

    Youve got an awful lot of text for only having 1 or 2 images.

    Maybe you could space it out better?

    My web blog список диет

    ReplyDelete
  35. Thanks for sharing the web development post here. Keep up the good work. Keep it up.....
    Web design & Web development in India

    ReplyDelete
  36. Thanks for this. I'm new in coding this article helps a lot. Because I want to work in web development company in the Philippines

    ReplyDelete
  37. I am following your blog from the beginning, it was so distinct & I had a chance to collect conglomeration of information that helps me a lot to improvise myself. I hope this will help many readers who are in need of this vital piece of information. Thanks for sharing & keep your blog updated. from PHP Training in Chennai

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. It was really a wonderful article and I was really impressed by reading this blog. Thanks for sharing this informative blog. If anyone want to get HTML5 Training in Chennai please visit FITA academy located at Chennai, Velachery. Rated as No.1 PHP Training Institute in Chennai which offer best PHP Training in Chennai.

    ReplyDelete
  40. Thank you for that information you article
    Signature:
    download descargar facebook and download free descargar facebook apk and baixar whatsapp , descargar whatsapp

    ReplyDelete
  41. Hello Admin, thank you for the informative post. At Fita academy, we provide the best IT trainings for various courses. You can check our Fita Chennai complaints page to know more about our quality and standards.

    ReplyDelete
  42. Wonderful blog, thanks for putting this together! This is obviously one Great post. Keep it up....
    Seo Company in India & Best Seo Services Company in India

    ReplyDelete
  43. Your post is just outstanding! thanx for such a post,its really going great and great work.You have provided great knowledge.
    Web Design Bangalore

    ReplyDelete
  44. your work is wonderfull please check my post:)

    website design

    ReplyDelete
  45. Programming is very interesting and creative thing if you do it with love. Your blog code helps a lot to beginners to learn programming from basic to advance level. I really love this blog because I learn a lot from here and this process is still continuing.
    Love from Pro Programmer

    ReplyDelete
  46. Programming is combination of intelligent and creative work. Programmers can do anything with code. The entire Programming tutorials that you mention here on this blog are awesome. Beginners Heap also provides latest tutorials of Programming from beginning to advance level.
    Be with us to learn programming in new and creative way.

    ReplyDelete
  47. Programming is combination of intelligent and creative work. Programmers can do anything with code. The entire Programming tutorials that you mention here on this blog are awesome. Beginners Heap also provides latest tutorials of Programming from beginning to advance level.
    Be with us to learn programming in new and creative way.

    ReplyDelete
  48. Great post all about web design here i can tell u about web design company in Delhi.

    Web Design Company in Delhi | Website Designing Company in Delhi

    Thanks!
    Best regards,
    Domaxy

    ReplyDelete
  49. Information you have provided is really very beneficial.and keep posting
    Thanks..

    web designing training

    ReplyDelete
  50. This is nice post with informative thanks for sharing ....!
    website designing

    ReplyDelete
  51. This is my first visit to your blog, your post made productive reading, thank you. dot net training in chennai

    ReplyDelete
  52. This is nice post with informative thanks for sharing ....!
    shell-perl training in chennai

    ReplyDelete
  53. Thanks for sharing such a valuable information about writing codes. This helps to create a proper coding for the developers in web design company India.

    ReplyDelete
  54. It was very useful for me. Keep sharing such ideas in the future as well Web Development Company Bangalore | Web Design Services Bangalore

    ReplyDelete
  55. Hi there! Outstanding post. Thanks for referring to a very exciting and useful content, it is a big help to me and to others as well, keep it up! website designing company

    ReplyDelete
  56. The world-wide web succeeds through standardization; not much else holds it together. Having to use undocumented, nonstandard markup makes your work harder to create in the first place, costlier to maintain, and is a risk to compatibility to the rest of the ecosystem that is doing the right thing. Validator are useful to measure your compliance.

    web designing training in chennai

    ReplyDelete
  57. Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us and I never get bored while reading your article because, they are becomes a more and more interesting from the starting lines until the end.
    Web Development Company in Chennai

    ReplyDelete
  58. Thanks for sharing your fabulous idea. This blog is really very useful.web designing services

    ReplyDelete
  59. Thank you so much for the informative article share with us web development services

    ReplyDelete
  60. This is a wonderfully written and helpful article, And this was a long guide. So I appreciate you taking the time to check it out!
    Web Designing in Nagpur

    ReplyDelete
  61. Thank you so much for the informative article share with us html5 web design services in india

    ReplyDelete
  62. You post explain everything in detail and it was very interesting to read. Thank you. nata coaching centres in chennai

    ReplyDelete
  63. Web Designing Course, Training, Institute in Janakpuri, Dwarka, Uttam Nagar

    ReplyDelete
  64. Great post. This article is really very interesting and enjoyable. I think its must be helpful and informative for us. Thanks for sharing your nice post. Technology Company in India

    ReplyDelete
  65. "Beautiful Blog. Great content."!!

    "Really nice and awesome "!!

    web application development services

    ReplyDelete
  66. we are Delhi based Web Design Company. but we deals all over india and overseas as well. we have Dubai, Singapore, hong kong , London customer as well.

    ReplyDelete
  67. thanks for this i was searching to know about this and now after see this article i dot the solution for my Query.
    100 placement guarantee courses in bangalore

    ReplyDelete