84Productions

Gagan84 3 Column Blogger Template By 84Productions

Yesterday I released my another blogger template called Gagan84. It was a 2 column template and many of you requested me to create a 3 column template of the same design. So here is a 3 column template on special request of Huzefa Juzar and Amith

Screenshot :

Demo Site | Download Link

Lets have a look at some of the features of this template :

1) Fluid Width : This template has a unique feature called fluid width, it means that this template automatically fits the screen of any size.

2) 3 Column : Its a 3 column , blue colored template that means more place to put widgets. It also got space to put 468 x 60 ad at the top right.

3) Quick Load : I have not added any heavy graphics in this template. This template loads very quickly.

4) Search Bar : In built search bar.

Note : This template is given for free but in return I only want that do not remove credits from the footer.

5) Comment Box : New comment box has been included in by default.

Troubleshoot :

1) Placing logo : The default size of the logo is 200 x 73 pixels and I recommend you to use this size logo only.

2) Recent Post and Comment : As you can see that I have used Feedburner service to add recent post to my template. If you want to add the same feature please refer to this post of mine on how to add recent comment and recent post widget using Feedbuner.

3) Last time I was getting a lot of emails that some widgets were not working, so take into consideration I have not added any script. This time you have to add widgets on your own. Below are some tutorials that will help you to understand Blogger Templates more :

a) How To Show Only Post Titles In Blog Archives
b) How To Activate Emphasize <em> Tag In Your Blog
c) How To Create Horizontal Tab Menu For Blogger Templates
d) How To Create A Professional Looking BlogRoll Request Form
e) How To Add Different Meta Tags For Every Individual/Single Post In Blogger
f) How To Add Third Party Polls To Your Blogger Blogs
g) How To Add Google News To Your Blog/Site
h) Add TweetThis Button On Your Blog/Site
i) How To Place Google Ads In Middle Of The Post In Blogger
j) How To Create Gallery For Blogs Hosted On Blogger/Blogspot
k) How To Write Text On Colored Background : XML Tutorial
l) Add Paging To Your Template : New Hack For Bloggers
m) How To Add Related Articles To Your Blog After Each Post In Blogger
n) Add Page Element To Header

For more Blogger Tricks click here

Waiting for your comments and feedback

Create Beautiful CSS Menu In A Single Click

If you do not have knowledge about CSS and want to create beautiful CSS menu bars, then this post will really help you. Here is a software called CSS Tab Designer, which allows you to create high quality CSS menu bars in no time. Have a look at some of the menu bars :

Download Instructions : Click here to download this software from the official website.

How to use this application :

After installing, open this software and start a new project.

Now from the left hand side menu select your design, at the bottom click on Code to see the CSS codes. Have a look :

If you have a little bit of knowledge about HTML you can easily use this designs in your blog/site.

Gagan84 Blogger Template : New Template Designed By 84Productions

Last time I designed a beautiful blogger template called Vista84. You all loved that template and I got a lot of emails from all of you, giving your suggestions. So, finally I have designed a new template called Gagan84 specially on your requests. This time I have designed a 2 column template.

Screenshot :

Demo Site | Download link

Lets have a look at some of the features of this template :

1) Fluid Width : This template has a unique feature called fluid width, it means that this template automatically fits the screen of any size.

2) 2 Column : Its a 2 column, blue colored template in which you can place Google ads in sidebar and has also got space to add 468 x 60 ad at the top right.

3) Quick Load : I have not added any heavy graphics in this template. This template loads very quickly.

4) Search Bar : In built search bar.

Note : This template is given for free but in return I only want that do not remove credits from the footer.

5) Comment Box : New comment box has been included in by default.

Troubleshoot :

1) Placing logo : The default size of the logo is 200 x 73 pixels and I recommend you to use this size logo only.

2) Recent Post and Comment : As you can see that I have used Feedburner service to add recent post to my template. If you want to add the same feature please refer to this post of mine on how to add recent comment and recent post widget using Feedbuner.

3) Last time I was getting a lot of emails that some widgets were not working, so take into consideration I have not added any script. This time you have to add widgets on your own. Below are some tutorials that will help you to understand Blogger Templates more :

a) How To Show Only Post Titles In Blog Archives
b) How To Activate Emphasize <em> Tag In Your Blog
c) How To Create Horizontal Tab Menu For Blogger Templates
d) How To Create A Professional Looking BlogRoll Request Form
e) How To Add Different Meta Tags For Every Individual/Single Post In Blogger
f) How To Add Third Party Polls To Your Blogger Blogs
g) How To Add Google News To Your Blog/Site
h) Add TweetThis Button On Your Blog/Site
i) How To Place Google Ads In Middle Of The Post In Blogger
j) How To Create Gallery For Blogs Hosted On Blogger/Blogspot
k) How To Write Text On Colored Background : XML Tutorial
l) Add Paging To Your Template : New Hack For Bloggers
m) How To Add Related Articles To Your Blog After Each Post In Blogger
n) Add Page Element To Header

