Blogxool :Free Templates

Change order of Archive posts

When you post anything to your blog, your Old posts got back in Archive ,no ?

Yes. But some posts might be important in content, and you might think them to appear at the top in archive.

Now you have the option to bring back your older posts to the hompage whenever you want.
This is especially useful in seasonal events, when a post written in the past must be present on the homepage. But publishing a new post with the same content will cause content-duplication problems, so you can simply edit your previous post to change the publishing date and bring it back to the top.
So to do this,

open the post-editor and click on Post Options link present in the bottom of the page.

Now Set date and time to present or any future date.

Finally save the post and your work is done (You can of course undo the changes, to send the post back to its original place).

Note: URL Doesn't Changes.URL keep the same as Old

Gadget appears on specific page

We do not want the gadget to appear on every page. We want it to appear only on the 'Blog Members' page. For this we use the power of conditional tags. The first step is to get the permalink of the Blog Members post published in Step 1 above. Look in the Blog Archives gadget as the post was backdated. Click the post link to open the post page. Copy the link from the address bar. It looks like this in my example :

http://www.yoursitename.com/2009/12/specified-gadget.html

Then we have to modify the widget code. Login at Blogge.com and click Layouts link on dashboard. Then click Edit Html subtab of Layout tab. Click on Expand Widgets Template checkbox at top of Template Code box. Wait for page to refresh. Scroll down to the code for the Blog Members gadget. It will look like something this :

Put in the two lines in bold as shown above. In the first line :

<"http://www.yoursitename.com/2009/12/specified-gadget.html">

Put the permalink of your Blog Members post obtained in Step 1. Do not forget to put in the second line :

in exactly same place in the widget code. Save Template. As you can see the Members gadget showing all the present members appears only on this post.

How to install a three column Blog footer

Go to Dashboard > Layout > Edit HTML.

Back up your template.

Look for the existing footer code near the end of your HTML. It might look something like this:

if you already have contents in the footer, the code should be longer.

Copy and paste the code below immediately under the footer . This code will create 3 new gadget containers (one for each column) under the existing footer container.

Copy the code below and paste it in CSS section, before ]]>.

#new-footer-wrapper

{

background: #E1E2B8; margin: 0 auto;width:98%; padding: 0 10px 10px 0;

}

#column1-wrapper, #column2-wrapper, #column3-wrapper { float: left; width: 33%;padding: 0px 0px 0px 0px; text-align: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

.new-footer h2 { margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; text-align: left; color: #222222; background: #C1C298; font-weight: bold;font-size: 0.9em;}

.new-footer .widget { margin: 10px 0 0 10px; border: 1px solid #F1F5CA; background: #F7FCDF;

}

.new-footer .widget-content { padding: 0px 5px 5px 5px; }

.new-footer ul { list-style-type:square; margin-left:15px; }

Save the template and go to Layout > Page Elements. You should have the 3 empty footer containers added at the bottom of the layout.

You can now drag and drop the gadgets from the existing footer or sidebars into the new footer containers. The end result should look something like this.

If the columns are not distributed evenly, try adjusting the width in line 3 and right margin in line 5 of CSS code (in step 6).

Once satisfied with the result, if you want you can go back to the old footer code in step 4 and delete it (from
until
).

Remove-older-post-and-posts-atom-links

In the default Blogger templates, you might see at the words “Newer Post”, “Home” and “Older Posts”. Really these buttons are very helpful to users. But some Blogs are really acting like as Professional websites, that means , they didn't contain these types of links.This tip surely help them.

After Sign In to Blogger , Go to Dashboard

Then Click on Layout

Go to Edit Html and tick mark on Expand Widget Templates

Find this code in your template code :

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

After wards replace with this code:

#blog-pager-newer-link {

display: none;

}

#blog-pager-older-link {

display: none;

}

#blog-pager {

display: none;

}

Yyou wish to return to the original state, simply reverse the process.

Thanks :)

Falling Snow effect to blog

Now make more attraction your blog, by giving falling snows on your blog.

While you browse on you blog, you can feell the falling of snow, leaves, xmas decorations and all.

Its very nice to look.

Yes, Create it now very easily with me.

Step 1:

