Blogger Tips And Tricks 2012

Some Friend Connect Gadgets that you might not know

Most of you might be aware of the Google Followers gadget.Its just one of the different friend connect gadgets.

Where Can i get a Friend Connect Gadget?

1. Go to Google Friend Connect and on the left pane you will see a list of your blogs.If you don’t find it, then add your site there.

2.Click on your Blog Name from the Left Pane and Click on the button which says “Browse the gadgets gallery” .

3.Now you can see a list of gadgets.You can customize the colours and the Generate the Code.

4.Copy this Code . Now in your blogger layout page(of the same blog), add a new HTML/JavaScript Gadget and paste this code there and save.

5.Now you should have that gadget running on your blog.

Here is a list of some of the Popular Gadgets[Some of them which can be demoed here :)]

1.Members Gadget – This is the same thing as what you see in a normal Followers Blogger Gadget

2.Cloud Gadget

Shows your followers as an animated Cloud

3.Sign in Gadget – This is also a followers gadget with a sign button like style

4.Interests poll Gadget - Ask your visitors questions relevant to your site via a poll that adds to their profile.You can see a sample of this Gadget on my Sidebar.

5.Newsletter subscription - Help members sign up for your newsletter by providing their email address if they haven't yet specified one.you can read more about this gadget at Creating a newsletter for your blog.

There are so many other friend connect gadgets like Recommendation Gadget, Comments Gadget, Ratings and Reviews Gadget and Lots More.The Recommendation gadget can be used as a popular posts gadget.so you guys better check out the big list of friend connect gadgets, available for you. And one most important thing. Don't forget to follow me using any of the Friend connect preview gadgets listed here ;)

Permalink: Some Friend Connect Gadgets that you might not know

Source: http://www.bloggerplugins.org/2009/10/some-friend-connect-gadgets-that-you.html

Google Ajax Search With Your Adsense Ads

All of you might have seen the New Ajax Search Gadget on your Layout > Add Gadget Page. This Ajax search gadget doesn't support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually leaving your blog.(no need to go to a new page.. it acts like an inline search)

The Ad supported Ajax search Code is available at Google Web Elements .You can see 3 options there.

Automatically Search My Site
Search my Site and use Adsense for Search
Use an existing Custom Search Engine

For showing adsense ads you have to opt for option 2 or 3 .If you choose to use the second option,then you will have to provide you Adsense publisher id(which looks like pub-xxxxxxxx).If you opt for the option 3, you will have to provide the Custom search ID, which will be present in your Google Custom search Code.[Code is generated inline when you enter any of these ids.]

After grabbing this code, just go to your Blogger > Layout page and add a new HTML/JavaScript Gadget and paste the Google Web Element Custom Search code there and save the gadget. The Gadget will look better if you drag it to above the Blog Posts Widget and save it.[that area has got enough space to display the ads :)]

Here is a preview of what you should see.

If you want to change the colours and styling of the search results, you will have to add additional CSS Classes.

Update: – Now Google CSE has added all these things. and much more(themes and other customization stuff) So it would be easier for you guys.. :)

Permalink :Google Ajax Search With Your Adsense Ads

Source: http://www.bloggerplugins.org/2009/10/google-ajax-search-with-your-adsense.html

Setting up Blogger Custom Domain on Name.Com

If you are not sure what a custom domain is, then first read this article about Blogger Custom Domains and come back .

How to buy the Domain Name?

Name.Com will allow you to buy domains with different extensions like .COM, .NET, .ORG etc .

1. First of all Goto Name.Com and you will find a Search Box there. This search box can be used to check if the domain name is available or not. For example if i need the domain mynewcustomdomain.com , then i will search for mynewcustomdomain

name-custom-domain-1

2.Name will show the available domain name extensions.Select the one you want.

blogger-custom-domain-name.com

3.Click the Checkout Button and on the next screen opt to create an account(if you don’t have one. if you have one , then login with that account)

