30 November, 2009

Expand/Collapse ,Hide/show -navigation Element-widget

Here is a simple tutorial for you to add Expand/collapse ,Hide/show navigation element which gives pleasing and organized look to your sidebar.Actually the whole tutorial is divided in to three parts and every part is equally important .Any mistake might not result what is expected.
Before starting The tutorials please backup your template in case if anything goes wrong.
First part :
Add the following code in your style sheet.
.commenthidden {display:none}
.commentshown {display:inline}
Second part :
Put the following code in Between <head> and </head>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
&lt;head&gt;
Third Part :
Add this code in your Html/javascript gadget.
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Title</a><br />
<div class="commenthidden" id="UniqueName"
>Include your all content here</div>
Replace UniqueName
with any unique string in both places and Title
with the title of your gadget.

For instance include your content before last </div> element
<a aiotitle="click to expand" href="javascript:togglecomments('chickletlist000')"> /- Useful Links-click me to expand</a><br/><br/>
<div id="chickletlist000" class="commenthidden">
<ul id="main-nav">
 <li><a href="http://www.bannercreator.nu/banner-maker.html">Banner Creater</a></li>
 <li><a href="http://www.chicklette.net/chicklet-maker/">Chicknet Maker</a></li>
 <li><a href="http://www.degraeve.com/color-palette/index.php">Color pallate Generator</a></li>
 <li><a href="http://www.degraeve.com/reference/color.php">color picker</a></li>
 <li><a href="http://www.chami.com/html-kit/services/favicon/">favicon from pics</a></li>
 <li><a href="http://www.vizu.com/index.htm">make polls</a></li>
</ul>

</div>

6 different Flash clock Designs & how to add it to blogger.

1.



2.



3.



4.



5.



6.



YOu can find more clocks at Csalim galery

Adding Clocks to blogger:
Copy any of the code from this blog or from Csalim galery And paste in Html/javascript gadget.
You can add them to blogger posts too.

29 November, 2009

Google Friend Connect Gadgets In Various Forms


Google friend connect gadgets which most of us use in our blogs exists in various forms Even i dont know that until one of my friend told me an give me this friend connect page link.
Most of us has used Google followers gadget but it is one of the different friend connect gadgets.


1.Go to the Friend connect gadget Through this link.
2.In the left hand side of the screen there is list of your blogspot blogs.Expand any of your blog(just click on it).
3.Choose the browse the gadget tab.






4.You can now see a list of gadgets choose your gadget (you can customze the color and size of the gadget )
5.Copy the HTML code and paste it in a Html/Javascript gadget.

Here is a list of some popular gadgets .
1.Add a social bar to your site



2.Ratings and reviews


3.Interest Polls


You can find other gadgets like Members gadget ,comments ,recommendation gadget,featured content ,news letter subscriptions and more>i am sure you will find one cool gadget for your blog too.
Note :You can add Your own gadget by Using Add gadget by url option in the bottom.

Google wave invitation-My first encounter with Wave


Oh My God!! Finally the google wave has ended to my inbox.
After all the hard work  i have done by posting in various forums and various blogs,nothing solves my journey but a friend of mine,whom i know from few days back on internet ,just because we exchange links for our blogroll.
Thanks to my blogroll thanks to my fundoo-blog.

When i first look at the mail i refresh the page to check whether this is my mail box because as it is told that it takes 24-48 hours to recieve a mail after an invitation and that was quick almost instantaneous.

-----------------------------------------------------------------------------------------------------------
 My Google Wave Mail Letter




------------------------------------------------------------------------------------------------------------
My first encounter with Wave
Have a look at the Google Wave:(click to open in full screen)


-------------------------------------------------------------------------------------------------------
I Know there are still many people who want to try the new Google Wave.
so here is the chance for you.I am willing to share  invitation with the readers of this blog.
All you have to do is to 
Drop your name in the comment form below.
& Share this post on your orkut with our orkut share button.
  Add me to your Orkut.
E-mail ids will be selected randomly using http://www.random.org/ .

27 November, 2009

Add blogger search box


Although most of the customized blogger templates has embedded  blogger search with the template.How ever you want to include a search box in the main area of the template like above or below the post area or in the sidebar OR it might be possible that your template does not has a blogger search embedded in that case you can add your own search box and place it anywhere in your blog.

Under layout >> page element tab "Click add a gadget " on the suitable place where you want to add blogger search and choose "Html /javascripts".