Save and upload to your site one of the following two images (depending on the effect you want), by right clicking the image, and choosing "save as":

Step 2:

Having done that, simply add the below chunk of code to the section of your page:

Select All

Be sure variable "snowsrc" in the above code correctly references the full URL path to the image used. Enjoy!

Thanks to : http://dynamicdrive.com

How to block follower on blogger

Here, for every blog of you an see followers link if it has minimum one, as you can see in bellow image Technical Details blog has 8 Followers

Click on Followers Link for the blog for which you want to block some follower

It will show list of followers as shown in bellow image

Now click on the picture of the follower which you wanted to block

This will show updates and links of follower as well as link for blocking the follower

Click on Block This User Link and follow the steps and the follower gets blocked from following your blog.

If you don't want block the follower but add as a friend then click on Add as friend as shown in the above image

Redirect from one blog to another

Suppose, i have two blogs with not bad amount of visitors ,But i can't manage them, so i would like to make it out one.So i need a redirection purpose.That means if any one enter into my old blog, he will automatically redirect into my new blog :) how is it ?

So, how to do this?

If you are using a NEW BLOGGER TEMPLATE, do this:-

1. Go to blogger dashboard.

2.Click on the layout link> Edit html

3.Copy the below html code and Paste it anywhere between the head tags.[look at the below screenshot]

Don't forget to replace the newblogaddress in the code with your destination url(address)

4.SAVE THE CHANGES.

If you are user of CLASSIC BLOGGER TEMPLATE,Just follow this:-

1. Go to blogger dashboard

2. Click on the template link next to your blog name.

3. Copy the below code and paste it below the head tag as shown in the below screenshot

Don't forget to replace the newblogaddress in the code with your destination url(address)

4. Save Changes.

Add your blog feed to your facebook profile

We're kicking off our video series with a quick tutorial on how to add your blog's feed to your Facebook profile. That way, every time you publish a new blog post, Facebook imports it as a Note and notifies your Facebook friends. Hosted by me (Andy) your in-residence TypePad scientist:

Buy aStorage space for blog

What would you do if your Blog space exceed from the limit ?

Create another blog?

But,its quite difficult to manage those two blogs,

But now Blogger.com comes with its solution.

Now more, you can buy Free space for your blog.

There are many plans for you,You can choose any one of them that suites you.

Visit here to buy the space: https://www.google.com/accounts/PurchaseStorage

Post via email

If you are far from computer and your blog, don't be worry, Take your mobile phone and have blogging,with most easy and safety method.

Blogger introduce Mail-to-Blogger Feature.

To post your blog,you need to configure your Mail-to-Blogger email address.Then onwards you can have blogging on your Mobile itself.

The Mail-to-Blogger feature turns any email account into a blog-posting application.

In Settings | Email you can create a Mail-to-Blogger address which you will use to send posts via email to your blog:

To post to your blog via email, you need to configure your Mail-to-Blogger email address in Settings | Email:

The format of the email address is username.secretword@blogger.com. Note that this email address must be kept secret. Otherwise, anyone who gets it will be able to post as you.

Also be sure to specify whether or not you prefer your email posts to publish automatically. If this option is not checked, then your posts will be saved on your account but will not appear on your blog until you log in to Blogger.com and publish them yourself.

Once you have saved your Settings, you can send email to your blog. The subjects of your email letters will be the titles of your posts, and the body of the emails will be the posts themselves. To include an image in your post, you can attach an image to you your email.

Notes: Sometimes email programs append text to the bottom of each sent message; to make sure this cruft doesn't get posted to your blog, put #end at the end of your post.

Post to my blog

Go To www.blogger.com

Once you've logged into Blogger you'll see your Dashboard, showing your list of blogs.

Click the blue 'New Post' button to create a new post:

Next, you'll see the Create New Post page. Start by giving your post a title (optional), then enter the post itself:

When you're done, click the "Preview" link to make sure it's ready to go:

Once you're satisfied with your post, click the "Publish" button. This will publish your new post:

Image from photobucket to blog

Upload your image to a photo hosting website like Photo Bucket.com. With Photobucket, you can upload photos as well as videos, and you can blog direct from Photobucket.

