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.

Thursday, November 21, 2013

How to change email address for Blogger login

Below is a quick summary. For detailed instructions, go to How to change email address for Blogger login (New GUI)

Open 2 browsers - B1 with email 1 and B2 with email 2
In B1, sign into your current Blogger account
Invite email 2 as author

In B2, sign into email 2 and accept invitation

Go back to B1 and make email 2 admin

Go back to B2 and make sure email 2 is author and admin
Then if you wish, remove email 1 as author and/or admin

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="http://4.bp.blogspot.com/-2m9XCD-f9QM/UjutsaY6HTI/AAAAAAAAEb4/vbzljJ2SZvY/s1600/book+google+blogger+for+dummies.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-2m9XCD-f9QM/UjutsaY6HTI/AAAAAAAAEb4/vbzljJ2SZvY/s400/book+google+blogger+for+dummies.jpg" /></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:

http://www.blogger.com/revert-profile.g

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

Monday, July 15, 2013

AdSense regular account & hosted account

Way back, the only way one can get to display AdSense ads and generate revenue was to apply to AdSense and after getting approved, one can then generate codes via AdSense and for Blogger blogs, copy-paste the code into a HTML/Javascript gadget to display the ads. This is referred to as a regular AdSense account.

In more recent days, one could also get what is referred to as a hosted AdSense account via Google services like Blogger or Youtube, and for Blogger, get to display the ads via a Blogger AdSense gadget (Dashboard > Layout > Add a gadget > Add an AdSense gadget).

However, recently bloggers had been reporting problems adding an AdSense link unit this way. What the blogger can do is to apply for a regular AdSense account. Or if you have AdSense ads via other host parner but want to display ads in your non-host partner website, you should also apply for a regular AdSense account. Here is how:

1. Sign in to your AdSense account.
2. On the Home tab, visit the Account settings page.
3, In the "Access and authorization" section, next to "Only host sites are allowed to show ads for your account," click edit.
4, On the “Show ads on other websites” page that appears, enter the URL of the site where you plan to show ads.
5, Click Submit.
6, Finally you need to implement AdSense ad code on the URL that you provided above, on a page that receives traffic.

When your application is approved, you can then generate AdSense code and place them in your own website (or copy-paste into a Blogger HTML/Javascript gadget) to display AdSense ads. Refer to Ad code implementation guide.

Sunday, July 14, 2013

How to change post content column width using Template Designer

