How to embed HTML / Javascript codes in WordPress easily
Mar 5
It was frustrating for sometime since I started blogging last January. I just can’t embed some HTML codes and any javascript code in my WordPress blog. Somehow, the codes get distorted whenever I click on Publish button.
When Bloggista.com started accepting free blog hosting, the only valuable plugin I installed to allow embedding videos is the YouTube plugin from Gecko. It was cool, and one of Bloggista.com’s valued blogger, Mosaico, has been using the plugin with ease.
But Mosaico, who seemed to have been cookin’ some real nice blog, wanted to embed more videos aside from YouTube. Fortunately, I came across this very simple plugin - EmbedIt. It allows embedding of HTML and any javascript code on the fly, utilizing the built in Custom Code in WordPress.
To make it work, just the follow these simple steps:
>>> Download and install the plugin.
- To embed any HTML or javascript code (video, Google ads, etc.) in your Post, scroll down to ‘Custom Fields‘.
- In the “Key” Field, type your field code, e.g. HTML1
- Paste the HTM/Javascript code
- ex. < object height =”355″ width =”425″>
< param name =”movie” value =”http://www.youtube.com/v/crA2XGJ02kQ”>< /param>
< param name =”wmode” value =”transparent”>< /param>< embed src=”http://www. youtube.com/v/crA2XGJ02kQ” type =”application/x-shockwave-flash” wmode =”transparent” height =”355″ width =”425″>< /embed>< /object>
- ex. < object height =”355″ width =”425″>
- Click on ‘Add Custom Code‘ to save your Custom Code: HTML1
- Insert the custom code wherever you want it to appear in your Post by using the following tag: [ c o d e ]. In this example, I will embed HTML1 with the above HTML codes by using the tag, [ H T M L 1 ].
Sample Video embed: Rare Pepsi vs. Coke commercial
Below is an example of inserting Google Ads in the body of your Post.
For more detailed instructions, check out EmbedIt plugin author’s blog at Robin Good.
If you want to know the latest posts, you can subscribe using your favorite RSS feed reader or get them delivered to your email inbox. Thanks!
Sphere: Related Content|
|
|













Thanks for the little HTML guide. I’ll try it on my own site later this week.
[Reply]
dont work at my blog!
[Reply]
@loque, have you installed the EmbedIt Wordpress plugin yet? Once you downloaded it and copied in your Wordpress Plugins directory, you should be able to use the [HTML1] code in your post.
[Reply]
Dude, you seem to be all over the internet. I was looking for tips on how to embed javascript on my posts and your blog came up! Thanks.
Third World Geek’s last blog post..The Best Free Premium Wordpress Templates
[Reply]
Hahaha. What’s up dude! yep, that script is very useful. Makes embedding any html or script easy.
[Reply]
hello,
does this plugin compatible with wordpress mu? Try it next time, have no time today.. Hope it will work.
Nolis last blog post..Tracking what is kabonfootprint
[Reply]