First of all You should create an account in photo bucket.After you have uploaded your photo to Photobucket, you can use the <img src="photo URL" width="W"> tag to publish your photo to the blog, where W is the width of the photo you want displayed in your blog, or you can blog direct from Photobucket. If you take the first alternative, you will need the URL of the hosted photo. This you can get from your Photobucket account. See screenshot

Post pictures to blog

Now its very easy to upload pictures to your blog .Better use new updated Editor for more functions.

Yopu can upload picture with three touch !!.Yes.

You can now upload photos to your blog(s) using Blogger Images;

just click the image icon in the post editor's toolbar.

When you click this icon, you'll get a window that allows you to select an image or multiple images from your computer.

Click the Browse button to locate the ones you want. Alternatively, you can enter the URL of an image that's already online and insert it into your post.

If you click the link to choose a layout, you can customize the way your images will appear in your post:

The left, center and right options determine how the text of your post flows around the pictures.

The size option lets you scale the pictures to different sizes within this posting area. Note that the picture will still be uploaded in its full size; this option just determines how it's scaled within the content of your post.

Label Your Post

Label helps you to categories all your posts.It makes your visitors to catch the topic very easily,when they are enough posts.

Add Label to your Post :

When you're writing a post, you'll have a space at the bottom of the form marked "Labels for this post."

Enter whatever labels you like, separating them with commas. You can also click the "show all" link to display a list of labels you've used previously.

Then just click on the labels to add them.

When you publish your post, the labels will be listed with it.

Clicking any of the labels will take you to a page containing only posts with that label.

Advanced Use

You can easily change the formatting used here by editing your blog's layout. You can also add a list of all your labels in the sidebar of your blog, sorted alphabetically or by frequency of use.

Labels are handy if you blog about a lot of different subjects, since readers can then choose to view all of your posts on, say, dancing at once. Or politics, or knitting, or whatever you happen to be writing about. If you have a team blog, you could also give each member their own label, so you could easily read all the posts by any one of them. Feel free to come up with other creative new uses as well!

The following characters cannot be used in labels: &<>@!,

Subscript and superscript in blog post

Today my friend tito dutta asked me about superscript and sub script in Blog posts.

It is very sad to say that there is no icons in blogger new updates Editor.

But by using some html Codes, it can be possible in Your blog.

Few of us may not know what it is, For those ,

What is super scipt ?

Example :

18 ^{th - this is an example for supper scipt .}

What is Subscript ?

Example :

18 _th_{This is another example for Subscript}

To Add this on your Post.

Make your editor in "html Code"

(* Sorry for this Low Quality picture ")

Change the "TEXT" and paste your text which you wanna be a super script or be a sub script

Enjoy .

Create a Blogger Feed

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.

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.

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.

Read all of the information on "Congrats", then click Next » to continue with the setup process.

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.

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:

In a new browser window, sign in to your Blogger account.

From the Blogger Dashboard, click the Settings link for the blog you want to promote.

The Settings page for your selected blog should appear.

Click the Site Feed link under the Settings tab.

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.

You should see the message "Settings were Saved Successfully".

Blogger will now redirect all feed traffic for your blog to your FeedBurner feed.

Note: If you are using the redirection feature within Blogger to send all of your feed traffic to your FeedBurner feed, you may want to modify the code we provide in order to keep your subscribers with you, even if you leave FeedBurner.

Solution for spam appeal

Is your blog is spam labelled , or is it not shown now a days ? .We found that many blogs are blocked as spams blog.Now blogger team are very strict in these area.Some of my friends seen that "Return to Blogger" error while they try to open their Blog.To solve this problem,

You should take a request to blogger Team.

Click here to report a request.

Paste this to URL

https://spreadsheets.google.com/viewform?key=pZHHZdeYKeHjcTRpnBYV0Qw&email=true

Thanks

Import and Export blog

The import and export features on Blogger give your content a whole new range of portability and freedom, allowing you to create copies of your own blogs as well as import them into other existing ones. Best of all-we've made this a very simple process!

Import as a New Blog

To import content as a brand new blog, click Create a Blog from your dashboard.

Import Into an Existing Blog

To import posts and comments into an already existing blog, start by clicking Import Blog from the existing blog's Settings | Basic tab.

Note: Your template will not be affected by the imported content.

Next, choose a Blogger export file (.xml) from your hard drive and fill out the word verification beneath. By default, all of your imported posts will remain unpublished until you publish them from your dashboard later. However, if you would rather have all posts published immediately, make sure to check the box next to Automatically publish all imported posts before you click Import Blog.

If you did not choose to have your posts publish automatically, you will need to manually publish them from the Posting | Edit Posts tab before they will appear on the web. You can either publish all the posts at once by clicking Publish all imported posts, or publish individual posts by selecting them and then clicking Publish Selected.

Exporting Your blog

To export your blog, simply click Export Blog from the Settings | Basic tab.

Finally, click the Export Blog button. You blog will be stored as a Blogger export file (.xml) file which can be kept as a backup on your hard drive or imported into another blog.

Horizontal drop down menu

Many bloggers needed their blog more graphically professional.To this idea,i added here another css script to create horizontal menu bar with drop down facility.Now create drop down menu bar within ten seconds!!. Last week i posted a horizontal menu bar code.
You need just

Copy this code paste it to "HTML/SCRIPT" gadgets.
Then hit on save.
Done!!!

<style type="text/css">

/*Credits: Blogxool.blogspot.com */
/*URL: http://www.blogxool.blogspot.com */
.menu{
 border:none;
 border:0px;
 margin:0px;
 padding:0px;
 font-family:verdana,geneva,arial,helvetica,sans-serif;
 font-size:14px;
 font-weight:bold;
 color:8e8e8e;
 }
.menu ul{
 background:url(http://www.cssmenumaker.com/menus/062/images/menu-bg.gif) top left repeat-x;
 height:43px;
 list-style:none;
 margin:0;
 padding:0;
 }
 .menu li{
  float:left;
  padding:0px 8px 0px 8px;
  }
 .menu li a{
  color:#666666;
  display:block;
  font-weight:bold;
  line-height:43px;
  padding:0px 25px;
  text-align:center;
  text-decoration:none;
  }
  .menu li a:hover{
   color:#000000;
   text-decoration:none;
   }
 .menu li ul{
  background:#e0e0e0;
  border-left:2px solid #f68618;
  border-right:2px solid #f68618;
  border-bottom:2px solid #f68618;
  display:none;
  height:auto;
  filter:alpha(opacity=95);
  opacity:0.95;
  position:absolute;
  width:225px;
  z-index:200;
  /*top:1em;
  /*left:0;*/
  }
 .menu li:hover ul{
  display:block;
  }
 .menu li li {
  display:block;
  float:none;
  padding:0px;
  width:225px;
  }
 .menu li ul a{
  display:block;
  font-size:12px;
  font-style:normal;
  padding:0px 10px 0px 15px;
  text-align:left;
  }
  .menu li ul a:hover{
   background:#949494;
   color:#000000;
   opacity:1.0;
   filter:alpha(opacity=100);
   }
 .menu p{
  clear:left;
  } 
 .menu #current{
  background:url(http://www.cssmenumaker.com/menus/062/images/current-bg.gif) top left repeat-x;
  color:#ffffff;
  }
  
</style>
<div class="menu"> 
  <ul> 
   <li><a href="#" >Home</a></li> 
   <li><a href="#" id="current">Products</a> 
    <ul> 
     <li><a href="#">Drop Down CSS Menus</a></li> 
     <li><a href="#">Horizontal CSS Menus</a></li> 
     <li><a href="#">Vertical CSS Menus</a></li> 
     <li><a href="#">Dreamweaver Menus</a></li> 
      </ul> 
    </li> 
   <li><a href="/faq.php">FAQ</a> 
                <ul> 
                <li><a href="#">Drop Down CSS Menus</a></li> 
                <li><a href="#">Horizontal CSS Menus</a></li> 
                <li><a href="#">Vertical CSS Menus</a></li> 
                <li><a href="#">Dreamweaver Menus</a></li> 
                </ul> 
          </li> 
   <li><a href="/contact/contact.php">Contact</a></li> 
  </ul> 
 </div>

This sample contain only one model,If you want more models with more variety ,
Click here.
This webseite contain all types of Menu bar that match with your Blog.

Thanks
Enjoy!