For more Blogger Tricks click here

How To Disable Installation Of Themes And Addons In Mozilla Firefox

Here is a quick tutorial on how to disable installation of themes and addons of Mozilla Firefox. I do not know the use of this tutorial but for knowledge sake its good to know. Lets start :

1) Open Mozilla Firefox and in the address bar type about:config

2) Now click on I'll be careful, I promise

3) In the Filter textbox type xpinstall.enabled

4) Below right click on xpinstall.enabled and select Toggle. Have a look :

5) Restart your browser.

From now when you will try to install any theme or add-on an error will come saying that addons has been disabled.

How To Create Flash Based Screensaver For Windows

In my last post I told you how to create screensavers. Today's post of mine is quite similar to it but is more advanced than that. Today, I am going to share a free application called InstantStorm with which you can create flash based screensaver.

Suppose you liked a swf file on Internet and want to create a screensaver using that animation, InstantStorm will help you with this. Just install this application, browse for the flash file and publish it.

It has alot more options like setting scale, width, setting icon etc. Have a look :

Download Instructions : Click here to install this application from the official website.

Few months back I wrote a tutorial on How To Download Flash Files In Mozilla Firefox. This will be quite useful for creating flash based screensavers.

How To Show Only Post Titles In Blog Archives : Blogger Hack

You can see that when you click on Labels on right hand side or select archives in this template, only post titles are shown but not the whole post. This reduces the page loading time of my template. Here is a quick tutorial on how to show only post titles :

Step1) First open Blogger and click on Layout and then Edit HTML.

Step2) Now put a tick on Expand Widget Templates.

Step3) Now search for the following code :

<b:include data='post' name='post'/>

Step4) Now replace the above code with the following code :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<li></li><data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

From now when users will click on Archives, they will see only the titles of the post, this will increase the loading time of your tepmlate.

Via : BloggerStop

DiggBar : New Toolbar For Digg

Yesterday, Digg launched its new Digg tool called DiggBar. With this toolbar you can easily digg stories on the page you are. Lets look at each and every feature about this toolbar :

click on the image to enlarge

1) Digg : The first button on this toolbar is of Digg, which when clicked directs us to Digg.com

2) No. of diggs : The second button in this toolbar tells us about the number of Diggs an article has and if it is not dugg there is an option to Digg that story.

3) Then comes the title of the post.

4) Comments : You can view the top comment, latest comment, and most controversial without leaving the page by clicking the Comments button.

5) Access additional analytics : This toolbar also lets you know how many times a story is viewed.

4) Favorite : To make our work simpler Favorite button is added next to title.

5) View related content : This toolbar has a new feature called Related, which works same as StumbleUpon, clicking this button will show you random posts that you dugg in the past.

6) Easily share stories : You can directly share the your experience in Twitter, Facebook and email by hitting the icons at the extreme right.

This toolbar automatically shortens the links when you try to share the link on Twitter or Facebook.

How to enable this toolbar :

There is no need to install this toolbar, Just type Digg.com before any link and the toolbar will appear automatically. If you want to get rid of this toolbar, simply hit the Cross button at the top right.

Suggestions In Gmail Search Bar : New Google Labs Feature

Recently Google launched a new feature in its Labs called Search Autocomplete. After enabling this feature from Settings >> Labs we can search suggestions for contacts and operators as we type in the search box. Have a look :

How to enable this feature :

First open Gmail and then open Labs. Here search for Search Autocomplete and put a check on Enable and at the bottom click on Save Changes.

This feature will save a lot of time and finding contacts will be quite easy.

How To Change The Delivery Time Of Your Feeds : Feedburner

If you are using Feedburner or any feed burning service you might have observed that feeds gets delivered to your email at a particular time.

For example, feeds of 84Productions generally gets delivered between 5:00 AM to 7:00 AM.

Below is a simple procedure to change the delivery time of your feeds. Lets start :

Step1) First open your Feedburner account.

Step2) Now click on My Feeds at the top and select your feed title.

Step3) Now click on Publicize tab at the top.

Step4) In the left hand side menu bar click on Email Subscriptions. Now click on Delivery Options under Email Subscriptions.

Step5) Here you can easily change Delivery Options. You can select Timezone and also Schedule Email Delivery.

Step6) At last click on Save

Replies Are Mentions : New Update On Twitter

Today, when I opened my Twitter account I found a new menu in my sidebar called @username tab, have a look :

When you will click on it, you can see the whole list all tweets referencing your account.

I think this update is very useful because earlier people used to put @ symbol for addressing other Twitter users. Now, its very easy to check the replies you have got, simply hit the @username tab and you can view all the twitter replies.

Cheers to Twitter.

Also read : How To Delete Twitter Account

Links