Blogspot Toolbox

Weather Widget for Website & Blog

2010-06-16T00:59:00.000-07:00

Having the latest weather updates on your blog keep your site alive and fresh for your visitors. The easiest way to show off your local weather forecast on your website is with weather widgets, which can easily be implemented in your blog. Each weather widget displays the temperature, wind details, and much more.

Ibegin Weather Widget
Just enter your City, Zip Code, or State to show your local weather forecast. This weather widget will show the current weather and weather forecast with small icons.

WeatherBugWidget
This WeatherBug widget comes in multiple sizes which display your local weather forecast.
50x250, 180x150, 160x600, 300x250 , 125x125 and 728x90.

Weather.com Live Weather Widget
Another nice weather widget by Weather.com, which can easily be implemented in the sidebar of your blog!

WidgetBox Weather Widgets
Choose from a large selection of widgets to show of your local weather.

WeatherReports Widget
Lets you choose the theme of your weather widget.

How to Add these Widgets to your Blog?
Please take note that all of the widgets above can easily be implemented into your blog. These weather widgets are for Blogger, WordPress, Typepad, and all the other blogging platforms. Go to the website and customize the widget, then copy and paste the HTML code into your blog. Then you're done! If you have any questions, please feel free to leave a comment below.

Spinning Cloud Tag Label

2009-10-23T08:00:00.000-07:00

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin.

In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

Update: Improved Widget Code
I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works
This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :)

You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location.

To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout
Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing.

Here are the steps required to install Blogumus in your Blogger layout:

Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Immediatly after this line, paste the following section of code:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://www.geocities.com/ferdy_giel/Script/LabelCloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location.

That's all!

Customizing Blogumus

In this default installation, Blogumus includes the following preset variables:

    * Width is set to 240px
    * Height is set to 300px;
    * Background color is white
    * Test color is grey
    * Font size is "12"

If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in the widget code. Editing width and height The variables for width and height are found in this line of the script:

    var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer. Editing background color You can change the background color from white to any other color by altering the hex value in the same line:

    var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes. Alter the color of text By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line:

    so.addVariable("tcolor", "0x333333");

Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!. Adjust the font size The maximum font size of tags is specified in this line:

    so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number. While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs.

Credits, support and requirements
Blogumus is based on the original WP Cumulus plugin by Roy Tanck, and was converted for use with Blogger layouts. Please leave the credit links in the widget code intact. These will not be seen by the majority of your blog readers (as they will only display if JavaScript and Flash is not activated) but leaving these links intact is a great way of passing some link love on to Roy for all his hard work, and to inform other Blogger users that they can find the widget codes on this site.

Support/Issues
If you have any problems installing or using this widget, please leave your comments below or direct these to the Blogger Buster forums as Roy will be unable to provide support for installation in Blogger blogs!

Requirements
For Blogumus to display properly in your template, you will need to have Flash Player 7 or higher. You can download the latest Flash Player plugin for your browser from Adobe. I'm not sure that this installation will support special characters as tags (only Latin characters supported at present). If you do experiecce issues with labels displaying incorrectly, please let me know. I'll try to add more support, but have very little experience using Flash!

Your thoughts?
I hope that you enjoy using Blogumus in your own Blogger blogs! Please feel free to share or syndicate this page with your favorite bookmarking service if you think it is worth a mention, or subscribe to the newsfeed to learn of more great Blogger tutorials as they are posted.

Domain co.cc configuration

2009-10-22T20:00:00.000-07:00

As you already knew that co.cc is a top level domain which you can get for free. With co.cc, your not only get URLs Forwading but can control the DNS records and CNAME Records. Actually there is 3 functions in co.cc but we'll just discuss what we use it. Before we take this to the bottom you must have an account first in co.cc. After you registered, choose the tab for "Domain Settings". Then select the appropriate Zone Records which is suitable for blogger / blogspot. The trick is:

* In the Host field insert your domain name which is already registered, eg www.yourdomain.co.cc. Do not forget given www.

* For TTL option to let it go.

* On Type option choose CNAME.

* The last, on value column fill with ghs.google.com

The next step is to change your blog configuration.

    * Login to your blog then go to Setting-->Publishing.
    * Then choose Switch to Costum Domain.
    * After that click "Already Own Domain"? Switch to advanced setting.
    * And then fill your new domain name on Your Domain column.
    * Finish, Save your setting.

