Friday, August 29, 2008

Make Icons 256 Color 16-Bit For Windows XP / Windows Vista


Make Icons 256 Color 16-Bit For Windows XP / Windows Vista

  1. Open the Registry
  2. Hit Ctrl+F
  3. Type Shell Icon BPP
  4. When found, right click the Shell Icon BPP icon
  5. Click Modify
  6. Change the value from 4 to 16
  7. Click Ok
  8. Close the registry
  9. Restart your computer

Share |

Increasing the Icon Cache for Windows XP and Windows Vista for viewing all icons faster


Increasing the Icon Cache for Windows XP and Windows Vista for viewing all icons faster

  1. Go to "Start" Menu > Run
  2. Type "Regedit" > click "OK" > this will open Regedit program
  3. Go to HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\explorer
  4. Create a new string called Max Cached Icons
  5. Give it a value of 10000
  6. This will increase response time in windows and give the Shellicon cache file more elbow room.

Share |

Alphabetically Sort Favorites and Start Menus Sort Windows XP and Windows Vista


Alphabetically Sort Favorites and Start Menus Sort Windows XP and Windows Vista

If your Start Menu Program or Favorites are not sorting alphabetically, it is easy to fix this:

1. Go to "Start" Menu > Run

2. Type "Regedit" > click "OK" > this will open Regedit program

3. Go to HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Explorer/MenuOrder

4. Under here is are Favorites and Start Menu or Start Menu2 folders also under Start Menu or Start Menu2 there is Programs folder

5. In each there is a value called Order

6. Simply delete (or rename this) and restart Windows

7. Your Favorites or Start Menus should now sort alphabetically

Share |

Thursday, August 28, 2008

Inside AdSense: Answers to your referrals retirement questions


Inside AdSense: Answers to your referrals retirement questions

I was since beginning of this I can not find Adsense referral ads on my blog. I was worried that is there something wrong happened or is it blocked on my blog only. But I finally found on Google Adsense blog that it is retired from Adsense and now Google has announced that Adsense referral no longer come back again.

I am very disappointed by this announcement since referral unit earns much more revenue then normal ad units since here you have choice to place the ad for those referrals which pays you higher.

But it is good news that referral amount which is not credited to your Google adsense account will not be lost. If your referral finishes referral condition till 30 Sept 2008 then the referral amount will be credited to your account.

And also your existing ad units, search units, mobile units or feed units which are not an referral ad unit will not be affected and will continue to show ads as it is and generating the revenue as it is.

Share |

Inside AdSense: Seeing clicks but no revenue?


Inside AdSense: Seeing clicks but no revenue?

Now a days I can find lot of sites and communities which offers you click exchange for the Adsense. But it is completely illegal as it is mentioned by Adsense blog please visit the above link for further details.

If you have Adsense account are working with any click exchange program. So if you find clicks in your Adsense report but you can not find any earning then you might have done illegal click exchange.

Also You can have following problem.

1.Allowed Sites setup
It is possible that you have configured the Allowed sites for adsense ad placement. You might be ownling multiple sites and you might have missed the one of the site to add in the allowed list. If this is the case please go to Allowed site settings and add all your site to allowed sites list

2.Invalid clicks
It's possible that you have some clicks that our monitoring system has considered to be invalid. As we've mentioned before, we monitor all clicks and impressions on Google ads for any activity that may artificially drive up an advertiser's costs or a publisher's earnings. Any clicks that our system considers invalid will still appear on your 'Overview' page, under the Reports tab. However, because our advertisers aren't charged for these clicks and impressions, we won't show the earnings for this activity. If you're concerned about suspicious activity in your account, we recommend reviewing your site's logs and letting us know about the situation.Rest assured that AdSense accounts are properly credited for all clicks and impressions we consider to be valid. We'll post your finalized earnings for a given month on your 'Payment History' page during the first week of the following month. For more information about invalid clicks, please review our Help Center.

Share |

Tuesday, August 26, 2008

How do I enable comments with profile images on my blog?


Go to Comments Settings page as follows:

  • Login to blogger.com
  • Go to Settings > Comments
