Recently, one my blog readers wanted to know how do I add Java scripts and other HTML codes in my blog posts. To be very frank, even I had this question when I started my blog initially. And when I tried to implement such tricks in my blog, I faced a lot of difficulties with the coding. But nowadays, I find many sites have come up with blogging tips and it has become very simple to customize your blog. Let me straight away tell you, how to implement this trick on your blog posts.
If you just want to show up HTML codes in your blogger post, that is without any customization, then use this site : Simple Code. This method will show the HTML as it is and looks very simple. If you want to customize the way it is displayed, like I do in my blog, then you should follow the next method. In this method, you will have to include some codings and then your job will be done.
Follow these simple steps to include the HTML/Java script codes in your blog post:
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, do a search using "CTRL+F" for the following line:
3. Once you find the code, Download and Paste the following piece of code above it.
]]>/b:skin3. Once you find the code, Download and Paste the following piece of code above it.
4. Once you do this step, save your template and return to your blog post where you want to insert the HTML code. Place the HTML content in between the following two tags namely,
5. You can include the code straight away in the "Compose Mode" of your blog post area. After you complete your post, you can simply click the button "PUBLISH POST" and later, view the result.
If you still find problems with the display of HTML codes, then use Simple Code and get the simplified code from that site. Now, place this simplified code in between the two tags as mentioned in step four. That's all folks. Hope I made it simple and clear. Please post your views below through comments.
div class="codeview" and /div5. You can include the code straight away in the "Compose Mode" of your blog post area. After you complete your post, you can simply click the button "PUBLISH POST" and later, view the result.
If you still find problems with the display of HTML codes, then use Simple Code and get the simplified code from that site. Now, place this simplified code in between the two tags as mentioned in step four. That's all folks. Hope I made it simple and clear. Please post your views below through comments.
For Further Reading,
- Facebook Widgets and Tools for Your Website and Blog
- 200+ Best Social Media Resources for Bloggers
- 29+ Best Blogger Widgets And Plugins For Your Blog
- 23+ BestTwitter Desktop Clients For Mac
- How To Add 125x125 Ad Spots To Your Blog at Side Bar
- How To Increase Traffic To Your Blog or Website
- 20 Essential And Very Useful Wordpress Plugins
- How I Can Add Stripe Ad in Blogger or Blogspot Blog
- How To Show More Than 10 Recent Posts in Blogger or Blogspot Blog
- google wave in blogger?Image based tutorial
- Displaying total number of posts and comments to blogger
- Add Flash Files to your blogger
- Adding animated GIFs to blogger
- Change color and size of default tag cloud in blogger
- Display More Targeted AdSense Ads on Your Blog
- How to add a Google Picasa Web Album Slideshow
- How to Embed Ad Code Anywhere in Your Blogger Template
- Blogger Comment Posting with Name and URL
- Ad Stripe at Top with blink in blogger blog
- Add A Reply Option To Blogger Comments
0 comments:
Post a Comment