custom-domain-part-3

4.Now finish the payment process(using credit card or paypal) and you will be having the domain under your name.com account

How to Setup the Blogger Custom Domain?

1.If you are logged in at your name.com account, then click the Account Icon V

name.com-customdomain-setup-for-blogger

2. Now you will be taken to a page listing all your domains. Click on the domain name which you want to use for your blogger blog.

custom-domain-on-blogger

3. On the next screen Click DNS Management form the Right Sidebar name1

4.In the DNS Management, add a new CNAME record with the following values CNAME, www, ghs.google.com,1800 and submit

name2

5.Now again add another DNS record with the following values A, (leave next field blank),216.239.32.21 and 1800 and click submit

name3

Create 3 More A records with following set of values

A , (leave the second field blank), 216.239.34.21 ,1800

A , (leave the second field blank), 216.239.36.21 ,1800

A, (leave the second field blank) , 216.239.38.21 ,1800

6. Now we are done setting up the CNAMES and A Records

Adding the Custom domain at Blogger.com

1.Login to your Blogger Dashboard and Navigate to Settings > Publishing.

2.Opt For Switch to: Custom Domain (Point your own registered domain name to your blog) and switch to advanced settings

3.Type your new domain there ,fill in the Captcha and save the settings.

4.Now select the redirection Option and save the settings Once again

5. Now your blog should be visible at your new domain. The changes can take up to 3 days to take effect (This is because your ISP’s DNS Server has to get the new updated information about the domain records.)

Setting Up Google APPs

1.Login to you Name.Com account once again

2.Click the Account Icon and then Click the domain name that we just used.

3.Now Click on the Enable link next to Google APPS

name1

4. On the next Screen fill out the required details and click Continue with setup

name4

5.Now you will be able to access your version of Gmail at http://mail.yourcustomdomain.com and similarly you will have the other Google apps running on your sub domains.

Try it out guys. and let me know if this tutorial helped you in any way :)

Also Check out : Create a Subdomain on your custom domain blog

Permalink: Setting up Blogger Custom Domain on Name.Com

Source: http://www.bloggerplugins.org/2009/10/blogger-custom-domain-on-namecom.html

Create a Facebook Fan Page for your Blog

facebook-fan-page-for-blogger-blogs

Facebook is a great Social Networking Site to promote your blog or brand. Most of the major brands do have a Facebook Fan Page. Here are some examples of Facebook Fan pages – Coca Cola FB Fan Page , Mashable FB Fan Page. Are you impressed and want to create one for your blog? I too wanted to create one and i finally made it. Here is the link of my Facebook Fan Page . So lets start making our own Facebook Fan Page for our blog.

1.Go to the Create Fan Page Link on Facebook and select Brand or Product

Choose Website from the drop down list and provide the Page name in the next box. Read and agree to the terms and click the “Get Started” button.

2.On the Next Page, Upload an Image for your Fan Page

3.Once you have added the image, you can edit the fan page information by clicking on the “Edit Page” link as in the image below

Edit the fan page information and Save the Changes.

4. Now your Fan Page has been properly set up.If you want, you can automatically post your blog posts to Facebook. There are multiple ways to do it. I'm specifying one of them here

Using the RSS Graffiti Application

a. Go to http://apps.facebook.com/rssgraffiti/ and authorize RSS Graffiti

b. Once authorized, you will see a list of your Fan Pages on the left.Click on the Fan Page Name

Now authorize RSS Graffiti(second authorization for your fan page) to access your Fan Page

Once authorized, Click on the Add Feed Button, and enter your Feed Url.

If your blog is http://blogname.blogspot.com, then your Feed Url will be http://blogname.blogspot.com/rss.xml

here I have used http://www.bloggerplugins.org/rss.xml as my feed url.. Click the link which says “click here to fetch and preview” and see if its grabbing your blog feed.(If its not grabbing your feed, then check if you have enabled the Blog Feeds. If your blog is not on blogger, then your feed url will be different.).