How to Enable Comment on the blog and show profile images of the commenter?

  • Change value for the "Comments" to "show"
  • And make value of Show profile images on comments? to "Yes"

If you want to configure Who Can Comment on you blog? You have following options:
How to enable comment moderation?
  • Go to Comment Moderation here we have following option:
  • You can also specify the email address on which you can get the moderation request emails

Source:http://help.blogger.com/bin/answer.py?hl=en&answer=41443

Share |

Friday, August 22, 2008

Creating Shutdown, Restart and Logoff Shortcut Icons and Commands For Windows XP and Windows Vista


Windows XP and Windows Vista Commands for Shutdown, Restart and Logoff are as follows:

  • For Shutdown, the command is C:\WINDOWS\RUNDLL.EXE user.exe,exitwindows
  • For Restart, the command is C:\WINDOWS\RUNDLL.EXE user.exe, exit windows exec
  • For Logoff, the command is C:\WINDOWS\RUNDLL.EXE shell32.dll,SHExitWindowsEx 0
To create the icons, create a shortcut on the desktop.

  1. Right click on the Desktop
  2. Select New / Shortcut
  3. For the Command Line or Type the location of the icon,
  4. For the title or Type a name for this shortcut enter any desired name

Share |

Wednesday, August 20, 2008

Creating 3D Window Effect in Windows XP


Creating 3D Window Effect

You can create a nice 3D effect for your windows

  1. Go to "Start" Menu > Run
  2. Type "Regedit" > click "OK" > this will open Regedit program
  3. Go to HKEY_CURRENT_USER \ Control Panel \ Colors
  4. Make sure the following setting are there:
  • ButtonHilight=128 128 128
  • ButtonShadow=255 255 255

Share |

Creating a New E-Mail Shortcut


Creating a New E-Mail Shortcut

To create a shortcut that will open your default e-mail program starting a new e-mail,

  1. Right click on an open area of the desktop
  2. Select New / Shortcut
  3. For the Command Line or Type the location of the icon, enter mailto:
  4. For the title or Type a name for this shortcut enter something like New E-Mail
  5. When you click on this your default e-mail program should start with a new e-mail form.

Share |

How to restore / access the desktop icons when desktop is lost


If you ever lose the Desktop but Explorer is still running with the Start Button,
you can do this to bring back your Desktop in a Windows box.

  1. Click Start
  2. Click Run
  3. Type a period ” . “
  4. Then press Enter

Share |

Saturday, August 09, 2008

Easy Climber


It has been long time I haven’t seen a weird thing like this. For those who are extremely tired after your long working hours or lazy, just sit tight on this Easy Climb chair and it will bring you up to the second floor. This device can hold up to 350 lb and travels up to 20?. It looks pretty cool actually but I’m just afraid when kids play around with it. More pictures after the break.


Via

Share |

Wednesday, August 06, 2008

10 Tips to Improve a Website


10 Tips to Improve a Website


"Your website reads well and you're proud of it. But, you've tried and tried to create something that looks good too, and you can't seem to get it together. You're waiting for rave reviews but none have come your way. Your website is a flop. Not to worry. You're not alone. You want to fix it but you don't have the big budget you need to hire a great web developer. Check out some simple ways you can improve your website and get it into better shape, now!


1. Balance your page


When users enter a website, their focus first starts at the top left of the page, and hovers there before slowly tracking to the right. Contrary to what many think, the web user is focused more on the text of the page, rather than images or graphics. This is where balance comes into place.


Balance will not only make your page more visually appealing, but it will make your page easier to read and items easier to find. A good layout will help the objects on your page to flow.


2. Keep it simple


Less is more. Clean your website up by removing all the unnecessary visual elements. This will allow important items to stand out. Leave some white space on the page. The illusion of space is visually pleasing, as well as easier to navigate. Otherwise, your visitor will get whiplash by darting their head from left to right in an attempt to look at all the information crammed on your screen. Or worse, they'll click out of there in a hurry.


3. Fix your fonts