Below are the certain Html codes you can use from and add to your Html/javascripts popup window.

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>YOUR BLOG NAME<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Remember to change  YOUR BLOG URL and YOUR BLOG NAME and you can change the search buton to say anything like Go! Hit me! bu changing the value value="Search"
save your code Refresh and see your page.

maxlength="255" shows that the user can enter only up to 255 character to search  Whereas a width size="30"  will increase the width of your search box.

For fun if you want to add image instead of search image.
Just use this code.

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>YOUR BLOG NAME<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>

And replace IMAGE URL with url of your image.
 While it is alright to replace the button of your Blogger search box, you may not want to do that with the Google search box since their T.O.S. disallows any alteration of their code.

How to Add ,display or insert orkut share button to blogger :New

The orkut Share API allows website owners to enable their visitors to share the website content with visitor's orkut friends. Users can optionally promote the content among their friends.   
This is a new and awesome share button(orkut-share) like every other social networking sites.Till now it is available in two forms since it is in experimental form 
Bloggers can add the buttons shown above anywhere using a JavaScript library, clicking which brings up the share dialog with the item selected for sharing like showed in image below



Adding to blogger !
  1. Login to your dashboard.
  2. Navigate through :Layout >> Edit HTML
  3. Click on Expand widget template : Expand widget template
  4. Use your browser search to find  </head> and place the below code above </head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('orkut.share', '1');
      google.setOnLoadCallback(function() {
        var params = {};
        params[google.orkut.share.Field.TITLE] = 'Interesting Page!';
        params[google.orkut.share.Field.DESTINATION_URL] = 'http://Your blog .blogspot.com';
        var connection = new google.orkut.share.Connection(params);
        document.getElementById('orkut-share').onclick =
          function(e) { connection.send('orkut.com', {}); };
      }, true);
    </script>
Do not forget to change your blog url in above code instead of this  http://Your blog .blogspot.com

5. Orkut share is ready to implement now its your wish where you want to add this badge it is totally dependent on you.
Lets continue with adding it at the bottom of your each posts like all social bookmarking button..
Search your post footer area which would be some thing like this <div class='post-footer-line post-footer-line-2'>.

6.Now paste the below code immediately below <div class='post-footer-line post-footer-line-2'>.

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://3.bp.blogspot.com/_eEuHGVw5WLg/SwpFfy4rMqI/AAAAAAAAAAk/jdm-zBiDdv8/s320/share.gif" alt="Share Orkut" />
</span>

You can use text version of this trick by using this code instead of above code which uses image :

<span id="orkut-share" style="cursor:pointer; border:1px solid black">
      Share on Orkut
    </span>


7. Click   Save Template and view your blog !

26 November, 2009

How to add different meta tags for each individual posts -blogger


Why word press is consider as better blogging  than blogger is due to the fact that it allow us to add different meta tags for every individual posts by just installing plugins such as all in one seo wordpress plugin.
Now you can reduce this gap to some extent by using this tricks by which you can add meta tags for all individual posts.
Lets start this process :
1.Open blogger and login .
2.Navigate through Layout >> Edit Html
3.Click on Expand widget template : Expand widget template.
4.Use your browser search to find <head> 
5.Now paste the following code below <head> 


<b:if cond='data:blog.url == "enter the url of the post here"'>
<META NAME="keywords" CONTENT="enter keywords here separated by comms" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>

Note : Please note that for each post you have to add this code again by writing the post URL (link) and keywords.
Some thing like this : first one is for your home page and the remaining for your individual posts.

<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/"'>
<META NAME="keywords" CONTENT="Fun with blog,blogger tricks ,blogger tips,blogger tools,widgets,blogger tutorials," />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/how-to-add-display-or-insert-orkut.html"'>
<META NAME="keywords" CONTENT="orkut,orkut share" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/how-to-make-rounded-corners-in-your.html"'>
<META NAME="keywords" CONTENT="rounded corners,without using image" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/simple-javascript-to-display-date-and.html"'>
<META NAME="keywords" CONTENT="date and time widget,blogger,javascript" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>

6.Save your template once you have finished adding meta tags.

Random post widget for blogger

Thought related posts widget or popular post widget are most important widgets for a blog and most common too, but adding a random post widget will give life to all your previous posts since your blog posts are being rotated randomly with each refresh.
Adding a widget like this is very easy ,you need to be logged in to your blogger account.
Simply add a Html/Javascript gadget at any place in your sidebar and copy and paste this code :