Now Go to the Filter Tab and click on the Change link next to the Cut-off date/time . Choose the last post(oldest one) from the drop down. and click the Save button.

create-facebook-fan-page-9 It may take some time for your posts to appear on your Fan Page Wall(your latest 25 posts). From now on every new post that you make will be automatically posted to your Fan Page’s Wall.There might be some delay in the wall getting updated, as RSS Graffiti checks the feed for new entries at regular time intervals.(If you want to post to your profile Wall as well, then in RSS Graffiti, click on your name and add the feed there as well)

Getting a Better Fan Page URL

Your Fan Page URL will look something like http://www.facebook.com/pages/Blogger-Widgets/252379165362 .Now if you have a pretty good number of fans(i think the minimum requirement is 25 fans) , then you can have a pretty Facebook URL like http://www.facebook.com/bloggerplugins instead of a long one like http://www.facebook.com/pages/Blogger-Widgets/252379165362 .

To claim such small usernames for your Facebook page, go to http://www.facebook.com/username/ and Click on Set a username for your Pages. There you can select the small pretty user name for your fan page.Once you opt for a user name you can’t change it back again. So be careful when choosing your Facebook Fan Page Username.

Getting More Fans

So you just created a new Fan Page with no fans. To get more fans, you can try adding a Like Box to your blog. This will allow Facebook users to “Like” your Fan Page directly from your blog. To add a Fan Box refer the following tutorial

1. Facebook Like/Fan Box For Blogger

You can get more Fans, by telling your Friends about your Fan Page. In the Get Started Tab of your Fan Page, you will see an option to invite your Friends

Hope you get more Fans on your Fan Page. Happy Facebooking..

If you think that this tutorial helped you out in making a better Fan Page, then consider being my Fan by clicking on this Like Box Below.

Also Check out :

Facebook Like / Recommend Buttons For Blogger - New

Facebook Share Count Buttons For Blogger

Source: http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html

Facebook Share Count Buttons For Blogger

Facebook has now officially introduced the Retweet like Facebook buttons for your blogs or sites. These Facebook buttons look much similar to the Retweet buttons by Tweetmeme. Facebook has 5 styles of Sharing buttons. Here we will see two of them.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Note: The Facebook share buttons are deprecated and FB no longer supports it(It still works though). You can still add it if you want. You can also opt to add the new Facebook Like Buttons with Like Count.

Facebook Share Button Style 1

Code for Facebook Share Button Style 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>  
</div>

Facebook Share Button Style 2

facebook-share-button-for-blogger-2

Code for Facebook Share Button Style 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>
</div>

Facebook Share Button Compact Style 1

facebook-share-button-for-blogger-3

Code for Facebook Share Compact Button Style 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='button_count'/>  
</div>

Facebook Share Button Compact Style 2

facebook-share-button-for-blogger-4

Code for Facebook Share Compact Button Style 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share expr:href='data:post.url' type='button_count'/>  
</div>

How to install Facebook Share Count Button on your Blogger Blog?

1.Select one of the Share Button Styles and copy the Corresponding Code.

2.Now login to your Blogger Dashboard and navigate to Layout > Edit Html and check the check box which says “Expand widget templates”

3.Find this piece of code

and immediately after that place our Facebook share button code(that you copied) If you were unable to find this code in your template,then look for the first occurrence of

<data:post.body/>

and immediately before that paste our Facebook Share button code(that you copied).

4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find

<html

and change it to

<html xmlns:fb="https://www.facebook.com/2008/fbml"

The following screenshot will help you out.

This is necessary for all FBML widgets using the fb tag. So if you have already added the namespace while adding some other FB plugin, then you can skip this.

5. Save the template and you should get a Facebook share count button near each of your blog post