The size and type of font you select will have an effect on how your reader takes in your information. What font should you use? San-serif fonts such as Arial and Verdana are popular choices for on-screen reading. And keep the size in mind too. The font size should be no smaller than 10 points and no largër than 14 points. You don't want the reader to be able to read the information from across the room, but you don't want them squinting and leaning closer to the monitor either.


4. Clean backgrounds


Go subtle. The background textures and colors you choose have the ability to gauge the overall appeal of the website. Lots of texture and graphics in the background can be distracting, and the more texture you add to the background, the less noticeable your text and images become.


If you're going to use a color on the background, make sure there is a significant contrast between the background color and the text. Strike a good balance, or you may compromise the readability of the text. Make good choices. You will rarely go wrong with black text on a white background. It's crisp, clean, and easy to read. Be cautious when using darker and brighter colors such as red or yellow. They cause visual fatigue and the reader will lose their focus on the text.


5. Graphics


Graphics are often overused on webpages. We often clutter the pages with objects that look cool but serve no purpose other than to increase the download time. Here are some instances where you can use graphics to enhance your pages:


Logo – Your logo is your brand recognition and it adds visual appeal to your webpages.


Title bars – The title bar lets your visitors know which page they are on.


Horizontal rules – Graphic lines are often used to separate categories or sections of a webpage.


Background images – Are used to add visual appeal or make a web site easier to navigate.


Photos – Personalize a website and make it inviting.


