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.

Wednesday, January 15, 2014

How to sign your post with graphic signature

1. create your signature with a graphic editor
2. save that graphic signature in your computer
3. write a new post and upload your graphic signature
4. publish the post (you save it as draft later)
5. Edit the post in the Edit HTML mode and get the picture address (URL) as shown here:
6. copy the picture signature URL (the part highlighted in red below) then go to
Dashboard > Settings > Posts and Comments
and in the POSTS section and after POST TEMPLATE click ADD as shown in the screenshot below:
Blogger post template

7. In the box for the post template, type this img tag to display your graphic signature:
<img src="your picure address (URL) as highlighted in red above" /> or as shown in the screenshot below:


8. Click orange SAVE SETTINGS at the top right

Creating a graphic signature

For this task, you can either use an online graphic signature maker like this onlinesignature.in. I tried this out and it was easy involving steps:
Step 1: Type signature
Step 2: Select font
Step 3: Select color
Step 4: Select font size
Step 5: Select font slope

How to get the picture address (URL)

After uploading your graphic signature, edit the post in the HTML mode and look for a bunch of codes like the one below. If these codes don't look familiar to you, don't worry. Just focus on the part after src=" and ending " /> as highlighted in red below:

<a href="http://3.bp.blogspot.com/-7bhWxIpRMY0/UtZ9FFKGAwI/AAAAAAAAAzk/eDsoZNQXU2Q/s1600/Peter+Chen+signature.png" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-7bhWxIpRMY0/UtZ9FFKGAwI/AAAAAAAAAzk/eDsoZNQXU2Q/s320/Peter+Chen+signature.png" /></a>

Friday, January 10, 2014

No blog in Blogger Dashboard but logged into right Blogger account

There had been reports in the Blogger Help Forum that bloggers have been presented with a Dashboard with no blog listed.

I myself had experienced the same thing while definitely sure I was signed into the right Blogger account. The screenshot below showed no blogs, only reading list in the Dashboard although clicking the download arrow at the top right showed I was logged into the right email address:

Signed in but no blogs in Dashboard

If you found no blogs in your Dashboard, what you should do is to visit one of your blogs while logged in and if you can see the quick edit orange pencil icon Blogger quick edit pencil icon and the wrench and screwdriver icon , then you can be absolutely sure that you are logged into the right account.

So if you want to get into the Blogger Dashboard to do something, just click on the orange pencil icon on one of the post to get to the post editor of that post, close the editor and you will be in the Dashboard of that post and you can get to the Dashboard for the whole Blogger account by clicking on the Mr. So & So's blogs, and you will then see the list of all your blogs.

Another way I found I could get around this problem is to use a different browser.

Thursday, January 09, 2014

BLOGGER - How to change template

First, log into www.blogger.com (Dashboard) and click the down arrow near the orange pencil icon as shown in the screenshot below:

Dashboard down arrow

Dashboard > Template
Then at the top right hand corner you will see a tab BACKUP/RESTORE



and you will see a pop-up:

Backup or restore template popup

First, it is wise to first backup your template before you make any changes, so click DOWNLOAD FULL TEMPLATE then save the xml file in your computer where you can easily find it again.

Now assuming you have the new template in xml format save in your computer, click CHOOSE FILE
Then select the file from your computer, then click UPLOAD and it is done

Tuesday, December 03, 2013

Content copied? How to make Blogger DMCA complaint.

You found someone copied your content? Here is how to make a Blogger DMCA complaint. Either follow the steps below or go direct to the Report alleged copyright infringement form

Step 1:
Go to Removing content from Google

Step 2:
In the "What Google product does your request relate to?" section,
tick ( ) Blogger/blogspot

Step 3:
In the "What can we help you with?" section,
tick ( ) I have a legal issue that is not mentioned above

Step 4:
In the "What can we help you with?" section,
tick ( )I have found content that may violate my copyright

Step 5:

In the "Are you the copyright owner or authorized to act on his/her behalf?"
tick ( ) Yes, I am the copyright owner or am authorized to act on the copyright owner’s behalf

Then just continue to provide the relevant information asked for, making sure you read and understand what you are reporting and what are the possible consequences.

If you get lost somewhere along the line, refer to the web address (URL) below:

https://support.google.com/legal/troubleshooter/1114905?product=blogger&rd=2
https://support.google.com/legal/troubleshooter/1114905?product=blogger&rd=2#ts=1115645
https://support.google.com/legal/troubleshooter/1114905?product=blogger&rd=2#ts=1115645,3331068
https://support.google.com/legal/troubleshooter/1114905?product=blogger&rd=2#ts=1115645,3331068,1115789
https://support.google.com/legal/troubleshooter/1114905?product=blogger&rd=2#ts=1115645,3331068,1115789,1117010

Or go directly to
Report alleged copyright infringement form

Sunday, November 24, 2013

Trouble shooting sidebar at page bottom problem

Recently while editing entries of a directory of a commercial centre using Blogger as a sort of CMS, discovered to my dismay the sidebars have slid to the bottom of the homepage. The directory has a total of 45 posts in its homepage.

Tried to pin point the offending post by opening the posts one by one. However, found checking the post one by one to be too slow and tedious and changed strategy. By going to
Dashboard > Settings > Posts and Comments
I set the homepage to display 5 posts, then 10 posts, then 15, then 20, then 25, then 30

Found that the problem starts when there were 30 posts in the home page, so that isolated the problems to posts number 26 to 30. So can try to open posts 26 to 30 one by one and in this way isolated to a single post.

On examination, found part of HTML code for the page break was wrongly typed --> as ==> is the source of the problem. Once this was corrected to ==> to -->, the sidebars no longer slid to the bottom of the page. Problem solved.

So when troubleshooting, check a few posts in one go rather than 1 by 1.

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