Saturday, September 18, 2010

How to put Facebook Badges to your Blogger blog

Facebook can easily be integrated into almost every aspect of your life, from mobile phones to personal Web sites. Put your badge on a site and it will be automatically updated and visible to anyone (even non-Facebook users). This is great for signatures on a forum or as a sidebar on your own Web site.

Now, it's easy for you to put your Facebook badge on your own Blogger blog.
  • Login to your Facebook account
  • Go to the Facebook Badges pages
  • Choose the badge you want to put on your Blogger blog
  • Click on the Blogger icon on Preview page to put it on your blog
  • You're done
Create a Custom Badge
  • After choosing a badge to put on your blog, click on "Edit this badge" on Preview page
  • Set the basic layout and format
  • Add any items from the drop-down menu that you want to include in your badge. Click the "Add Item" button to add it to your badge. You may add more than one item. With no template, you can add anything you want to your badge. It will preview as you make additions.
  • Hit the "Save" button to complete your badge and get the necessary code to post it.

There're 4 Facebook badges for now:
  • Profile Badge Share your Facebook information on other websites
  • Like Badge Show off your favorite Pages on your website or blog
  • Photo Badge Share your Facebook photos on other websites
  • Page Badge Share your Facebook Page information on other websites

Saturday, September 11, 2010

Blogging from iGoogle and Gmail

The Blogger Posting gadget makes it easy to post to your blog from the convenience of Gmail or your iGoogle homepage.


To add the Blogger Posting Gadget to your iGoogle page, simply click this button:

Add to Google

Then click the blue "Add to Google" button. Make sure that you're signed in with the same Google account that you use for Blogger. Once you've added the Blogger Posting Gadget you will see the gadget on your iGoogle page:

To add the Blogger Posting Gadget in Gmail, you'll first have to enable the Add Gadget by URL lab feature from your settings:


Once you've enable this Labs feature, then you can add the posting gadget by simpling entering its URL into the Gadget tab in your Settings. Here's the URL:

http://www.blogger.com/gadgets/post.xml

In the top right corner of the gadget you will see the title of your blog. If you have more than one blog, there will be a drop-down menu in the corner so you can select the blog you'd like to post to. You can then enter a title and write a post. You also have the option to add labels to your post as well. Once you have finished writing your post, click "Publish" to publish your post or click "Save Draft" to save your post back to Blogger without publishing it.

Tips:
  • The gadget supports editing the HTML of title and body.
  • If you start writing a post and decide you want to upload images or use other rich text features, just click "Save Draft". The gadget will save your post, then give you a link to directly edit the post in Blogger.
  • The gadget works in Firefox, Chrome, Safari 3, Internet Explorer and on the iPhone.

Friday, September 3, 2010

Free Blogspot Templates: Blogger Addicted

Preview
  • From your Blogger dashboard, go to Design | Edit HTML
  • Make sure to back up your old template before install this new one by click on the "Download full template"
  • Check on the "Expand Widget Templates"
  • Now copy/paste this code to replace all the code in the HTML code section
  • Click Save Template button and you're done.

Tuesday, August 31, 2010

Stats Gadgets

After launched the Blogger Stats to Blogger in Draft, Blogger staff has created two new gadgets that you can add to your blog to show your readers interesting stats from your blog: Blog’s stats and Popular Posts gadgets.

The data for these gadgets is automatically taken from Blogger Stats. To use them, go to Design | Page Elements, and click on “Add a gadget.”


The Blog’s stats gadget displays total pageviews* of your blog. The gadget comes in different styles and also features an optional sparkline graph.
(* The pageviews are counted from when Blogger rolled out the Stats feature, not from the first day your blog was created.)


The Popular Posts gadget helps your readers quickly find out which of your posts have been viewed the most by your readers. The gadget also comes with several different styles and configurations.


The new Stats gadgets are available now on Blogger in Draft, so you can go ahead and give them a try now.

* Tips:

In the Blog's Stats gadget, you can choose the time window of your pageview counts (All Time, Last 30 days, Last 7 days)

In the Popular Post gadget, you can now choose the number of posts you want the gadget to display.

Wednesday, August 18, 2010

Free Blogspot Templates: Vintage Romance

Preview
  • From your Blogger dashboard, go to Design | Edit HTML
  • Make sure to back up your old template before install this new one by click on the "Download full template"
  • Check on the "Expand Widget Templates"
  • Now copy/paste this code to replace all the code in the HTML code section
  • Click Save Template button and you're done.

Sunday, August 1, 2010

Free Blogspot Templates: "Travelling Logbook"

Preview
  • From your Blogger dashboard, go to Design | Edit HTML
  • Make sure to back up your old template before install this new one by click on the "Download full template"
  • Check on the "Expand Widget Templates"
  • Now copy/paste this code to replace all the code in the HTML code section
  • Click Save Template button and you're done.

Saturday, July 31, 2010

Set your own photo for your Blogger blog’s background

In your Blogger Dashboard, go to Design | Template Designer | Background, click on Background Image, and you’ll notice the “Upload image” option, which will allow you to select and upload your image.

For images that fill the entire background, we recommend using a resolution of 1800 pixels wide and 1600 pixels high, and file size less than 200KB to minimize the loading time of your blog pages. Google only supports JPEG, GIF, and PNG format images.