If you liked this post and if it helped you in implementing the Facebook buttons, then please consider sharing this post on Facebook using the button on the top-right of the post :)

Also Check out :

Facebook Like / Recommend Buttons For Blogger - New
Create Facebook Fan Page for your Blog

Permalink :Facebook Share Count Buttons for Blogger

Source: http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html

Selective Display of Blogger Widgets on homepage, archive,post page, or particular pages

Before getting into the details of selective display,let us discuss about the different types of pages on blogger.
1) home page- yea its your blogs home page as the name suggests(actually this is not a type. but i will still include it here..)
2) Archive Page- Refers to archive pages..
3) Item Page - Refers to Post Pages
4) Index Page - Includes home page + label page + search results page

5) Static Page – The newly introduced Blogger Pages

Selective Display..

There are different conditions to check the page type. You can use these conditions for the selective display.

You might like to display a welcome message on the home page only..

Displaying on all pages other than the homepage

Displaying something on the Archive Pages..

Displaying something on non Archive Pages..

Displaying something on post page only

Displaying something on non post page only

Displaying something on static pages only

Displaying something on all other than static pages

You can use the conditional thing for the index type pages. But i don't find much use in that.

Now displaying something on a particular url only (may be a particular post page only or something like that)

(you will have to replace The_Particular_Page_Url with the url where you need the widget to be displayed..)

Now displaying something on all pages other than a particular url

Now how to use two conditions (or more).. the logical AND thing.. :)

the else thing..
What if you need to display something on the homepage and something else on all other pages.. here comes the use of if else

Different combinations are possible..

Limitations
1) I don't see a way to use OR conditions
2) There isn't any direct easy way to include AND in conditional statements
3) The main drawback is that we cant enclose an entire widget within the b:if tag.. you will get some message telling that a b:section cant have b:if s ie you can wrap an unexpanded widget within a b:if condition

Wrapping a widget with the conditional tags
Every widget other than the BlogPost Widget has this general structure

Wrapping conditional tags can be done as

this code will display the widget on The_Particular_Page_Url only (you have to provide this url)

Another Limitation..
wrapping the blogpost widget is little complicated as it has many b:includables.. yea you can do that too.. :)

Another Important B:if condition..

Some of you might want to display adsense ads below the first post only..OK there is a condition for checking if the post is the first post or not.. This condition will work within the blogger post loop.

Source: http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html

Blog Statistics Widget for Blogger / Blogspot

By blog statistics, i meant the number of blog posts and number of reader comments on your blog.The blog statistics widget displays the total number of posts and the total number of comments made on your blog as a beautiful sidebar widget.

This widget works using javascript ( the json feeds) which finds the number of comments and posts from your blogs feed..

To get a blog statistics widget you can use this widget installer.When you use the widget installer make sure that you dont add the http:// part to the url because it is automatically added by the widget installer..Also don't add a slash at the end of the url

Add Blog Statistics Widget

Permalink: Blog Statistics Widget for Blogger / Blogspot

Source: http://www.bloggerplugins.org/2009/06/blog-statistics-widget-for-blogger.html

Keep an eye on your blogs Adsense Income

How many of you use the adsense widgets from blogger?? Most of the bloggers create therir own custom ad units and paste the html code in the blogger template or add it as an HTML template.All of you guys know that you can also add adsense from blogger.

Now here is the important part..

When you create custom adsense units at Adsense you tend to create channels and you make make so many channels and finally get confused with them..

Consider that there are different chanelled adsense ads on your blog. You can still know the total income that your blog generated(Sum of al the ad units on your blog).

This is how we do it..

Goto your Blogs DashBoard and choose the Monetize tab.

You will see something like this if you are there for the first time.

Now Choose for Customize Ads and you will be taken to a new page. If you are using custom adsense code generated from the adsense site then opt the last option in this new page as shown in this screen shot.

Source: http://www.bloggerplugins.org/2009/06/keep-eye-on-your-blogs-adsense-income.html

