Register Your Domains Hassle-Free

Sunday, 15 January 2012

How to put a gadget above your blog's header

This article is about how to put an item (any type of gadget) above the Title section in a blog made with Google Blogger.

Overview

If your blog has a layout or designer template, then (almost?) all of Blogger's templates start out with a nav-bar at the top of the screen, followed by a Header section showing your blogs title & description, or a custom header image if you've uploaded one.

And even if you go into the place in the layout-designer where you can re-arrange the layout by drag-and-dropping items, you cannot drag any gadgets to above the header.

But this is easy to change, provided you are willing to accept the disadvantages of editing your blog's layout template.


How to allow changes above your blog's header:

Follow these steps to make it possible for you (or any blog administrator) to add gadgets to the area about your blog's heading section:

1  Edit your blog's template
Old UI:  Design > Edit HTML
New UI:  Template > Edit HTML > Proceed

2  Download a full copy of your template, and put it somewhere safe (in case something goes wrong, and you need to restore from it).

3  Find this code in your template:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>
Hint:  use your browser's search tool, (Edit>Find in Firefox, Ctrl/f in Chrome) to look for a key phrase like "id='Header1'

4  Change it to
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>
Notice that there are two changes made:
  • Setting maxwidgets to greater than 1, and
  • Setting showaddelement to Yes, instead of No

5  Click Preview, to check that your template is working:
This shows you a view of the screen, but you won't be able to click the items on the preview srcreen.   It's a good idea to do this even for very simple changes, so that you know that they will save correctly.

6  Click Save to apply the changes to your blog's template.

7  Quickly test your blog, to make sure that nothing else was accidentally changed.   At very least, you should click one of each "type" of link on the main page (eg one post title, one page tab, on search button)


What you will see:

After you make this change, the next time you edit your blog layout (New UI:  Layout    Old UI:  Design > Page Elements), then you will find that you can add or drag-and-drop up to three gadgets to the Heading section of the blog, making a total of four.

You can add even more gadgets by changing the number for maxwidgets to something else.


Related Articles: 



Disadvantages of editing your blog's layout template

How to set up an extra administrator for your blog

Types of Blogger template

Planning changes to your blog - in private

How the data in Blogger blogs is organised.

Saturday, 14 January 2012

Google CSE API documentation upgrade

Google's custom search engine API is now fully documented  (announced here).

It won't mean anything if you just use a regular Google Custom Search on your blog, but for those who have coded their own special engines - or who would like to, this could be very good news.

They've also made the Help Centre prettier (like most of the Google tools are doing), and added more languages to it.

Friday, 13 January 2012

Giving another Google account control over your blog

This article is about changing the ownership of your Blogger blog.   As well as looking at how to make the changes inside Blogger, it also looks at some other issues you may need to think about (eg comment moderation, items outside Blogger, advertising).


Blogs and Google Accounts

Each blog is "owned" by at least one Google account.   This administrator account can do anything in the blog:  write posts, set up new authors, change the template, add new formatting rules, delete posts - or the entire blog, moderate comments, etc etc etc.

Initially, the account that sets up the blog is the owner.  But if the person using this account gives someone else administrator rights, then there are multiple owners.

And once there are multiple administrators, any one administrator can delete all the others, or just demote them down to being authors, thus making him or her self into the owner,

So this is the very minimum that you need to do to transfer blog ownership to another Google account:
  1. Give the other Google account author rights, then once this is successful,
  2. Give the other Google account administrator rights.

But, unless you have a very, very simple blog, you cannot stop there: you also need to think about other things that may have been set up, inside Blogger, and in any other tools that the blog uses.


Inside Blogger


Comments
You may want to change who is notified about any comments that are left on the blog.  This is done on the Settings / Comments tab:  there are separate sections for
  • Comment moderation (one email address)
  • Comment notification (a list of email addresses)


Email Notifications:
If the blog is set up to notify anyone when it is published, you may want to review this - any any related Google groups or forwarding addresses you may be using to make this work.


Mail2Post:
If the blog is set up to receive postings by email, you may want to change the secret words (so the old owner no longer knows them).   If there is an intermediate email-address used so that the owner can tell who made Mail2Posts, then the new owner should either take over this account, or set up and use a new one.   
All set under (Settings / Email and Mobile /Posting Options)


Mobile Posting:
If the blog is set up to receive postings by SMS, you may want to change the device that is registered, so the old owner no longer has access.  (Settings / Email and Mobile /Posting Options)


Custom URL:
If your blog has a custom domain, then you'll almost certainly want to transfer control of this.