Navigation icons, such as `home' and 'back' enhance a page because they are familiar and users anticipate seeing them.


6. Easy navigation


Create a toolbar with links that are easy to navigate. Position the toolbar in an area that makes sense. Web users often look for the toolbar across the top or down the left hand side of the page. Going with the norm will create a sense of familiarity and facilitate the ease of navigation. And don't forget a link to your homepage. It's often forgotten but very important to point your users to your home page. Check out www.invesp.com for an example of easy and well structured website navigation.


7. Text readability


You have great copy, but are you displaying it effectively? Make your pages easy to read. Break up blocks of text and create short paragraphs.


Consider the key points on each page and create headings and subheadings.


Only use one or two fonts. Select one font for your headings and subheadings and another for the body text.


Highlight key words and phrases by emboldening or using a different color. Be careful when selecting colors, and don't use every color in the rainbow. Many, such as yellow and pink, don't stand out well if you've selected a white or black background.


8. Scrolling


Horizontal scrolling? Yikes. That needs to go, now! Users hate, hate, hate to scroll left to right. It's disorienting and annoying, so if you've got it, lose it. Vertical scrolling is OK if you have to have it, but consider moving larger blocks of information to another page and providing links. There's also the danger of missing vital information that falls below the screen if a user decides not to scroll down to view it. So if you've got to have a scrolling page, try to keep all your important information above the fold.


9. Make it quick


We all get impatient when it takes more than 5 seconds to connect to a website. Users want to make contact, and make it quick. Ensure that your pages load as quickly as possible. Eliminate unnecessary graphics, especially 'Flash' graphics... they can be time hogs. You need to make an immediate impression, and the only impression you're leaving as your page slowly grinds in to view is "this page sucks"...if they're still there to see it at all."


10. Grammar and Spelling

This one is huge for me. Misspelled words and bad grammar show an immediate lack of professionalism.

source: http://ezinearticles.com/?8-Ways-To-Improve-Bad-Website-Design&id=553922


Share |

Sunday, August 03, 2008

How to add "Related Articles" widget in the blogger


How to add "Related Articles" weidgets in the blogger

This article explains how you can add "Related Articles" widget to your Post in Blogger (based on JSON callback technique) makes use of your existing labeling system, as shown in figure

















Before you could install this hack:

To make this hack working, make sure you turn your "feeds" on. The setting is set to "on" in your blog by default.

Make sure your feed settings look like this (short or full) at Settings > Site Feed > Blog Posts Feed (Please note its value should not be null)

Also, make sure in "Settings"->"Archiving", "Enable Post Pages?" is set to "Yes"

After above configuration go to "Layout" or "Template" -> "Edit HTML" -> select "Expand Widget Templates"
First take the backup of the template so that if you have made any mistake you can restore with your original template.

Now find any </b:widget> in the template HTML and copy paste following code after </b:widget>.




<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
</b:includable>
<b:includable id='backlinks' var='post'>
</b:includable>
<b:includable id='post' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
</b:includable>
<b:includable id='status-message'>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='comments' var='post'>
</b:includable>
<b:includable id='main'>
<!-- *****************http://technical-tejash.blogspot.com*****Jan,2008****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--<b:if cond='data:blog.pageType == "item"'>-->
<div class='widget-content'>
<h2>Related Articles</h2>
<div id='relatedPostData'/><br/><br/>
<div id='tejash'>Widget by <u><a href='http://technical-tejash.blogspot.com'>Technical Details</a>

</u></div>
<script type='text/javascript'>

var homeUrl3 = &quot;technical-tejash.blogspot.com&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
maxNumberOfPostsPerLabel = 100;
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
maxNumberOfLabels = 3;
</b:if>


function listEntries10(json) {
var ul = document.createElement(&39;ul&39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &39;alternate&39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}

for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = decodeURIComponent(raw.substr(homeUrl3.length+21));

var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;relatedPostData&#39;).appendChild(div1);
}
}
}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;
+ encodeURIComponent(label) +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<!--</b:if>-->
</b:includable>
</b:widget>


And after pasting it to you blog HTML template perform following steps:
As you can find
span >var homeUrl3 = &quot;technical-tejash.blogspot.com&quot;;
above line in the bold in the above code. You just need to replace technical-tejash.blogspot.com with your blog's URL e.g. if your blog's URL is http://rite-mail.blogspot.com then you can change above line to:
var homeUrl3 = &quot;rite-mail.blogspot.com&quot;;

And just save the template and finally its done

Important notes if you want to make changes in the "Related Articles" widget:

Below features are advanced ones (but really easy to set up by you,)

* If you want this widget works on item pages only, then uncomment the following line i.e. take out "<!--" and "-->gt;" off this line (located at the front of the widget)

<!--<b:if cond='data:blog.pageType == "item"'>-->

and also the following comments comments on this line, too, in bold:

</script>
</div>
<!--</b:if>-->
</b:includable>


* To change the maximum posts per label, change the value on this line (currently it's 4.)

var maxNumberOfPostsPerLabel = 4;

* To change the maximum labels, change the value on this line (currently it's 10.)

var maxNumberOfLabels = 10;

* To change the title from "Related Articles" to as per your requirements, change the text in bellow line:

<h2>Related Articles</h2>

* If you require to specify different maximum labels or maximum headers per label, you could do that. Look for this piece of code:

<b:if cond='data:blog.pageType == "item"'>
maxNumberOfPostsPerLabel = 100;
</b:if>
<b:if cond='data:blog.pageType == "item"'>
maxNumberOfLabels = 3;
</b:if>

As shown in the above code, for item page, the maximum post per label is set to 100, and only first 3 labels will be displayed. It makes more sense for the item page to have more relevant header posts, and that's what this improvement is all about.

***

Congratulations! It's all done for the "Related Articles" widget

Share |

Saturday, August 02, 2008

Label Cloud wedgit in New Blogger Users


Here is the code and setup information to use the Label Cloud in New Blogger.



First you obviously have to have a blog on New Blogger, and you MUST be using the layouts templates,

(this isn't available for classic templates, or FTP published blogs )
and you must have some posts labeled already. (There needs to be at
least ONE label with more than ONE entry or the scripts hit a bug - so
have at least one
label with more than one entry before starting).











Make sure you backup your
template before making any changes!








Log into Blogger and go to your layouts section. On the 'Page Elements'
setup page



make sure you have a label widget already installed where you want it
(it can be moved around



later). Then go to the Edit HTML settings and leave the widgets NOT
exapanded.
It will make



things easier to deal with.











Now the code comes in 3 parts. A section for the stylesheet, a
configurations section,



and then the actual widget itself.







The first part to put in is the stylesheet section. The following code
needs to be copied



and inserted into your stylesheet, which in the layouts is marked out
by the <b:skin> tags.



Easiest thing to do is find the closing skin tag







]]></b:skin>







and place the code right BEFORE
that.



Here it is, copy and paste without modification right now. I'll explain
what can be tweaked



later.















/* Label Cloud Styles



----------------------------------------------- */



#labelCloud {text-align:center;font-family:arial,sans-serif;}



#labelCloud .label-cloud li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline
!important;border:0 !important;}


#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}



#labelCloud a img{border:0;display:inline;margin:0 0 0
3px;padding:0}



#labelCloud a{text-decoration:none}



#labelCloud a:hover{text-decoration:underline}



#labelCloud li a{}



#labelCloud .label-cloud {}



#labelCloud .label-count
{padding-left:0.2em;font-size:9px;color:#000}



#labelCloud .label-cloud li:before{content:"" !important}



















This next section is the configuration section for the Cloud. It also
goes in the head



of the template, but outside of the stylesheet part. Easiest thing to
do again is to find



the closing stylesheet tag







]]></b:skin>







But this time place the code right AFTER
that line, but BEFORE
the </head>
tag. Here it is.











<script
type='text/javascript'>



// Label Cloud User Variables


var cloudMin = 1;



var maxFontSize = 20;



var maxColor = [0,0,255];



var minFontSize = 10;



var minColor = [0,0,0];



var lcShowCount = false;



</script>
















All of these settings can be changed but I'll
explain them in a moment. The defaults will work for now.











Now the widget itself. Scroll down and find the label widget in your
sidebar. It should look



something like this.











<b:widget
id='Label1' locked='false' title='Labels' type='Label'/>












Copy the following code (from beginning widget tag to ending widget
tag) and replace



the line above with it.















<b:widget id='Label1'
locked='false' title='Label Cloud' type='Label'>



<b:includable id='main'>



<b:if cond='data:title'>




<h2><data:title/></h2>



</b:if>







<div class='widget-content'>



<div id='labelCloud'/>



<script type='text/javascript'>







// Don't change anything past this point -----------------



// Cloud function s() ripped from del.icio.us



function s(a,b,i,x){



if(a&gt;b){




var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)




}



else{




var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)




}



return v



}











var c=[];



var labelCount = new Array();



var ts = new Object;



<b:loop values='data:labels' var='label'>



var theName =
&quot;<data:label.name/>&quot;;



ts[theName] = <data:label.count/>;



</b:loop>







for (t in ts){



if (!labelCount[ts[t]]){




labelCount[ts[t]] = new Array(ts[t])




}



}



var ta=cloudMin-1;



tz = labelCount.length - cloudMin;



lc2 = document.getElementById('labelCloud');



ul = document.createElement('ul');


ul.className = 'label-cloud';



for(var t in ts){



if(ts[t] &lt; cloudMin){



continue;



}



for (var i=0;3 &gt; i;i++) {




c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)



}




var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);




li = document.createElement('li');




li.style.fontSize = fs+'px';




li.style.lineHeight = '1';




a = document.createElement('a');




a.title = ts[t]+' Posts in '+t;




a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';




a.href = '/search/label/'+encodeURIComponent(t);




if (lcShowCount){



span = document.createElement('span');




span.innerHTML = '('+ts[t]+') ';




span.className = 'label-count';





a.appendChild(document.createTextNode(t));




li.appendChild(a);




li.appendChild(span);




}




else {




a.appendChild(document.createTextNode(t));




li.appendChild(a);




}




ul.appendChild(li);




abnk = document.createTextNode(' ');




ul.appendChild(abnk);



}



lc2.appendChild(ul);



</script>







<noscript>



<ul>



<b:loop values='data:labels'
var='label'>



<li>




<b:if cond='data:blog.url == data:label.url'>




<data:label.name/>




<b:else/>




<a
expr:href='data:label.url'><data:label.name/></a>




</b:if>




(<data:label.count/>)



</li>



</b:loop>



</ul>



</noscript>



<b:include
name='quickedit'/>



</div>







</b:includable>



</b:widget>











Now if all has gone well, and you have posts already labeled, then if
you preview the



blog you should see some form of the Cloud appearing. If it doesn't appear, then
something



went wrong.
You should probably back out and try it again from the start.







Update : I've found 2
things to check for first if the label cloud isn't showing
.

First make sure that at least one of your labels has more
than
one entry. A bug in the script causes it to fail when all the labels
have only one entry.(As soon as any label has more than one entry, then
it should be ok from then on) Also, make sure that none of your labels
contain quote marks " . Apostrophes or single ticks ' are ok. ------







Most likely the cloud with it's default settings won't be what you
ultimately want. But all



the colors and sizes are configurable to match your tastes. If the
cloud is appearing in preview


then you can go about changing some of the variables so they suit.











The settings in the
Variables section will be where you make most of your adjustments.

Here I'll



explain what each setting does.







var cloudMin= 1;







This
setting you can use to limit the number of labels shown (for example if
you have a lot of labels). Leave the setting at 1 to show ALL labels.
If you enter in a higher number, then only labels that have
at
least that number of entries will appear in the cloud.







var maxFontSize = 20;



var maxColor = [0,0,255];



var minFontSize = 10;



var minColor = [0,0,0];



var lcShowCount = false;







The lines for




maxFontSize




maxColor




do what you may think they do. The first one sets the size (in pixels)
of the label with the



most amount entries. The maxColor sets the color of that entry (in RGB
format). Similiar with



the next two




minFontSize




minColor




Just these are for the label with the least amount of entries. Again
the size is in pixels,



the color is in RGB format. Any labels between the two will get their
color/sizes based on



how many labels they are, and where their entry count falls, giving the
much desired cloud



effect.







From my experimenting, there are many factors that make up a pleasant
looking cloud. From



color/size choice, to the number of actual labels, to how well
dispersed the entries are amoung



the labels. 3 Labels don't make a good cloud as there isn't much to
work with. You just have



to experiment around to see what looks good with your setup.







IMPORTANT, when change the color settings, Keep them in the format
supplied. In between the [] and



the numbers separated by commas. The default colors are BLUE for the
max and BLACK for the min.



You can select any valid RGB color combination. If you don't know what
RGB colors are, don't



worry. It's just a way of defining a color. You can use many charts on
the Internet to



get the correct RGB value for the color you want to try. Here's one
that is fairly good.






RGB
Color Code Chart








Remember, if you get the 3 sets of numbers to enter them in correctly.
Inside the [ ] separated by



commas.







Also experiment with different font sizes. Again it depends on how many
entries, how dispersed



they are, and how much room for the cloud is available as to what looks
good.






The last variable there is






lcShowCount







This can either be false (default) or true. All this does is turn
off/on the post count displayed



next to the label. Usually in a 'traditional' cloud the count isn't
used. But if you go to a



'flat' listing then it's sometimes useful to turn it on.







Now to the CSS section. Most people won't need to tweak these much, and
it's not necessary to



understand what all those entries are for. Most are just to make sure
that other styling



elements from the rest of your page don't inherit in and ruin the
cloud. But there are a few



that you may want to change to suit.



The first line








#labelCloud {text-align:center;font-family:arial,sans-serif;}








You could change the fonts used in the cloud here if you wanted.



Also, the text-align statement can also be changed. I have it set to
center by default but you


could use







text-align:justify;


text-align:right;


text-align:left;







If those suit better.







The next line








#labelCloud .label-cloud
li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline
!important;border:0 !important;}








Well don't worry about most of it unless you are a hardcore CSS'er. The
only one of real



importance is the first entry







display:inline;







You can change that to







display:block;







To get the 'Flat' (each entry on it's own separate line) listing of the
weighted entries.



Usually if that is set to block you would probably want to change the
sort frequency from



alphabetical to frequency. You
do that by editing the widget from the Page Elements tab in



Blogger.







And the last bit I'll mention is the line







#labelCloud .label-count







If you set the lcShowCount variable to true to show the post counts,
you could change the

color/size of those numbered entries with that line.

Share |

Topics

 
Embed Wave to Blogger