New Exclusive Directory for Blogger Powered Blogs

I have made a exclusive directory for blogger powered blogs.There are millions of blogger powered blogs on the internet.Some of them are very interesting.You might have seen some interesting blogs in bloggers "Blogs of Note"

Who can add their link to the directory?

Anyone who has a blogger powered blog can submit their site to this directory.

The blog can either be a blogspot domain or an FTP or Custom domain blog

Is there any conditions which i should follow?

I don't impose any constraints on you.the only condition is that the blog should be powered by blogger..

No reciprocal links needed

But i wont approve Adult content and spammy copy paste MFA blogs..

What is the use of submitting to this directory?

By submitting to our exclusive blogger directory,you will get a free back link to your site

This directory is a part of my blog here.So you can expect little traffic too..

More than that it will help us in showcasing blogger blogs..

How can i submit to the directory?

Just visit http://directory.bloggerplugins.org/

Go to the appropriate category > subcategory and opt for the add link option..
Fill in the form. Give a detailed description about your site.Try to write something unique.. Don't fill it up with some spammy content..

And to prevent autobots i have enable the captcha verification.So you will have to fill in the Captcah

Should i give a link back to the directory?

Link back is not at all compulsary..

But it would be really appreciated if you can provide a link to the Blogger Directory

It will help us in showing of these blog listings to a wider audience..

if you like to help me in my venture,you can link to the directory using the following code.

Some Features of the Directory

It displays your blogs google page rank..

It also allows our visitors to rat your blog and also comment about it...

So what are you waiting for..Visit the directory and add your blog there..
If you need some category to be added do let me know.. I will add it if it is appropriate..

Suggestions and feedbacks are always welcome..I would love to hear from you and improve the directory based on your suggestions..

Source: http://www.bloggerplugins.org/2009/06/new-exclusive-directory-for-blogger.html

Light World Blogger Template

Light world is a Widgetified Adsense Ready Blogger Template..
This theme was actually made for Wordpress and was converted to Blogger

Credits

Designer :Andrei Luca

Converter :Deluxe Templates

Widgetification and tweaking:Blogger Templates

Integrated Features

