Pages

Monday, March 31, 2014

Picture in the blog title, blog description, post title

Want to have a logo or other picture next to the blog title? No problem. I have tested putting the HTML img tag <img> in the blog title and have found that it is possible to put HTML code in the blog title but subject to a maximum of 100 characters.

Here is How (If you want to control the size, click here)
To put a logo or picture next to your blog title, first thing you need to do is to upload your picture to the Internet. You can do that with a free account in Photo Bucket. After uploading to Photobucket, you will see to the right of the picture a section LINK TO THIS PHOTO. Take the URL listed as DIRECT.

You can do the same for the blog description but in this case it will be much easier because the maximum no. of characters in the blog description is 500. In the case of the post title, there seem to be no limit to the number of characters?

How to resize

If you are not happy regarding the size, there are 2 ways to resize it:

1. Just resize the original picture before uploading. For this purpose you can use the MS Paint. Open the picture file with Paint, then click the RESIZE tab. If you don't want your picture to be distorted, make sure you tick [ ]Maintain aspect ratio and just type in either the horizontal or the vertical size (as you type in 1, the other will change automatically). Otherwise don't tick it and you are free to type in whatever value for horizontal or vertical. Once you have resize to your satisfaction, save it to your computer, then just follow the instruction above

2. You may also upload the picture as it is, then add in an attribute to the <img> tag. If you are lazy, just rewrite it as <img src="picture url" width="x" /</img>. Alternatively you can use MS Paint or Irfanview to determine a suitable value for the height (vertical) for a give width (horzintal).