While you can easily change the whole width and the sidebar/sidebars width by signing into DASHBOARD > LAYOUT > TEMPLATE DESIGNER > ADVANCED > CHANGE WIDTH (if you don't understand this, click here) and dragging the slider cursor, you can't change the width of the main column (post content column) width this way as there are no slider for the width of the main column.

screenshot:Using template designer to change blog width

However, using an indirect method by manipulating the blog width and the sidebar or sidebar widths width and using simple arithmetic, you can change the width of the main column.

For example, for a single sidebar blog, you have set your blog width to 1000px and your sidebar to 300px, the main column width will then be 1000px - 300px = 700px. However, you want your main column to be 750px. You would thus have to reset the sidebar width to 1000px - 750px = 250px.

Another example for a 2 sidebars and a 1000px blog. The sidebars are each 300px wide. Thus the width of the main column = 1000 - 300 - 300 = 400px. However, 400px for the main column is too narrow for you and you want it to be 450px. Let the sidebar be X and the main column width be M. Then
M = 1000 - X - X or
450 = 1000 - 2X. Then
2X = 1000 - 450 = 550
x = 550/2 = 275px
You will thus set your sidebars to be 275px wide to get main column width to be 450px.

Changing blog widths via Template Designer


First, sign into the Blogger's Dashboard, click the LAYOUT tab Blogger's Dashboard - Layout

then TEMPLATE DESIGNER tab Blogger Dashboard - Layout - Template Designer at the top, then at the right sidebar click ADVANCED Blogger Dashboard - Layout - Template Designer - Advanced. Go back to the top to read how change the main column sidebar using Template Designer.



Monday, July 08, 2013

Recover accidentally deleted post Part 2 with original permalink and comments


(Update June 2014: This method had been tested and found to work before this post was published. Further if you check the comments, it has also helped many to recover their deleted post with the original permalink. However, something has changed for on retesting, it has been found that after recovering the content in the post editor using the postID, republishing it will result in a error message. However, you can still get the content to copy-paste into a new editor and republish but the original permalink will not be recovered.)

The earlier post described a few methods of recovering deleted post of which the first 2 methods are applicable if you happened to still have access to the computer where you had prepared the deleted post or you have not closed the browser or browser tab where you had viewed the the deleted post.

Method 3 of recovering deleted post require you to find a cached copy of the deleted post on the Internet and assume that you would be satisfied with reconstructing your deleted post from scratch using the information from the cached copy. You would not be able to restore the comments or recover the original permalink, but will end using the content from the cached webpage to reconstruct the post which will probably have a different permalink from the original.

Below is described a fifth method which can considered to be an improvement to the above in the sense that you can recover the exact post as it was before it was deleted together with comments and the original permalink. Credit should be given to Tom who blog at TED Image tests for hitting upon this method of recovering the post ID from cached copies to restore deleted post.

Sunday, July 07, 2013

How to resolve login problems

If you are having problems signing into Blogger dashboard, you should go to Blogger's account recovery tool where you can input either your blogspot URL (web address) or your email address and follow the instructions.

If you still have problems, then head over to Google Accounts Help Center where there will be more details on how to recover access to your account.

Thursday, July 04, 2013

Required field must not be blank - solution


Any blogger who recently have tried to add or edit a gadget (page element) which did not have a title for the gadget must have come across this problem - the gadget cannot be saved without a title. Error message - "Required field must not be blank"

Blogger gadget save problem - required title field must not be blank

Sunday, June 23, 2013

How to clear cache, cookies, browsing history

There may be times when you have made changes but don't see the changes when you view it with a browser. This may be because you are viewing a cached copies. What you need to do is to clear the cache memory.

This is how you can clear your cache memory for the following browsers:

Internet Explorer 7

Click "Tools" tab at the menu bar
Select "Internet Options"
Click on the "General" tab
Under "Browsing history", click on the "Delete" button
Click on "Delete files"
Click on "Delete cookies"
Click "Close" and "OK" to exit

Internet Explorer 8

Click "Tools" tab at the menu bar
Select "Internet Options"
Click on the "General" tab
Under "Browsing history", click on the "Delete" button
Uncheck "Preserve Favorites website data"
Ensure that both "Temporary Internet Files" and "Cookies" are checked
Click on the "Delete" button
Click "OK" to exit

Google Chrome 18+

Click on the tool icon on the top right hand corner
Select "History"
Click "Clear all browsing data"
Ensure that both "Empty the cache" and "Delete cookies and other site and plug-in data" are checked
Click on the "Clear browsing data" button

Mozilla Firefox 11+

Click "Tools" tab at the menu bar
Select "Options"
Click on the "Privacy" tab
Under "History", click on the "clear your recent history" hyperlink
Ensure that both "Cookies" and "Cache" are checked
Click on the "Clear Now" button

Safari 5+

Click on "Safari"
Select "Empty Cache"
Click "Empty"

Click on "Safari"
Select "Preferences"
Select "Privacy" tab
Click "Remove All Website Data"
Click "Remove Now"

Wednesday, June 05, 2013

New: Blogger contact form gadget

Blogger has recently added a third party CONTACT FORM gadget to its lists of gadgets. The contact form is fluid with width conforming to the width of the section to which it had been added so you don't need to worry over how wide your contact form should be:

blogger contact form gadget

There are only 3 fields (boxes) - Name, Email and Message.

To add a contact form, sign into Blogger (Dashboard), click the down arrow of the drop down menu on the extreme right side, select LAYOUT as shown in the screenshot below:

Blogger dashboard drop down menu to layout

At the popup, click MORE GADGETS on the left side, then select CONTACT FORM.

blogger more gadgets contact form

Now whenever anyone submits the contact form, you will receive a message in your email INBOX (the email which you used as a username for your Blogger account).

If you find the Contact Form gadget too basic, there are other alternatives such as:

1. create a contact form using Google Drive (Google Docs) then use the embed code to embed it into your blog.
2. KontactR
3. eMail Contact Form Part 2

Saturday, May 25, 2013

Google Reader retired - alternatives

Well, Google Reader loved by many bloggers, a content application and RSS platform, an aggregator of content served by web feeds will be retired July 1, 2013. You can read more about it at A second spring of cleaning.

Don't worry, there are plenty of alternatives and here are some of them (updated):

1. Feedly
2. Bloglines
3. The Old Reader
4. Feed Booster
5. netwipes Social Media Monitoring
6. NewsBlur
7. Bloglovin
8. Protopage
9. iGoogle

Tuesday, May 21, 2013

Recent comments widget for Blogger

Adding RECENT COMMENTS to a Blogger blog may be done in more than one ways such as:

Using the FEED URL
Editing the template

Recent comments using blog feed


Recent comments widget can be added to a Blogger blog using the feed URL as a work around for the lack of a recent comments widget by Blogger. The way to add is is to go your your Dashboard, click LAYOUT, then ADD A GADGET in the place you want it such as the sidebar. Then type in your blog feed URL such as http://YOURBLOG.blogspot.com making sure to replace YOURBLOG with the actual URL of your own blog as shown in the screenshot below:

Blogger feed URL widget

Then click CONTINUE and you will be presented with a CONFIGURE FEED popup. Then type in the title "Recent Comments" or any other title as you wish and tick the options you want as shown in the screenshot below:

Blogger feed widget

Click SAVE and you are done.

If you have a custom domain for your blog, you may also use the alternative feed URL such as http://www.YOURBLOG.com replacing YOURBLOG with the actual URL of your custom domain blog.

Recent comments by editing template


If you are comfortable with editing your blog template, you may also add this code to your template:

<MainPage>
<h2 class="sidebar-title">Recent Comments</h2>
<ul>
<Blogger>
<BlogItemCommentsEnabled>
<BlogItemComments>

<li><$BlogCommentAuthor$> //
<a href="<$BlogCommentPermalinkURL$>">
<$BlogCommentDateTime$></a></li>

</BlogItemComments>
</BlogItemCommentsEnabled>
</Blogger>
</ul>
</MainPage>

For more details, see Blogger: Recent comments in the sidebar

Credits:
Template blog: Show recent comments on Blogger

Monday, April 22, 2013

ADVICE: Custom domains - ensure you record blogspot URL

If you have converted your blogspot blog to Custom Domain, you are highly advised to save the blogspot URL (address) in case your blog ever get wrongly identified as a spam blog or for TOS (Terms Of Service) violation especially if for some reasons Google/Blogger had chosen to not give you the option of requesting for review by clicking the link to review in the Dashboard. (Do not assume that custom domain blogs are immune to deletion?).

In this case, your only option will be to request for review via the Blogger Help Forum. You cannot give the custom domain URL for review. Only the blogspot URL will help you.

If you do not have your blogspot URL saved somewhere safe and easily retrievable, I would advise you to refer to How to revert custom domain to blogspot if only temporarily, then revert back to custom domain once you have the blogspot URL recorded. Don't take chances if you don't want to run into difficulties when requesting for blog deletion review.

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