If you purchased the domain inside Blogger, then you should have set up a domain-administrator account shortly after registering the domain-name.   The easiest option is just to tell the new owner the login name and password for that account - and tell them how to access it.

If the new owner doesn't want to keep the Google (ie goDaddy or eNom) link, then they can log in to whatever domain registrar that they want to use, and request a transfer.   You will get an email and need to do some things in response to make the transfer successful.   Make you you read it carefully, because each registrar is different.

But I'm not currently sure if there's any way for the new owner to keep the Google (goDaddy/eNom) link.


Items controlled outside Blogger

These days, most blogs include some items which are stored outside Blogger. If you transfer the ownership of a blog, you may also want to transfer these items, or at least make a plan for what will happen to them.

I've put notes about a few that I know about here - If you know about any others that are popular, please leave a comment below and I'll update the list.


RSS Feeds created in Feedburner
To transfer ownership of an RSS feed, log into Feedburner, click on the Feed that you want to transfer, and click on the Transfer Feed link.   You are prompted to enter an email address, and Feedburner say that they will contact that email to arrange the transfer within 72 hours.

Photos / Images
Any pictures that you upload via Blogger are stored in a Picasa web-album that belongs to the account that did the uploading.   Unfortunately Google doesn't yet provide any way to transfer ownership of individual web-albums.    I don't (yet) know if the recently introduced collaboration features help here or not, but they may.

Also, pictures uploaded before Blogger started using Picasa-web-albums (possibly sometime in 2007 I think) cannot be transferred.

Calendars 
???

Docs files 
If your blog links to any files hosted in Google Docs or Sites file stores, then these are owned by the Google Account that created or uploaded them.   Check with that site to see if it's possible to transfer.


Custom Maps
I don't think that there is any way to transfer ownership of these.

An option is for the old owner to provide the export file location (view the map, right click on "view in google earth" and choose copy URL), and the new owner could then create a new map (and put this into the blog) - however this will be a lot of work if may maps are used.


Custom-searches
I don't think that there is any way to transfer ownership of these.  


Videos 
(if you own them - not ones owned by others that you're just linked to)


Social Network sites
For example Facebook pages, Twitter accounts.   (These may not be inside the blog at all, but may be a key part of it's promotional tools - if you are taking over ownership of a blog, you will probably want to take over these too.)

    For items that cannot be transferred, you need to transfer them manually (if this is possible), or to reach an agreement between the old account owner and the new account owner about what will happen to the items.    For example, you may agree that the old account owner will not delete the web-albums for one month, and that they will download the photos and provide them on CD to the new account owner - who will then upload them, and change all the photo links in the blog to the new URLs.

    If your blog has any advertising (eg AdSense, Amazon Associates, Chitika, or indeed any other advertiser) you may need to transfer the account that this is linked to.

    For AdSense, if the advertising was set up through Blogger, you can change the account under the Monetize tab.   However if any ads were put inside individual posts, these posts will all have to be edited, and ad-units for the new owner will need to be added.   (I don't think you can just replace the Publisher-ID, because the ad-unit has and ID as well.

    I'm not sure how sophisticated this is as yet:  if you want to keep the advertising, rather than removing and then re-creating the advertising, it may be a good idea for the new account to set up advertising accounts for itself on another (test) blog first, and then switch it over in the blog that's being changed, so that the existing ads/ad-structures are kept.


    An Alternative:

    Depending on how many items-outside-Blogger that the current account owns, it may be better for the person who owns the current account to just give it to the new owner, and to get themselves a new account.

    Even better:  If there's a chance that the blog will ever change hands, set up a new account just it when you start the blog.  I'm going to write a whole post about this one day soon - but for now I'm convinced that you really need to think about the future as soon as you start your blog.



    Related Articles: 



    Understanding Google Accounts

    Granting administrator-level access to your blog

    Setting up a new author for your blog

    Deleting blogs and blog-posts

    Setting up email posting for your Blogger account

    How to resolve conflicting Google and Google Apps accounts

    Why RSS / Subscribe to Posts is important for your blog

    Understanding Picasa-web-albums

    Getting started with Blogger

    Wednesday, 4 January 2012

    It's annual performance review time - how did Blogger-HAT do in 2011?

    This article is an review of Blogger Hint and Tips's performance in 2011, and includes a some statistics, and plans for 2012.

    2011, the year in review 

    Most jobs have an annual performance review.   Done well, this is a chance to look back at what you've acheived, what worked and what didn't, what you have learned, what you need to learn, and what you want to achieve next year.

    So it makes sense for a blog to have an annual review too.   Here's mine.


    Thanks to BloggerSentral, whose 2011 Statistics post inspired me to write this.


    The numbers

    The tools don't tell me what the subscriber numbers were in 2010, but at the end of December 2011, Blogger-HAT had

    Traffic:

    The number of visits per month per month:

    Conclusion: traffic grew pretty steadily through the year:


    Top traffic sources:

    Source:
    #Visits
    %Total
    Google / organic (ie search results)7935157%
    Google.com / referral (ie Help Forum)4109229%
    Direct126069%
    Google.XXX (search from various countries own Google sites)30962%
    Blogger.com / referral8271%
    Feedburner / feed7181%
    Search / organic3970%
    Google translation2800%
    Email1910%
    Facebook.com1540%
    Swagbucks.com / referral1000%
    Ask / organic870%
    Aol / organic760%
    Feedburner / email670%
    Too-clever-by-half.blogspot.com / referral580%
    Yahoo / organic (ie search results)580%
    Conclusions:
    • This blog is very dependent on Google, and gets almost no "Binhoo" traffic (ie from other search engines) - I'd be worried, except that it's reasonable that most Blogger users will use Google to search.
    • Almost third traffic comes from questions I answer on Blogger-help-form:  this is worth doing.
    • BHAT is starting to get links from a range of other sites: this is probably something to work on.

    The most popular posts were no surprise - you can see them in the widget on the sidebar.

    The bounce-rate is quite high, though (between 55 and 70%) - and it's been increasing steadily.   This is probably something to work on, it may be related to the number of articles that need updating for the Sept-2011 interface change.

    Screen resolution
    People keep saying that this matters, and that we need to design for smaller screens.   And personally I've been using a Netbook a lot recently, because it's just so portable.    But it doesn't look like Blogger-HAT visitors are working like that:

    Screen Width (px)% of total visits
    Less than 320 wide0.33%
    300 - 767 wide0.76%
    768 - 1023 wide1.56%
    1024 - 1151 wide15.62%
    1152 - 1278 wide1.86%
    1280 + wide79.88%
    Grand Total100.00%


    Conclusion:  
    Mobile may be "hot" - but small screen aren't being used when people want information about how to use Blogger.   Personally, I'm picking that most of my 80% of visitors using wide screens do have small screen devices - they just use them for different things.


    Achievements:

    The big success of the year was a re-write over every single post:  during 2011, every post in Blogger-HAT was reviewed:  the format was standardised, and the contents reviewed.   For many articles, this meant a complete re-write, or splitting one post into 3 or 4 smaller topics. This process started in late April, and finally finished on 31 December with a total re-write of Combining a forwarding-address and mail2Post, so you know who posted what.

    This is also the year when I started to take social media seriously:  Blogger-HAT's activity there is still small (I'd rather focus time on researching new content), but growing.


    Plans for 2012:

    I'm just about to launch Blogger-HAT-Lite where I can share quick but unresearched notes about announcements form other products that may affect Blogger users.

    Updating existing articles to include "new blogger interface" info is a big priority.   Anything tagged   YY - needs Sept11 review  still needs to be done.   Right now, that's 149 articles.

    I think that customizing mobile and dynamic templates will be a hot topic in 2012 - although very niche-specific.  I'd love to investigate this, but not sure if I'll get time to work on it.  But I noticed recently that  Southern Speakers has been doing a good number of posts about how to modify dynamic template blogs using CSS, so maybe I won't bother.

    Lastly, I've started another blog that involves cataloging music and song books on a very specific topic.   Blogger is a fantastic base for sharing this material, especially the "detailed song information" behind it.   But I'm  building the content for a detailed database, and maybe I'll be looking for a tool that lets visitors request   structured database queries (not just searches) and then shows result sets inside posts.   Any hints on options for this are welcome.


    What do you think?

    At the end of most annual reviews, the boss looks over his/her glasses and says "Overall, I'm ranking your performance as <whatever>" for the year".

    I'm a bit short of bosses in this "job" - but would love to hear how Blogger-HAT could do a better job in 2012.   You know where to find the comments-box, just under the page-links section, so please let me hear your thoughts.



    Related Articles:



    Combining a forwarding-address and mail2Post, so you know who posted what.   (2011's last edited post)

    Removing the attribution gadget from your blog   (this year's most popular post, by far).

    Adding a Facebook Like, Send or Share button  (in 2nd place)

    Setting up Google Analytics on your blog   (if you want to get your own statistics)

    Finding out how many email subscribers you have

    Friday, 30 December 2011

    Turning the RSS feed off or on again

    By default, public Blogger sites offer an RSS feed.  But there may be times when you need to turn it off, either for good or temporarily.

    RSS and Blogger

    Previously I've explained what RSS is and why it's important for bloggers.

    But there may be times when you want to turn off your RSS feed, either because you don't want to offer one at all, or because you want to make some posts, or changes to existing posts that are not notified to  your RSS subscribers.

    Or you may need to turn it back on again - for example, if you want to use a dynamic template, to offer a subscribe-by-email option, or to enable automatic posting to Google +.



    How turn off a blog's RSS feed:

    In post-Sept 2011 Blogger (aka the new interface):
    • Go to the Settings > Other tab.
    • Under "Site Feed", use the drop-down to change Allow Blog Feed to "None".  
      (This is the only option that totally turns your feed off:  the others, including Custom, leave some aspects of the feed on.)



    In pre-Sept 2011 Blogger (aka the old interface):
    • Go to the Settings > Site Feed tab.
    • Beside Allow Blog Feeds, use the drop-down to change the value to "None". 
      (This is the only option that totally turns your feed off:  the others, including Custom, leave some aspects of the feed on.)



    How turn on your RSS feed:

    This is just the same as turning the feed off (see above), except that your need to choose one of these options instead:

    • Full - the whole post is shown in your feed
    • Until Jump Break  - only the part of the post before the jump break is sent to your feed
    • Short - only the first 120 (ish) letters, or less if the jump break comes first, are sent to your feed.

    Also, the new interface has a Custom option, and the old interface has an Advanced Mode.   If you use these , you can individually set the value for post feed, comments feed (all comments), and comments-feed-per-post.


    Private blogs 
    Blogs that are not public do not offer RSS feeds, because they cannot be secured.   So if your blog is private, then it does not matter what setting you choose, your blog will not offer an RSS feed.




    Related Articles:



    Understanding RSS - why it's imporant for bloggers who want to grow an audience

    What are dynamic templates

    Linking your blog and the social networks

    Follow-by-email gadget:  an easy way to offer email subscriptions

    Private blogs aren't as secure as you might think

    Thursday, 29 December 2011

    mail2Post: Using email to update your blog

    Blogger's mail2Post tool lets authors make blog-posts, without using the Blogger software.   All you need to do is set it up, and write posts using your regular email tools.

    Mail2Post and Blogger. 

    The mail2Post feature, sometimes known as Post-to-profile, is a way of putting content on your blog without using the full Blogger software for writing the post.

    It's not quite as good as using Blogger itself - there are a few features missing - but it is good enough in many situations.



    How to set up mail2Post

    Log in to Blogger with the Google account that you want to have mail2Post rights to your blog:  this account needs to already be set up as an author for the the blog.

    Go to
    • The Settings tab - if you are logged on with an author account, or
    • The Settings > Mobile & Email tab if you are using an administrator account  
      (The tab is called Settings > Email & Mobile in the old Blogger interface.)

    Beside Posting using email (or Email Posting Address in the old Blogger interface), there is a place where you can enter some "secretWords", to make up an email address that you can use to post to your blog.

    Enter some suitable words:  make sure it's not too easy to guess (your surname would not be a good choice!), so that spammers cannot get into it:


    Choose either to publish emailed updates as soon as they arrive, or to save email as drafts so that you,  or another administrator, can review them before posting.

    Note down the full email address, ie   NAME.your-secret-words@blogger.com   (you will need this later - and unfortunately because of the way it's displayed, it is not easy to copy-and-paste the value).

    Press Save (old interface) or Save Settings (new interface).


    Using the mail2Post address:

    Once mail2Post is set up, anyone who sends an email message to the email address you copied can post to your blog, with what ever restrictions you set.

    You might put message on your blog saying
     "send contributions to YOURNAME.YOURSECRETWORDS@blogger.com"
    But be aware that this could generate a lot of spam.   And in the worse case, the spam could get your blog deleted for breaking Blogger's terms and conditions.

    Alternatively, you might just tell the address to selected people - or perhaps even just use it yourself.


    How is a Post constructed from an email message:

    When a message is sent to your mail2Post address:
    • The subject-line of your email message becomes the Post-title
    • The body of the email message becomes the body of the post
    • I think:  If you automatically publish emailed posts, then the post date-and-time is the moment at which Blogger's servers received the incoming email message - expressed in Blogger's default time zone (PST OR PDT, I think).
    • No labels are applied to the post
    • The post-author is the profile name of the blog-author who set up the mail2Post address.

    Pictures and Videos
    People have reported various results when they include images and videos inside messages sent via mail2Post.   Personally, I have tested:
    • An attached picture - posted ok, the image is show before all the text from the body of the email message
    • An attached video file (4meg) - posted ok with the video appearing to be above the text from the email message
    • An in-line photo - worked perfectly, the picture is placed in the post in the same position (relative to the text) that it was in the original email.

    I suspect that the results  depend on they type of picture, the email client you are using, and the message format settings.   My testing was with Mozilla Thunderbird, which has a particular way of thinking about "attachments", slightly different from other email systems that I have used (eg Microsoft Outlook).

    Probably the only way to discover how photos are handled when you use your email to send them is to set up a test-blog and experiment with different options.


    What your readers see:

    People who read your blog in a web-browser see mail2Post entries just like any other posts.   If your blog displays the poster's name, then mail2Post entries have the name of the blog-author who set up the mail2Post address.

    As mentioned before, the positioning of pictures and videos may not always be as good:  attached pictures, in particular, may be shown as the very stop of the post.

    Apart from that, there is nothing to show visitors that the post was created using email - in either the post or in the blog's RSS feed.



    Related Articles:



    Giving someone write access (ie author permissions) to your blog

    Setting up a blog administrator

    Understanding Google accounts

    Setting up a test-blog to try things out in private

    RSS, and why it matters for your blog

    Monday, 26 December 2011

    Setting up a new Administrator for your blog

    This article shows you how to set up someone else (ie another Google account) as an administrator for your blog.

    What is a blog administrator 

    Wikipe-tan moppingAn administrator is a Google account (controlled by a person!) that has full rights over your blog: they can do anything that you can do, including write posts, edit anyone else's posts, change the template, add gadgets and formatting rules.   Also they can grant and remove author and administrator rights.

    This last point is very important: if you add someone as an administrator, then they immediately have the power to remove you as an administrator. This means that you need to be very careful who you give these rights to.

    How to give someone administrator rights

    Firstly, give them author rights.
    To do this, you may need to log in as the other person, or to wait for them to accept the invitation themselves. If you log in as them, then make sure that you either:
    • Use two computers,
    • Use separate browsers on the same computer (eg Firefox and Chrome, or Internet Explorer and Safari), OR
    • At least clear your cache and restart your browser between each login.

    Then upgrade them by logging in to Blogger as yourself (ie with an account that has administrator rights already).

    Pre-Sept-2011-Blogger (ie the old interface):
    • Go to the dashboard, Settings > Permissions tab.
    • Every account that has accepted an invitation to be an author will be listed. Choose the one want to make into an administrator, and click the Grant admin privliges link  to the right of their email address.  
    • Click Grant admin privileges button on the confirmation screen

    Post-Sept-2011-Blogger (ie the new interface):
    • Go to the dashboard ("home" button), Settings > Basic tab.
    • Scroll down to the Permissions area. 
    • Every account that has accepted an invitation to be an author will be listed. Choose the one want to make into an administrator, and choose Admin using the drop-down arrow to the right of their email address.   (Note:  this is an immediate change, you do not have to click Save.)

    Note that there are also options here for removing administrator rights, and removing author rights too.


    Very important:
     If you are doing this before removing your own administrator rights, eg as part of transferring a blog from one account to another, then it is very important make sure that the transfer has been successful before removing yourself: you do not want to be in a situation where your own account is no longer an administrator, but you don't have access to the actual administrator account.

    As before, ways of doing this include
    • Using two different computers,
    • Use separate browsers on the same computer (eg Firefox and Chrome, or Internet Explorer and Safari), OR
    • At least clear your cache and restart your browser between each login.


    Other things to consider

    Comment moderation:
    Only blog-administrators can moderate comments, so you may need to:
    • Set up comment notification so that the new administrator is emailed when a comment is left
    • Make sure that they know the policies that are applied to comments
    • Agree who is responsible for moderation at what times

    Custom domain administration:
    If you have a custom domain, and the new administrator may need to be involved with this, then you need to tell them about the domain-administrator account that you set up after purchasing the domain.

    Or if you are using a domain from an external domain registration company, they may need some other information about how to manage the domain.


    Other blog settings:
    Because an administrator has full control over the blog, they can do a number of things including:
    • Editing posts made by other authors
    • Change the template, layout or gadgets
    • Edit any of the blog's Pages
    • Granting and revoking other people's permissions
    • Change the default language and date/time settings 
    • Changing the RSS feed settings in any way
    • Edit the Adult-content warning setting, or the blog's Open-ID URL.
    You may need to agree how changes like this are to be done on your blog - including ensuring that backups are stored safely.



    Related Articles:



    Making an author for your blog.

    Transferring blog ownership

    Setting up a custom-domain administrator account

    Using a custom domain from an alternative registrar