Your domain will active in a few hour until 2 days work. Have fun....

YM Status List

2009-10-21T08:00:00.000-07:00

Below are various ICON for the YM ID Status as Online.

Speed up 20% Your Internet Bandwidth

2009-10-19T08:01:00.000-07:00

Do you know if the windows had been taking 20% of our internet bandwidth. Now it's time we take back our 20% bandwidth so we can increase the connection speed. Ok let's take some action ...

1. Open windows start menu then click run or use windows+r button then type “gpedit.msc” (without double quote).

2. On the computer configuration—>administrative template—>click network.

3. Click Qos packet scheduler—->Click 2x limit reservable bandwith—>there said not configured but the truth is: read below.

4. By default windows make our bandwith reserved 20 % for the connection but we can overide by default configuration.

5. So the trick is to ENABLED reservable bandwith and change the configuration to zero (0) this will make our system speed up the connection by 20%.

6. Click OK then feel the magic.......

How to put "Read More" on the blog

2009-10-15T13:40:00.000-07:00

Let's get started How to put "Read More" on the blog, yup just like an good old boysband name.... hahahaha...

First of all find EDIT HTML then find the code </head> and put the code below above "</head>" remember above "</head>".

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID)
{
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1)
{
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

When it over, remains on EDIT HTML pages and then give checklist on the Expand Widget Templates and search this code <data:post.body/>. Ctrl+F in Mozilla Firefox Browser to open the search box.

When its done change the code with this one....

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span> </b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>

Save and see the result....viola....

How to Write HTML Code in your blog

2009-10-15T09:00:00.000-07:00

It's all about blog, yup sometimes it's make dizzy how to post a good and strong articles. Is there another way to make this thing simple ??? May be there is a way. How about try something different to write a post...Try to write an article or a comment with HTML Style.

Ok then Here's the STEP:
Act 1
Open your browser then surf to http://centricle.com/tools/html-entities.

Act 2
Put the code that you want to post into the box then press "ENCODE".

Act 3
Copy - Paste all the HTML Code then post it. Simple as it gets........

Whoa thats really awesome don't you think knaaahhhh.....Just trying to make everything simple.....

Increase Your Blog's Technorati Backlinks very effectively !

2009-10-14T11:30:00.000-07:00

Does Anyone want to increase their number of backlinks on Technorati? If so, then join the movement on Blogspot Tools and watch your blog grow with us.

Here are the Rules:

   1. Copy the List into a blog post of yours.
   2. Add your link to the bottom of the list.
   3. Comment HERE so that we can update the list with your link.
   4. Watch the backlinks to your blog increase dramatically via Technorati.
   5. The sooner you join, the more backlinks you will receive.

*–Copy Here - Technorati Authority–*

       1. Woman Secret | http://feel2sexy.blogspot.com/
       2. 32second.blogspot.com
       3. Indo Contest
       4. Blogspot Tools | http://mobzter.blogspot.com/
       5. Contest Love
       6. It Blood
       7. I Heart Contest
       8. Nurse Jen Doll
       9. Your Web and Graphics Design
      10. My Blog Contest
      11. Prize King Contest Blog
      12. Computer Collections
      13. Medan Blogger
      14. Eiffel Tower
      15. Programming the Life
      16. John Doro Dot Com
      17. Paco Contest
      18. Couch Surfing Host
      19. Erick's Blog
      20. My Life 4 Hire
      21. The Spirit of Blogging
      22. EmTNester
      23. Amori, poesi, arte, chat
      24. Great Wall of China
      25. The Painted Veil
      26. FeeFiFoto Blog
      27. I am Harriet
      28. Phoenix2Life
      29. Anurag Bhateja
      30. Online Treasure
      31. Gorilla Sushi
      32. London Eater
      33. News n' Tech Palace
      34. Sherry Rambling
      35. Blogging Tips and Tools
      36. Selbst Management
      37. Skip Ratt
      38. Eljon
      39. Heart Net
      40. Just 4 You
      41. Widgets For Free
      42. Bubble Crush
      43. GoGalavanting
      44. Mesothelioma Cancer Help
      45. How Things Do
      46. Hardware Rig
      47. Reality View
      48. Utah Web Design
      49. Hero Help Tutorials
      50. Nub Lag Teh Server
      51. Jobs Human Resources
      52. Naeem's Blog
      53. Facts For History
      54. Prasdikatama
      55. McPhee-Env
      56. PeriPheryPoem
      57. Writings of RYU
      58. Heart Net
      59. Cater Hater
      60. Tech Recipe
      61. Tech Boy UK
      62. Internet Leashed
      63. Tha Good Life Reviews
      64. Solaris Photography
      65. bSaves - Saving Energy Search Engine - Black Google
      66. Sitfu
      67. The All Rounder
      68. The Science of Getting Richer
      69. University Results
      70. Surigao Digital Services
      71. Senior BabyBoomers
      72. Gazlo
      73. Jessi & Ray Dream Life
      74. Life Around Raymond
      75. Susan Boyle
      76. Get Any Thing
      77. Exclusive Arena
      78. The Star Girl
      79. Tem Bolog
      80. Trash XP
      81. How Hero - How to Tutorials - Video Tutorials
      82. Blog Darma
      83. Money Central Online
      84. Watch Free Online Movies
      85. Zoom Your View
      86. Hey I Want a Job
      87. Dog Pet Grooming Supplies
      88. Find Torrent Search Engine
      89. www.jefusion.info
      90. www.thegenerationv.com
      91. http://beginlearn.blogspot.com/
      92. byspace.blogspot.com
      93. http://bangla-songs-music.blogspot.com
      94. http://about-new-blogger.blogspot.com
      95. http://www.theroadtovalor.blogspot.com/
      96. http://myadventuresinclickland.blogspot.com/
      97. http://wwwthefoldblog.com
      98. http://moh-wagiono.blogspot.com/
      99. http://micromaxreviews.blogspot.com/
     100. www.me36hour.blogspot.com
     101. http://xmusiq.blogspot.com/
     102. http://howdomakehealthylife.blogspot.com
     103. http://valentine.viviti.com
     104. http://bollymoviesdownload.blogspot.com/
     105. http://www.egossips.co.cc/2008/08/increase-your-blogs-technorati.html
     106. http://chennaibikers.blogspot.com
     107. http://dimazzblog.blogspot.com
     108. http://ict-photoshop.blogspot.com/
     109. http://alkoga.blogspot.com/
     110. http://tipsbuzz.blogspot.com/2009/09/backlink-program.html
     111. http://batdpunk.blogspot.com
     112. ADD YOUR LINK HERE

LAST UPDATE WAS ON OKTOBER / 12 /2009

IMPORTANT NOTE !

YOU CANNOT PARTICIPATE UNLESS YOU MAKE THE SAME POST ON YOUR BLOG AND THAN YOU CAN COME HERE WITH THE BACKLINK TO YOUR BLOG !!! ONLY BACKLINKS TO THE SAME POST TO YOUR BLOGS WILL BE UPDATED ! PLEASE DON’T PUT YOUR LINK HERE BEFORE YOU MAKE THE SAME POST ON YOUR BLOG OR SITE !

Note that as much we have links for friends and other sites which they would like to increase their backlinks as much as it is good for all of us !

Don’t forget to promote this article via social networking and word of mouth.. It only means better results for yourself and everyone on the list.

# PLEASE GUYS I AM NOT THE ONLY WORKING HERE TO PROMOTE YOUR LINKS ON MY BLOG !!! YOU NEED TO HELP ME AS WELL TO PROMOTE THIS LIST ON YOUR BLOGS AND BETWEEN YOUR FRIENDS ! GOOD LUCK AND HAPPY BLOGGING :)

Blogs Gadget

2009-10-14T08:00:00.000-07:00

Here are some web sites that provide widgets for blogs.

1. Bigoo.ws -> Services knick - knacks animated images, flash slide show, funny icons, etc.

2. Blogmap -> Map blog, in a certain area according to the coordinates. To use it, we need the Google Earth software to determine the coordinates of where we are.

3. PictureTrail -> Photo albums and galleries, a variety of photo slide show of interest.

4. DanaSoft -> different variations of the signature of IP visitors, and also greetings for visitors.

5. Ticker Factory -> Variations on the display counters, cycles, etc., in the form of interesting pictures.

6. Bunny Hero Labs -> virtual pets that can be installed diblog.

How to put Meta Tag in your Blog

2009-10-13T07:44:00.000-07:00

What are meta tags? They are information inserted into the "head" area of your web pages. Other than the title tag (explained below), information in the head area of your web pages is not seen by those viewing your pages in browsers. Instead, meta information in this area is used to communicate information that a human visitor may not be concerned with. Meta tags, for example, can tell a browser what "character set" to use or whether a web page has self-rated itself in terms of adult content.

Are Meta Tags look likes?

Meta tags are among <head> </ head> element blog or web buddy, and format as follows:

1. <meta name="name" content="content">

2. <meta http-equiv="name" content="content">

So which to use? It all depends on meta tags you use. why a little easier, basically http-EQUIS designed for meta tags that mimic the equivalent of HTTP headers (example: "refresh" and "Pragma"), while the name for all the rest (eg "author" and "description").

An example of HTML Meta Tags

This is an example piece of HTML meta tags, and my friend can use and show how my friend can use a meta tag descriptions and keywords to increase blog rank with search engines:

<head>

<title>Marcia's Dog Training Page</title>

contains information on dog training, including modern

training techniques, training news, info on training

centres and links to other dog-training sites.">

training, puppy, techniques, centres, links, leash,

teaching, commands, sit, stay, fetch, beg">

</head>

Note that we use the two meta tags here. Description tag is often used by search engines like Google to display a brief summary of the page your blog / web. Keywords used to help index the page of your blog so when people type "fetch" of their favorite searchengine, the page will be your pages that they are looking for.

Common Meta Tag

You got the basic things. Well here are several other meta tags that can be very usefull use to improve your blog / web. Do not forget that all the meta tags should be entered into the head element of the page.

Example # 1 -> Author

This allows you to tell search engines and browsers that you are writing your blog / site.

Example # 2 -> Refresh

Meta tags are good if you move the blog / website into a different server or directory, or to change the name for several reasons. You can use these tags to direct the new view the first browser. NEW-URL is the URL of the page to jump to the same page, in this case the same page will continue to refresh. If you set the delay to zero, then the browser will only view the first direct jump.

Example # 3 -> Robots

This is another one for search engines (known as robots). You can use this meta tag to tell search engines whether they add your pages to index or not? and whether they should follow links from your pages to find the page - other pages for the index.

Usually search engines will index your pages if they find it, and follow all the links from that page to find something - anything else.

Example # 4 -> Caching

This meta tag tells the browser to not save copies of your pages in the cache on your hard drive. A cache is usually used to store the last pages you have visited, so the browser does not have to go to the server to download the regular pages visited all the time. However, if you frequently update your page and want users to see the latest version at any time, and then use this meta tag.

Example # 5 ->

This tag is similar to Pragma meta tags above, except that with this you can tell the browser when considering the page from the date (in other words, when it should take a new copy from the server).

End of the discussion... Try and see the result...

How to put Yahoo Messenger status on your blog

2009-10-13T07:08:00.000-07:00

Sometimes, if you have a tutorial kind of blog, your blog visitors will need some further explanation about your posts and articles. And sometimes, post a comments wont help much. So, this time I will share you how to put Yahoo! Messenger status widget on your blog so your visitor will know whether you're online or not. So you, can surely help them...Here is the code.

</a>

Replace the red with a YM user accounts, for the number of blue "2" could be replaced with other number and the result is an image that is displayed differently. Done deh up here. Good luck.

Remove the Blogger Banner

2009-10-13T07:07:00.000-07:00

Navbar is a facility owned by the Blogger / blogspot, the shape of a small box which extends laterally located at the top of the blogs that function among others, to start doing Sign In / out, or can also create a new Blog. Navigation Bar can also be used to report fraud or a crime committed by the weblog of a blogger, such as blog content that violates TOS or other matters that are considered harmful to others.

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML.
    Under the Edit Template section you will see you blog's HTML.

3- Paste the blue code CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
   display: none !important;
}

/* Variable definitions
====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...

How to change your blogger favicon

2009-10-12T20:12:00.000-07:00

1. Design the icon and save it as png (ico is preferred, but it's harder to upload). The preferred resolution is 16x16, but i saved mine at 22x22 for greater quality, and it seems it works :) (i think 36x36 is the limit)

2. Upload the icon somewhere (photobucket, pages.google.com), and copy the link

3. Go to Edit HTML under the Template tab in your blog's dashboard

4. Find the follwowing line (Ctrl+f) : <title><data:blog.pagetitle/></title>

5. Insert this code below it: <link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/> (replace "URL of your icon file" with the link you've copied at step 2)

6. Save the template
In order to see the change, close your page, delete the temporary internet files from your browser and reopen your page.