Installation And Customization :

  • Click on the below button to to Add directly to your bloggger.




  • Once added  you can move and place gadget to any position.

25 November, 2009

A Simple Javascript to display date and time


Displaying the current Date:
 

var currentDate = new Date()
  var day = currentDate.getDate()
  var month = currentDate.getMonth()
  var year = currentDate.getFullYear()
  document.write("<b>"   day   "/"   month   "/"   year   "</b>")      


 Displaying the current time :

 var currentTime = new Date()
  var hours = currentTime.getHours()
  var minutes = currentTime.getMinutes()

  if (minutes < 10)
  minutes = "0"   minutes

  document.write("<b>"   hours   ":"   minutes   " "   "</b>")


Displaying the current time with AM/PM


var currentTime = new Date()
  var hours = currentTime.getHours()
  var minutes = currentTime.getMinutes()

  var suffix = "AM";
  if (hours >= 12) {
  suffix = "PM";
  hours = hours - 12;
  }
  if (hours == 0) {
  hours = 12;
  }

  if (minutes < 10)
  minutes = "0"   minutes

  document.write("<b>"   hours   ":"   minutes   " "   suffix   "</b>")


These Scripts can be implemented easily by  calling from external javascript.

Copy any of the three code and paste in notepad and save as time.js
Example-<script src="http://sites.google.com/site/ishanbanga03/my-uploads/timeampm.js"></script>

How to make rounded corners in your existing menubar


This is a simple and easy tutorials for beginners , which make rounded corners in your existing menubar without using image and can be easily implemented on blogspot blogs.There is a lot of code snippet around to create a rounder corner ,but this one is simple CSS technique of rounding off corners using  some css atributes.
This technique will work in Firefox, Safari, Chrome and any other CSS3-compatible browser. This technique will not work in Internet Explorer.



Note : -moz-border-radius: 10px; IS used for rounding corners in mozilla based browser and -webkit-border-radius: 10px; for safari and chrome

Add following CSS attributes to your menu element to make its corner round.

 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;


  Add following CSS attributes to your menu element to make its left corner rounded :

-moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;


.

You can use  different possible combinations of  topleft, top-left, bottom-right, bottomright etc
  • -moz-border-radius-topleft / -webkit-border-top-left-radius
  • -moz-border-radius-topright / -webkit-border-top-right-radius
  • -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
  • -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
Lets Implement Using Example.

Before Rounded corners :


#navwrap {margin:auto; width:560px; float:left;}
       .topnav ul {list-style:none;margin:0;padding:0px;  float:left;}
       .topnav li {float:left;margin:0;text-align:center;}
       .topnav li a {font-family: Georgia; font-weight:normal; font-size:10px; text-transform:uppercase; display:block;padding:6.5px;color:#FFFFFF;text-decoration:none;}
       .topnav li a {background:none; }
       .topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#FFFFFF; color:#E27100;
}

After Rounded corners :


