Reating a Tag Cloud in Blogger

Tag Cloud can be useful to improve the page rank of impressed that we have a blog, about the usefulness of course very good for our blog.

For those of you who are interested please follow the steps as follows:

The first step:

1. As usual, the first blogger in your account

2. On the Dashboard select the layout or arrangement

3. Then on Page Element to add one Gadged

4. Then select the Label

5. Kalo's please save your work

. Click Edit HTML, do not forget to mark Expand Widged Templates.

2. Then find this code ]]></ b: skin> and copykan appropriate code below the code above ]]></ b: skin>

/ * 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)

3. After that, copykan code below exactly under the code ]]></ b: skin>

<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>

4. After that, please save your work.

Step Three

Still in the Edit HTML, please find the code like this below

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

<b:includable id='main'>

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

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

</ b: if>

<div class='widget-content'>

<ul>

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

<li>

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

<span expr:dir='data:blog.languageDirection'>

<data:label.name/>

</ p>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

<data:label.name/>

</ a>

</ b: if>

<span dir='ltr'> (<data:label.count/>) </ span>

</ li>

</ b: loop>

</ ul>

<b:include name='quickedit'/>

</ div>

</ b: includable>

</ b: widget>

Then, replace all code with the code below

id='Label1' <b:widget 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'>

/ / Do not change anything past this point -----------------

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

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

if (a> b) (

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

)

else (

var m = (ba) / 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 = "<data:label.name/>";

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] <cloudMin) ( continue; )

for (var i = 0; 3> 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) (

div = document.createElement ( 'span');

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

span.className = 'label-count';

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

li.appendChild (a);

li.appendChild (p);

)

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>

cond='data:blog.url <b:if == 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>

Until here, do not forget to save your work.

WELCOME TRY, GOOD WORKS.