Friday, July 11, 2014

How to add a picture to the post title

I have found that it is possible to put HTML tags in the post title which means that you just have to add a <img> tag

Thus if you want an image followed by the post title, you will then type into the field for the post title the following:

<img src="picture url" /> "put the post title here without the quotes" replacing "picture url" with the actual picture url and "post title" with the actual post title. Below a screenshot to illustrate:

picture before post title

Sunday, June 29, 2014

Rearrange Blogger labels, share buttons, comments

Here is how easily to rearrange the position of Blogger's labels, share buttons and comments in the posts. Just go to the Dashboard, click the down arrow and select LAYOUT:

Blogger Layout Select highlighted

Then in the Blog posts section in the middle of LAYOUT, click EDIT and you will get a pop-up and at the bottom will be a REARRANGE ITEMS section. Hover your mouse cursor over any item and the cursor changes to a cross:

Blogger Blog posts section rearrange items

Just drag and drop the selected item to your desired location and click SAVE.

Friday, June 27, 2014

Solution to Youtube embed code problem

Something has gone wrong with sharing a video with an embed (iFrame) code. The embedded video doesn't play when the play button is clicked and also nothing happens when we try to click on the Youtube icon to take us to the Youtube website with the video.

The embed code is broken and now looks like this:

<iframe width="560" height="315" src="//www.youtube.com/embed/4jJ5GEB0Bho" frameborder="0" allowfullscreen></iframe>

You will notice that the required http: is missing from the Youtube link. You can try to correct this by editing it to include the missing http:

But after publishing, the video will still not play. So what is the solution? Fortunately there is a simple solution - instead of adding http:, add https: instead so the embed code will now looks like this:

<iframe width="560" height="315" src="//https:www.youtube.com/embed/4jJ5GEB0Bho" frameborder="0" allowfullscreen></iframe>

Thursday, May 08, 2014

Recover deleted post together with deleted comments

Previously you should be able to recover a deleted post with original permalink together with the comments. However, something has changed and the method no longer works. However, you can still use any of the other 5 methods described in this post - How to recover deleted posts to restore the content, but it will have a different permalink and zero comment, thus having to start from scratch all over.

However, you can still recover your comments because even though the post is deleted, the comments are still saved in the Dashboard > Settings > Comments. The only thing is the comments are in ordered according to time and not according to the post, the latest comment at the top. So you would have to search for those comments which are associated with the deleted post title. So to restore the comments, use the methods described at this post - How to restore deleted comments.

if you moderate your comments via email notifications and you have not deleted those emails, you can also get the content of the comment and repost them as described above.

Monday, May 05, 2014

Adding alt, title attribute and caption for photos uploaded to Blogger

I already have a post on uploading pictures in the HTML mode and adding alt attribute to the picure, so to make it complete, let's make a post to explain to show step by step how you can add alt and title attributes as well as caption in the COMPOSE mode.

(alt attribute of the form alt="some text" will cause the "some text" to display when if for any reasons the picture cannot be displayed. It will also cause the text to be audible when a vision impaired visitor using screen reading software visit a webpage with pictures.)

Let's upload a picture here while in the COMPOSE mode of the post editor. Below will be what you will see in the post editor:



When you hover your mouse over the picture, the mouse cursor will change to a cross
Blogger uploaded picture cursor
Click on it and the picture become highlighted and a row with options appear below the picture

Click on PROPERTIES and a popup appears:
Then just type in whatever title text and alt text you find suitable and click OK and it is done.

Kelisa car wing mirror broken

Note that you can also make the picture small, medium, large, extra large, positioned left, center, right, also add caption:

Try hovering your mouse cursor on the picture above and note what you can see. Note that there is also a caption.



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.

Sign into www.blogger.com (Dashboard > Settings > Basic > click EDIT in the BLOG TITLE section

Then add the code below to your blog title:

<img src="photo url" /"> and save.

Picture next to blog title

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

A good alternative to MS Paint is Irfanview

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).

You may refer to Resizing Youtube video to fit main column or sidebar using calculation for an idea how to do it.

Tuesday, February 11, 2014

Signed in right Blogger account but no blogs? Solution

Ever have that frustrating experience of being logged into the right Blogger account but have zero blogs in the Dashboard?

Blogger: signed into correct Blogger account but no blogs in Dashboard

I have experienced this myself too and I have 2 possible solution.

First to confirm that you are actually signed into the right Blogger account. Surf to the blog which you want to do some editing or to make a new post. If you are signed into the right account, then you should be able to see the quick edit orange pencil icon and the wrench and screwdriver icon Blogger wrench and screwdriver icon.

Now all you have to do is to click the orange pencil icon to open the post editor on any post, then close it. Once the post editor is closed you should be back to your Dashboard but this time with the list of your blogs. From here you can do anything you want like to publish new post, to edit post, to get to the Layout, etc.

The second solution I found was just to change to a different browser although this may not always work.

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