After uploading a photo, you will see additional options that are not available for the built-in images: Alignment, Repeat, and Scroll options.
  • Alignment: You can adjust horizontal (left, center, right) and vertical (top and bottom) alignment of your background image.
  • Repeat (Tile): If you have a small image, you can have it repeat horizontally and/or vertically to fill the page. Otherwise, we recommend that you choose a page background color that blends in with your background image.
  • Scroll: By default, your image stays in place while readers scroll the page contents. By selecting the “Scroll with page” option, both the background image and page contents scroll together. We recommend that you use an image that blends into your background color or set your image to tile vertically if you choose this option.

This feature is only available on Blogger in Draft for now.

Thursday, July 8, 2010

How to promote your FeedBurner feed on your Blogger blog

One of the ways to promote your FeedBurner feed on your Blogger site is by using FeedBurner's Publicity Tools to select a "chicklet" image to display a link to your FeedBurner feed from your blog's homepage.
  1. Click the Publicize tab. A list of publicity-related services appears.
  2. Locate and click the Chicklet Chooser service.

    The form shown below loads into the right side of the screen:


    This form contains several options for buttons that promote (and link to) your FeedBurner feed.
  3. Click the radio button next to the button you want to display on your site.
  4. From the drop-down select "Blogger", then click Go! to add the chicklet as a widget.
  5. .
  6. Blogger will open in a new window. Follow the prompts there to continue to add the new widget.

Wednesday, July 7, 2010

How to create a Blogger Feed?

A site feed is a machine-readable representation of your blog that can be picked up and displayed on other web sites and information aggregation tools.

Special pieces of software called feed readers, news readers, or aggregators can scan your site feed, and automatically let your readers know when your blog has been updated. An example of such software is Google Reader, which you can use with your Google Account. Other options, including both web-based and client-side software, are listed at AtomEnabled.org.

How to create a Blogger Feed?
  1. Enter your blog's web address in the "Ready to Burn?" form found on FeedBurner's homepage and at the bottom of the pages in the Blog and Podcast sections. If you plan to publish a podcast with your Blogger feed, check the "I am a podcaster" box. Click Next ».

    The Identify Feed Source page should appear.
  2. On "Welcome", make sure the title and FeedBurner address (URL) of your new feed are values you prefer.


    The Create or Sign In To Your FeedBurner Account page should appear.
  3. Also on this page, create a FeedBurner account by picking a username and password and supplying your email address.

    When you've supplied all the required information on this page, click Activate Feed ». A "Congrats" page should appear.
  4. Read all of the information on "Congrats", then click Next » to continue with the setup process.
  5. If you selected "I am a podcaster" on the homepage, configuration options for our SmartCast service will appear. Here you can supply categories and other information for iTunes, append a copyright message, and submit your podcast to Yahoo! Search.


    When you are finished, click Next ». Configuration options for FeedBurner stats services should appear.
  6. On the stats configuration page, select the level of feed stats detail you want.


    Click Next » to finish the setup process and enter our feed management interface.

    You're now ready to make your FeedBurner feed available on your Blogger site!
Tracking 100% of your feed traffic: Redirecting your Blogger feed to your FeedBurner feed

Blogger can make sure all feed traffic for your blog content goes to your FeedBurner feed. This ensures your FeedBurner stats are comprehensive and accurate; even subscribers to the 'Original Feed' are routed through FeedBurner. To redirect your feed:
  1. In a new browser window, sign in to your Blogger account.
  2. From the Blogger Dashboard, click the Settings link for the blog you want to promote. The Settings page for your selected blog should appear.
  3. Click the Site Feed link under the Settings tab.
  4. .
  5. Type your complete FeedBurner feed address into the Post Feed Redirect URL text field. Make sure you type in your entire feed address including the "http://" portion. Click Save Settings.
  6. You should see the message "Settings were Saved Successfully".
  7. Blogger will now redirect all feed traffic for your blog to your FeedBurner feed.
That one site feed may be enough for you, but if you want some more options, click on the "Advanced Mode" link.


In Advanced Mode you have options for three different types of feeds. The first is for your blog posts, and is the same as the single option in Basic Mode. After that comes the comment feed. This one will contain all comments made on all posts on your blog. Finally, there is the per-post comment feed. With this option, each individual post will have its own site feed, containing only its own comments. Each option has the same "Full," "Short," and "None" setting choices.

Friday, July 2, 2010

Blogger Stats

The coolest thing about the new Blogger Stats is that it monitors and analyzes your visitor traffic in near-real-time. You can see which posts are getting the most visits and which sites are sending traffic to your blog right now. For example, if a reader shares one of your blog posts on Twitter and the post is getting lots of clicks, you will see a traffic increase in Blogger Stats almost instantly, with the particular Tweet mentioning your post being identified as the traffic source. Of course, traffic data across longer time periods (day/week/month) and all-time historical data are available as well.


There's also a lot more data that's being tracked, such as popular search keywords that send visitors to your blog, which country your visitors come from, and which web browsers they are using. Basically, with the new Stats feature, you know what's going on with your blog right now.

The new Stats feature shows all of this data in a simple, easy-to-understand graphical user interface. Since Stats are part of Blogger, you don't have to sign up for another service, or embed any code in a gadget.

Additionally, if you want the enterprise-level power and flexibility of Google Analytics, you can still use it, as we have an article here. Note that the pageview data in Blogger Stats and in Google Analytics may not be identical, due to different collection mechanisms used. Also, Blogger Stats do not support private blogs for now.

Check out the new Stats feature now by go to Blogger in Draft, and you'll notice a new "Stats" tab. You don't have to install or configure anything to start benefitting from Stats.

Tips:

Self-view exclusion: You can now exclude your own visits by clicking on “Don’t track your own pageviews” link on the Stats | Overview page. We’re also now excluding traffic coming from Blogger admin admin pages and post Preview, providing more accurate pageview data.