1. Integrated Adsense.You just have to fill in the template generator with your adsense pub id(Something like pub-123456789

2.Integrated Google Analytics.You will have to enter your analytics tracking id in the widget generator

3.Feedburner RSS Subscription : You have to enter the feedburner Feed Url in the template generator for this to work.

4.An About Page - If you already have an about page, then fill the template generator with the url of your About page..

5.A recent posts widget is auto added to your template..I think this would be a nice addition..For this to work you will have to enter the blog url in the template generator

All of these 5 integrations are optional.If you don't want the integrated Features just dont fill the template generator's options.. Just click the generate button..

6.Integrated Social Bookmarking Icons

7.Integrated Label Cloud

8.Integrated BreadCrumbs

If you fill in the options you will get all features integrated into your template..

Adsense Ads are very well optimized.This generator will generate a template which will show adsense ads below the post,below the post's title,on the sidebar and also a link unit..

Where to get the Analytics Tracking Id

1.If you havent signed up for analytics you can signup at www.google.com/analytics/

2.Now create your website profile.

3.In google analytics home page all of your sites will be displayed..

4.Near every site name you will find something like UA-123456

5.This is the Tracking code for analytics..

Now use this Template generator and generate the template code..

Now you can paste this template into your Blogger Dash Board >Edit Html page

Demo | Download using the generator below

Note:if you are using blogger's builtin adsense widgets please remove them before installing..(Actually first make your blog adsense free..then install this template).The template generated here will comply to the Adsense TOS it will have atmost 3 adsense for content and one adsense link unit on a page..If you wish you can add more adsense widgets..When you add adsense HTML widgets please make sure that you dont violate the Adsense TOS

This theme is provided for free and you can use it for free..But this theme is protected by the Creative Commons Licence .So you will have to keep the footer links if you want to use this template..Removing the footer link will be a violation of copyrights..

If you are reading this in a feed reader you wont see the template generator..So visit the actual post in that case..

Do you like this new template generator?? If so i will be tweaking more and more templates..Let me know your feedbacks..

Source: http://www.bloggerplugins.org/2009/07/light-world-blogger-template.html

Blogger Templates Dilectio

Dilectio is one of the free blogger templates designed by Design Disease(for wordpress) and ported to Blogger templates by BlogandWeb(Blogger template converter). This theme has got a very colorful interface and nice colors..

Features modded into this blogger template

1. Integrated blended Adsense

2. Integrated Tabbed Recent Posts and Recent Comments

3. Integrated Feedburner RSS buttons

4. Optimized For Search Engines

5. Integrated Google Analytics

6. Integrated Label Cloud

7. Integrated social Bookmarking icons like that of stumble digg etc..

8. Integrated Breadcrumbs matching your Blogger Template

9. An integrated Colorful About me Section

How to install this blogger template?

1. First of all get your adsense pub id. It looks something like pub-123456789

2. Disable all Adsense units that are currently running on your blog.
2. Now get the google analytics tracking id. On your google analytics home page,

You will find something like UA-12345 near your blog url. This is your Analytics Tracking Id

3. After obtaining these 2 ids, you can start filling in the template generator.

4. Adsense, analytics and Feedburner are optional but I would personally suggest that you should fill in all the fields in the template generator

5. Now fill in the Template Generator with all the required fields. (I will say fill in all of these fields..)

6. A template will be generated for you will all the tweaks modded into it so that you don’t need to worry about modifying the codes..

7.Now Goto Blogger Page elements and add some links to the widgets named Top Tabs, Links and Blogroll

8.Go into your Blogger Settings tab and then click on Formatting. Next, change the Timestamp Format (it’s the 4th one down) to this format => Wednesday, February, 2008. Make sure you change the Timestamp Format and NOT the Date Header Format

Demo | Generate and Download the Template

Theme Credits

Designer : Design Disease

Converter : Blog and Web

Tweaking and Modding: Blogger Templates

Note:-These integrated Adsense ads are well blended and abide by the Adsense TOS. If you manually add more Adsense widgets to your blog, then be sure that you don’t violate the TOS by showing more that 3 content units or 2 link units on a page

If you are reading this article within a feed reader, the template generator wont be properly displayed.(This is because feeds strip off iframes automatically).So please visit the actual post to view the full article, and also leave your valuable comments

This is my second experiment with blogger templates .If you like this please do let me know. If this stuff is helpful to you, I will soon tweak more and more templates for you.

Source: http://www.bloggerplugins.org/2009/07/blogger-templates-dilectio.html

Add to Twitter Button For Blogger

Many of you might have used my social bookmarking icons.I already had made a post about social bookmarking icons including digg,stumble and others.Twitter is now growing very rapidly and many of the bloggers are widely using it to keep their readers updated about new posts.I had got many requests to include a twitter icon in the social bookmarking icon set.So i have finally added a new post to twitter button to the Social Bookmarking Icons..I also have updated my old post to include the new twitter icon.But you can follow the instructions here in this post.

How is this service different? - Most of the Add to Twitter services asks the user to login to some third party site to post the update to twitter.
My twitter button will automatically shorten your url using http://bit.ly and will redirect you to twitter to post the new update
So you needn't login to some other sites to post your blog post update to twitter..
Here are the steps to add the Twitter Button

If you are already using my social bookmarking icons

1.Go to Blogger Layout > Edit HTML
2.Delete the code that looks like

Source: http://www.bloggerplugins.org/2009/07/add-to-twitter-button-for-blogger.html

Denim Blogger Template with Multiple Styles (Switcher Included)

The Denim template is a widely popular template which one of the default blogger templates. The main speciality of this template is that it doesn't have any images but still it looks sleek and professional.. No images means that your site will load much faster. Here i am presenting to you an advanced version of the denim template.This Template has multiple styles(It is more like multiple templates within the same template). Your blog readers can change the blog template from a drop down menu..

This Template is widgetified and comes with the following integrated features.

1.It has a built in label cloud which matches the switch styles..

2.It has the add this bookmarking added to it

3.It also has integrated adsense and analytics.

4.It also comes with a recent posts widget.

5.It has a breadcrumb navigation system

Where to get the Analytics Tracking Id

1.If you havent signed up for analytics you can signup at www.google.com/analytics/

2.Now create your website profile.

3.In google analytics home page all of your sites will be displayed..

4.Near every site name you will find something like UA-123456

5.This is the Tracking code for analytics..

If you don't want the adsense integration,just leave the adsense pubid field as blank.
If you use integrated adsense make sure to comply with adsense TOS(regarding the number of ad units per page..)

Demo | Generate and Download the Template

The Template has 5 different styles.So it is more like a 5 in 1 template.

I would love to get your feedbacks..

If you are reading this in a feed reader,the template generator wont be displayed so please visit the actual post..

Source: http://www.bloggerplugins.org/2009/07/denim-template-with-multiple-styles.html

New Blogger Help Center

Blogger Forums Released...

Hello i have been working on a forum for sometime..It is powered by BBPress.. From now on if you can use the forum to share any doubts questions or anything else.. It also has some offtopic sections.. just to do blah blah blah.Maybe you could share your blogging experience with other bloggers..

Many of our readers are efficient bloggers.. I invite you all to share your knowledge and help other fellow bloggers.. If you are not an expert,still there is room for you at the forum.. There are general discussion sections in the forum..

As always i would love to get your suggestions,feedbacks,bugreports etc.. There are topics for these too at the forums.. ;)