#navwrap {margin:auto; width:560px; float:left;}
       .topnav ul {list-style:none;margin:0;padding:0px;  float:left;}
       .topnav li {float:left;margin:0;text-align:center;}
       .topnav li a {font-family: Georgia; font-weight:normal; font-size:10px; text-transform:uppercase; display:block;padding:6.5px;color:#FFFFFF;text-decoration:none;}
       .topnav li a {background:none; }
       .topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#FFFFFF; color:#E27100;-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
 If you’d like to support my work and advice, just use the social bookmark options in the bar below and bookmark us!  And, if you enjoyed this post, please subscribe to our RSS feed.

24 November, 2009

Stepbystep :Using Disqus to blogger-tutorial

This Tutorial will show you how to add disqus comment system ho highly customizes blogger template.
Here is a step by step procedure :




1.GO to DISQUS.

2.Click on      Sign Up,Free

3.Fill The details on the Sign up page.(click on the image to enlarge) and Click on Continue


 4.Fill the settings Page(You can skip this step and change your settings later.)


5.Click   Continue

6.Choose youe blogging platform

Since this is a blogger tutorial we,will go with blogger .Click on blogger


7.open Blogger.com in new Tab
Login to  your blogger dashboard.
Layout >> Edit HTML>> Download Full template


8.Revert back to Disqus tab.
CLICK on Choose file .
A new window will  open Chosse the select xml file which you have downloaded in step 7.
If u want to import previous comments from blogger Click on 2nd check box...like this
Use Disqus Comments on all blog entries. Any existing comments can be imported in.

Click on Upload and continue






9.COPY THE XML code given by the Disqus.

10.Revert back again to Blogger tab.(Edit html tab)

11.Click on Expand widget template
Expand widget template

12.Paste the code(copied from disqus site) in to the edit tempate area.

13.Click Save Template

14.View blog to see a new DISQUS comment system on your blog.

Whats more ???

You can use Disqus to import your previous blogger comments .
You can import comments from .other commenting system like intensee debate
You can add comment moderators to your account.
You can customize your comment system with every color combination.
Use disqus widgets for blogger.

23 November, 2009

Create falling Stars effect to blogger.

After adding various successful effect on blogger like
Spring effect to blogger,
Winter snow effect to blogger,
Create falling heart effect to blogger.


This is the forth one is this category called as Falling star effect to blogger and fairly simple and easy to install.




1. Click Effect to open Blogger in a new window, and follow the steps below in that window. Please login if necessary.
2.Try Copy and pasting way.
Copy the below code and add it to your Html/javascript gadget and place the gadget at the bottom.


See A image Based Tutorial





Make first letter of your post large and attractive


This hack will let you make the first letter of your posts standout  like you see in image here..See the Y is in Caps(with styling).



Just follow easy steps :
  • Login to your dashboard
  • layout >> Edit HTML
  • Check Expand Template Widget in the top corner.
  • Use browser search to find ]]> b:skin>
  • Copy the following code, place it above code ]]> < /b:skin>
     
