Friday, September 20, 2013

Making clickable picture in a post

One may want to make a picture, for example, a book cover, to be clickable (hyperlink) to link to, for example, an Amazon webpage. This will require you to use the HTML mode of the Blogger post editor.

First, save a copy of the book cover (or any picture) in your computer. Then, open the post editor in the HTML mode and upload the picture. You will get a bunch of codes like below:

<div class="separator" style="clear: both; text-align: center;"><a href="" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="" /></a></div>

If you are not familiar with the codes, don't worry. Just look for the blue href and concentrate on the green text between the 2 red quotation marks "". The green text beginning with the http:// is the web address (URL) of the picture.

Now all you have to do is to replace the green text with the web address (URL) of your target site and you are done. Try clicking on the picture of the book cover for example. Note that I have added the attribute target="_blank" to make it open in a new tab/window.:

Blogger post editor - HTML and COMPOSE modes

Whenever you click the pencil icon or the NEW POST button, you will open the post editor which can be either in the HTML mode or the Compose mode (WYSIWYG or What You See Is What You Get mode) selectable by clicking the relevant tabs Blogger Compose and HTML tabs at the top left of the post editor.

The number of tool icons available in the tool bar of the 2 different modes are different, less in the case of HTML mode and more with the COMPOSE mode:

While the HTML mode requires one to have some knowledge of HTML coding, it can give you more control over your blog. Furthermore, even a little knowledge of HTML can go a long way towards improving your posts. I very much prefer to use the HTML mode.

Saturday, September 07, 2013

How to revert from G+ profile to Blogger profile

Many bloggers have change their old Blogger profile to Google Plus (G+) profile and regretted the move, but don't know how to revert back to the old Blogger profile.

The solution, while simple, is not obvious. Just to to this link:

and there you will be able to change back to the old Blogger profile by clicking "Switch to a limited Blogger profile".

switch to limited Blogger profile

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics