Tutorials, tips and tricks about Blogger

The Blogger’s Image Upload Wizard allows you to upload up to 5 images at a time and most of the time this is enough, but if you usually upload bigger quantities the process can get very frustrating. To override this limit there’s an alternative within Firefox and the DragDropUpload add-on, which makes it as simple as this: 


1. Download DragDropUpload and add it to Mozilla Firefox, then restart the browser.

2. Open the Image Upload wizard in Blogger and from the dialog box drag all the images you want. By doing this it may look like that only 5 images were dragged, but the rest are in additional hidden fields the browser creates.

3. Upload the files.

Please take in count that Blogger has issues to upload some images, for example those which are 1px in length and more than 100px in height.

If it gives you an error by uploading lots of files, Blogger will return a list with the images it tried to upload, the first one is the one that provokes the error, you just then have to try to upload again skipping that first image.

Also, this add-on works in other upload systems with HTML fields like Gmail, so it is really worth installing it.

Twitter has made it mandatory to make use of each one of the characters we use to spread ideas in a few words and using short URL’s to give us a bit more room. Considering Twitter is getting every time a more valuable source for traffic, it really pays off to give our readers an easier alternative when they want to share our contents by providing short URL’s.

Now, using bit.ly’s API, Twitter’s default service, we can create and publish short URL’s for every entry on Blogger.