.initial {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Click on    Save template 

How to write a post??
Type this code < span class="initial"> First Letter </span> in HTML mode. Insert the first letter of your articles. After writing initial letter ,you can type in Edit HTML or in the Compose

22 November, 2009

Add devider between posts for blogger-post devider

Few days back i write a post about adding background color/image to your blogger post.Now we will learn to add post devider between posts.I have seen certain blogs with good content but failed to hold readers because of improper template design with lack of popup ability .ONE of the main reason for adding post dividers is to make readers easily differentiate between posts.
Lets just begin and see how we can add post devider to any customized blogger template.
  • Login to dashboard .
  • Navigate your way to edit HTML(expand widget template)
  • AND use your browser search to find .post
.post is responsible for post layout and its style & it may have few CSS propertes like :

.post {
        background:#fff url(http://3.bp.blogspot.com/_sunpK_FtO1E/SmLpQomgPcI/AAAAAAAAAJk/9FklGNoNPxw/s1600/box-bgr.gif) repeat-x top;
    float: left;
    width: 475px;
    margin-bottom:5px;
    padding: 10px;
        overflow:hidden;
        border:1px solid #cfcfcf;

}

Now ALL you have to do is add CSS properties Of a seperator:


background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;

And Dont forget to change POST-Separator-Image-Url  with your divider image url.

So now your combined code will be :

 .post {

        background:#fff url(http://3.bp.blogspot.com/_sunpK_FtO1E/SmLpQomgPcI/AAAAAAAAAJk/9FklGNoNPxw/s1600/box-bgr.gif) repeat-x top;
    float: left;
    width: 475px;
    margin-bottom:5px;
    padding: 10px;
        overflow:hidden;
        border:1px solid #cfcfcf;
background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;
 }

Click On  Save Template



FINAL THOUGHT
Where to find Post separator image .Google is your friend.
 You can use These Free seperators collected from web.




















 


Use comment box below If you like my posts  OR Give feedback.WE love Feedbacks.

Blog Offline : Windows Live Writer




Windows Live Writer is Backed by a Trusted Brand - Microsoft

A big perk of using Windows Live Writer is its integration with Microsoft's other products, particularly the other Windows Live tools. You can feel confident that Windows Live Writer will continue to be updated well into the future.


Windows Live Writer Offers a Wide Variety of Features

New Authoring Capabilities



* Inline spell checking

* Table editing
* Ability to add categories
* Page authoring for WordPress and TypePad
* Support for excerpts and extended entries
* Improved hyperlinking and image insertion
* Paste Special

Integration and Compatibility

* SharePoint 2007 support
* New APIs enabling custom extensions by weblog providers
* Automatic synchronization of local and online edits
* Integration with Windows Live Gallery
* Support for Blogger Labels

Plus...

* New look and feel
* Available in 6 languages
* Improved accessibility and keyboard support
* Many other frequently requested enhancements!

Download from Live.com || Download From Softpedia


You can follow the steps in this simple Windows Live Writer Tutorial to get started with Microsoft's offline blog editor today.

Sitemap

Site Map

Homepage

Last updated: 2010, February 24

/ 1 pages
Fun with blogger
         
08/ 10 pages
Blogger (Ads Ready) templates
Blogger (gold) templates
Blogger (silver) templates
"123456" is on Top! World's WORST PASSWORD's list
18 Adsense Optimized Wordpress Themes
Free Adsense Ready Wordpress Templates
Facebook Mafia Wars hack
Wordpress Falkner Themes
Falkner Theme Installation Instruction
Lockerz? Invitation
         
09/ 17 pages
Contact Me
Best Language Translator Widget For Your Blog
Get ip-address widget for your blogger
Get Flash Animated Label Tags Cloud Widget For Blogger ( blogspot )
Google Talk Button(Gtalk button)
Multi Tab Widget For Blogger/Blogspot Blogs(easiest way)
HTML Color Codes(Color Palatte)
Creating a Spray Logo For CS 1.6
Useful Links
How To Backup and Restore Your BLoggers Blog
Counter Strike 1.6 Cheats
Counter Strike Source RIP + Cs 1.6 USB
Creating a Spray Logo for CS source
Always submit your blog To search engines and blog directories
How To Quickly And Easily Get ".edu" BackLInks in 6 easy tips
U Comment I Follow(Increase Your Backlinks )
8 new WordPres Blog templates release on 5 sept 2009
         
10/ 37 pages
Blogroll...
Disclaimer
Displaying total number of posts and comments to blogger
Increase Your Text Size with single click [Widget for blogger]
Static badge for your twitter account[widget]
How to Add an Email Subscribe Button Below Every Blog Posts ?
100+ Online Generators
10 Sites to download Free PSD files[best on web]
Create Amazing Header images for blogs/websites[freeware] XHeader 1.01
Use Marque To create a cool Sliding Effect [to your text]
How to Add Flash Files to your blogger
Create Additional Horizontal Menu bar just using Html/script gadget
Download Vodafone ZooZoo Ads Smiles [Emoticons]
Best Firefox Addons For Web Developers :
Best Places To get Free Header For Your Blog(Best on Web)
Rotating Header Image[Images changes randomly with each refresh]
70+ Awesome Free Icon Sets for Web Designers
RSS Seasonal Icons[Spring, Summer, Fall and Winter]
49 Free Ultimate Handpicked Twitter Icons (Best on the web)
Always on top message[Banner always on top Of all content]
Receive Free SMS for Comments Awaiting Moderation
Redirect Blog To Another Blog or Website
Need a menu for your website/blog
Creating spring Effect To blogger[with demo]
How to send Your Gmail to Your cell phone[via SMS]
Restore Accidently deleted Google gmail blog(or Gmail Account)
Using Google Docs to Make Contact Me Form For Your Blogger/website
Add jQuery Social Bookmarks icons after every posts[cool one]
Add music to your blogspot Blog
Adding Favicon to your Blogspot
Best places to get free blogger templates(on web)
Changing Templates without Loosing Widgets[Blogger]
Changing the background image of your blogger
Create Forum Signature Based On Recent Articles of Your Blog
How To Embed a PHP File into Blogger
How to make your all links changes [ Mouseover Link Effects]
Rainbow Links script[make your all links Go Dynamic]
         
11/ 30 pages
Sitemap
Privacy
6 different Flash clock Designs & how to add it to blogger.
How to change default cursor in blogger
Add a Gtalk live chat button to your blog
Expand/Collapse ,Hide/show -navigation Element-widget
Random post widget for blogger
Tiny facebook widget [add as a gadget]
Create Image hover effect to images -By changing opacity
How to make rounded corners in your existing menubar
How to edit/Customize email subscription form given by feedburner
Backlink Checker by iwebtool
Reciprocal Link Checker !! Online
Adding background color to your posts[using HTML]
Google Friend Connect Gadgets In Various Forms
Google wave invitation-My first encounter with Wave
Add JQuery Color fading Menu to blogger
How to add different meta tags for each individual posts -blogger
Add devider between posts for blogger-post devider
Make first letter of your post large and attractive
Create falling Stars effect to blogger.
Creating falling Heart Effect to blogger
Creating snow efect To blogger..!!
Make sitemap for your blogger by copy-paste javascript
Add blogger search box
Blog Offline : Windows Live Writer
Stepbystep :Using Disqus to blogger-tutorial
How to Add ,display or insert orkut share button to blogger :New
New orkut invitations : Is anybody left ...!!!
A Simple Javascript to display date and time
         
12/ 12 pages
Adding background image in Footer
Social bookmarking widget - Using image swapping
Convert Html websites to pdf and save on your computer
Generate your web 2.0 badge
Best Places to Download Bullets For your Blog
Some of the most beautiful RSS icons
Add subscribe to RSS feed at the bottom of the post
Enjoy this site/blog-Buy us a coke/coffee banners
Cant see verification word in comment form blogger-Tip for you
Feedburner socialize:Add your feed to twitter using feedburner only.
Christmas Theme for Blogger
Stylissimo three-column blogger template
         
01/ 9 pages
Coloring the default text selection with CSS
40 Free 125X125 Ads Banner
Social media character set
Make your widgets dragable - Feel Like MAC ♥
Modernizing Your BlockQuotes -9 unique styles
Making Mobile Friendly version of your blog using google reader
Animated jquery sharing bar with 360 revolution
Widget to display backlinks to your blog
Google New year Page rank update PR 3 For Myfundoo blog
         
02/ 12 pages
Home,Newer post,Older post Free Icons and images for blogger
Unique Page Navigation Bar Below Posts[Blogger]
Let readers select your background image -widget
Widget Let readers decide your background color
Image SEO tool
Problem with Rearranging page elements(bx error)
Add Google Buzz button on blogger
Display feedburner subscribers in text for blogger
Blogger Template -Thesis theme for blogger
Google Buzz Tips And tricks
Google Buzz Widget -Display Your Buzz on webpages
Design pile blogger templates Red,Green,pink

Make sitemap for your blogger by copy-paste javascript

19 November, 2009

Add a Gtalk live chat button to your blog



 Google Talk chatback badge will let visitors to your web page chat with you. They’ll be able to chat with you whenever you’re signed in to Google Talk.” The badge will display your online status (whether you're available to chat or not) and, optionally, your status message.




What U need in order to create one for your blog?
U need to be an Gtalk user.
If you're not a current Google Talk user, you'll need to create a new Google Account. If you have Gmail on your Google Account, you can use Google Talk with your Gmail account.


Lets Get this one for your blog :
to create  read the below details and visit : gtalk badge



Title: Text appearing in blue.
Your nickname:  Name Displayed to guest.
Style :click on the drop down list to select to select from 6 options.


Click Update badge

Copy the HTML code From below And paste in your gadget list

18 November, 2009

How to change default cursor in blogger or myspace blogs

It is about the World Cup and we can give the blog a sporty style with these cursors Free soccer alluding that can fit easily and remove them whenever you want.
To make any of these cursors in your blog goes into Design | Edit HTML and before </ body> paste the code cursor that you like.
If you are a Football Fan like me then must check posts for you:-
16 football style blogger templates And Football worldcup exclusive template

<style type="text/css"> body, a, a: hover (Cursor: url (http://cur.cursors-4u.net/sports/spo-5/spo406.cur) progress;) </ style>

 <style type="text/css"> body, a, a: hover (cursor: url (http://cur.cursors-4u.net/sports/spo-5/spo409.cur) progress;) </ style>

 <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-4/spo378.cur), progress;}</style>
 <style type="text/css"> body, a, a: hover (cursor: url (http://cur.cursors-4u.net/sports/spo-1/spo61.cur) progress;) </ style>
 <style type="text/css"> body, a, a: hover (cursor: url (http://cur.cursors-4u.net/sports/spo-1/spo39.cur) progress;) </ style>

 <style>  HTML, BODY (cursor: url ("http://downloads.totallyfreecursors.com/cursor_files/adidasfootballboot.cur"), url ("http://downloads.totallyfreecursors.com/thumbnails/adidas-football-boot . gif "), auto;) </ style>

<style> HTML, BODY (cursor: url ("http://downloads.totallyfreecursors.com/cursor_files/flamingsoccerball.ani"), url ("http://downloads.totallyfreecursors.com/thumbnails/flamingsoccerball.gif) , auto;) </ style>