5 HTML codes that you must have to use on your Blog

Generally, WordPress is built on CSS, JS and PHP but when you are talking about blog posts, I am sure that you must give a different look to every of your articles. You also must have to consider Search Engine optimization  as well as overall look. The first thing will bring more 

visitor for your blog and the second one will force and engage your visitors inside your blog. Though there are a few plugins to give a effective look to your posts but I think any factitious tool will not help you as like man-made things. That’s why I am talking all about these.

If you are agree with me, you can follow the following coding.

Manually Set Image Height and Width:

<img alt=”Your Text” src=”Image URL” width=”XXX” height=”YYY” title=”Image Title” />

You know that WordPress Image controller gives only up to 4 image sizes. But if you use this trick, you can add any image with your defined height and width. Use the above coding. Don’t forget to replace XXX with your width and YYY with your height.

Create Button:

<button type=”button”><em><strong>Your Text Here</strong></em></button>

it will create a button like symbol into your post. You can change any normal text with such like this effect.

Add Check box:

<label><input name=”checkbox” value=”checkbox” type=”checkbox”>Your Text Here</label>

Generally, this trick can be used if you are behind a tech blog and running a how to guide tutorial blog.

Add iFrame:

<iframe src=”demo_iframe.htm” width=”200″ height=”200″></iframe>
<p>Some older browsers don’t support iframes.</p>
<p>If they don’t, the iframe will not be visible.</p>

Create an iFrame inside your post. it will help you to make short your long post.

Add Audio File:

<audio controls>
<source src=”abcd.ogg” type=”audio/ogg”>
<source src=”abcd.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.

It will aid to you embed audio player inside your blog post.

I think these 5 tutorials will help you very much. If you have any problem for these codes, you can connect with us.

Feel Free to share your thoughts in the comment section below.
Don't forget to follow us on Twitter, like our Facebook Fan Page and Add us to your circles on Google+ to keep you updated with the latest technology news, gadget reviews, launches around the world and much more
Tagged with