Did you guys like the template of Blogger Forums? I am planning to change the directory and the main blog to this template.. Please give your opinions on this..

Am i missing out on something??
Did i miss out anything on the forums?? Any important topics?? Any OffTopics or anything else should be included..

I am waiting for your feedback.. Do visit the new Blogger Forum

It includes SEO Friendly Signature links too..

Source: http://www.bloggerplugins.org/2009/07/new-blogger-help-center.html

Table Of Contents Widget For Blogger

This Widget will act as a "Table of Contents". It will list out each of your blog posts in a styled table. When you hover over the post title, you will see a summary of the post. The Widget also displays the Post dates and labels. It will allow you to sort the posts by title or by post date. I employs a bubble sort algorithm to sort the posts accordingly.

Credits : This Widget was created by Hans of Beautiful Beta . I have tweaked it to fix the 500 post limit

How to Add Table Of Contents to Blogger

Step 1 - Make a new Page in Blogger with a suitable title

In the page editor, switch to HTML mode, and paste the following code into the Post Editor

<div id="bp_toc">Loading TOC. Please wait....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

Publish the Page and open it in your web browser.You will be able to see the TOC, but it would be messed up

Step 2 - So it is time to Style the TOC using some CSS code. Go to Template Designer. If you are using the new Blogger UI, then you can find the Template Designer at Template > Customize . If you are still using the old UI, then you can find it on the Layout tab.Now go to Advanced > Add CSS

and paste the following CSS snippet there.

#bp_toc {
  border: 0px solid #000000;
  background: #ffffff;
  padding: 5px;
  width:500px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #ffd595;
  color: #000000;
  padding-left: 5px;
  width:250px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:80%;
  text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
}

Apply the changes to your Blog and check your TOC page once again.:)

Apply the Live Demo

Loading TOC. Please wait....

Save the Template, and you should see a neat Table of Contents Page. If you have any questions, feel free to ask in the comments section :) .

Source: http://www.bloggerplugins.org/2009/07/table-of-contents-widget-for-blogger.html