Step by Step

  1. To show a short URL at the bottom of every entry, do this search with the gadgets expanded:
    <div class='post-footer-line post-footer-line-3'>

    They might also be post-footer-line-1 or post-footer-line-2, just be careful you open and close the tags the right way.

  2. Inside any of the 3 footer lines, paste this code:
    <b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>
  3. Right before the closing tag:

    Paste the following script:

    <script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=bturls&amp;apiKey=R_37db93397f2c5d6b49a0f3d778d2e142"></script>
    <script type="text/javascript" charset="utf-8">
    		BitlyCB.myShortenCallback = function(data) {
    			// this is how to get a result of shortening a single url
    			var result;
    			for (var r in data.results) {
    				result = data.results[r];
    				result['longUrl'] = r;
    			document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";
    		BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
  4. As an option, you can give it your own style, in order to match your blog’s layout. For example:
    form#shorturl {
    #shorturl input {
    border:1px inset #CDCDCD;
    padding:1px 5px;

    Just remember that the styles go right before the closing tag:

  5. As a result, with the given style sample, in every individual page it looks like this:


    Providing a short URL instead of the original URL to tweet makes it cool to use in any other social networks where a long URL is not very aesthetic, not only Twitter.


Every time you’re told about the advantages of a blog it is always mentioned the ease of creating one. And even thou this is true, after starting the blog the path is not so clear and now it’s time to have our say about the 10 things to do after starting a blog on Blogger.

1. Write a description for the blog.

Go to the Settings tab and in the "Basic" option you will find the text field in which you can put the description. This is useful for newcomers and it might be helpful for search engines too.

Dashboard → Settings → Basic

2. Get a nice template.

There are many websites with Blogger Templates (as a matter of fact this is one) in which you can find a great variety of designs.

Do not base your decision only on the graphic side (headers, buttons, icons, etc) but also in the structure (number of columns, accessibility, etc) and remember always to read the instructions for each template because usually they are important in order to get the right visualization of it.

3. Buy a domain and use it with your blog.

I’ve always said that a domain has to be the blogger’s first investment and by less than 10 dollars you can have a proper name with a lot of advantages, this is heavily advisable. Have a look on adding your own domain on Blogger.

Dashboard → Settings → Publishing

4. Change your blog’s feed for a Feedburner one.

Feedburner is a Google service that allows you to have stats of how many people read you via this method. From the Blogger’s Control Panel it is possible to add feedburner to your blog.

Dashboard → Settings → Site Feed


5. Correct the comment link.

A little detail that improves your blog’s accessibility. To correct the comment check it has to be done by hand.

6. Change the images of your template to a new host.

Many templates have their images hosted on free services which limit the traffic to them (bandwidth) which makes it possible to sometimes none of the images load properly. Hosting them on Blogger seems like the best option.

7. Add the basic gadgets on your sidebar.

In the "Layout" tab select "Page elements" it is possible to add gadgets. the most basic of them are: Labels, Blog Archive (list mode) and Subscription Links.

8. Embed the comment form in the entries’ individual page.

As this feature is still on test phase it is necessary to do it by hand in customized templates or automatically in Blogger’s default templates.

Dashboard → Settings → Comments


9. Add your stats-tracking code.

It doesn’t matter if you use whether Google Analytics, SiteMeter or any other stats system, the important thing is to add their tracking code before the </body> that is in the "Layout" tab, "Edit HTML" option, almost at the end of the code.

Dashboard → Layout → Edit HTML

10. Add Google Tools to your blog.

The Google Tools allow you to keep track of your search stats and errors related to your site. Its use is really intuitive and free.

After doing all this your blog will be a more effective tool, you’ll have more control about your stats, it’ll look better, it will have better negotiations with the search engines but on top of that, it will be a better space for your visitors.


There are many apps available to update your blog on Blogger from the iPhone, however, there wasn’t any apps completely focused on Blogger like BlogPress Lite does, which due to Blogger’s 10th anniversary releases a focused and free version.

According to Blogger Buzz, the app will have everything necessary to keep your blog updated, a WYSIWYG post editor, image uploader, tag and label management, options and settings, autosave, among many other features.

The App is available free on the iTunes App Store.


Books for beginners, or "dummies", are really popular in almost every branch to describe a topic from the very start, giving context and provide a balanced perspective on that topic. That is the case of Google Blogger for Dummies, a book by Susan Gunelius who was really kind to send us a copy in which she gives a thorough analysis to Google’s blog platform.

The book is available at Amazon for $16.49 to get it printed or $13.19 for the Kindle version.

Quick Review

The book starts with a brief explanation on what’s Blogger and it’s evolution through these 10 years of existence and in a very accurate way continues on an explanation of blogging basics, all those terms we find strange when we start from the very beginning: Backlinks, feed, links and the elements present in a layout.

In the second part of the book is when we really get on business, with a step by step guide on how to create an account, choosing a domain name and setting up the blog. It’s a page by page tour of Blogger’s Control Panel, in which every option and feature is explained and with practical recommendations to fill them properly.

Then we go on the publish process, the different post type there are, management, the way to categorize them and even some SEO tips. Then we get an explanation on Blogger templates, mostly the hardest or most complex area on Blogger, as expected we don’t get much of an explanation here, but, for the people starting up, no much more info is needed.

The third part of the book is about one of the hardest objectives on a blog: Monetize it. It is a complex topic which would require another book to explain it in full detail, however there is a good summary of the common options available: Adsense, Link Sell, sponsored posts and referers system.

Fourth and fifth part are meant to explain another of the hardest objectives to accomplish on a blog: Growing your reader’s list. Techniques, tools and attitudes proven of having a positive effect on traffic rise, premises which you can read almost everywhere, but here we recognize Susan’s labor on ranking everyone of them for you to choose your own strategy.


The book has some interesting extras: A section of 10 tools, 10 common issues resolved, 10 websites to download Blogger Templates, a cheat sheet of useful links and a 25$ coupon for AdWords.


This book is a very good option for blog beginners. In a quick way you can learn concepts that figuring out only by yourself would take a lot more time. Me myself read a little while ago Photoshop for dummies, it is really good to have a thorough explanation of each concept, no matter how obvious it is; and if you add tips and the author’s experience on the matter you have a really good approach on the topic.

From those "earn $5000 a week" fraud books to a book with real-life vision and at this low price, you shouldn’t think twice to buy it.

Disclaimer: This is not a sponsored post and the Amazon link is not referred. Maybe in the future we can make a contest or something for anyone who wants the book.

Tutorials, tips and tricks about Blogger