cloud label

hmmm...
malam ikaa tringat nk wat tutorial lak
dah lama agaknya xbuat tuto
al maklum laa bz memanjang
hah kowg dh tgk kan tjuk kat ats tue
~CLOUD LABEL~
cuba tgk bawah nie




tutorial




1. Dashboard > Design > Html edit > Tick expand WT

2. Backup templete ( takut xmnjadi lak nnt)

3. Ctrl F seacrh  ( copy ctrl C )

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


4. pas tu kowg akan jumpa kod cm bwh nie..


<b:widget id='Label2' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. dh jumpa kan kod ats nie?? skrg kowg delete kod tue..nk gantikan dgn kod bwh nie.

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

<b:includable id='main'> 
<b:if cond='data:title'> 
<h2><data:title/></h2> 
</b:if> 
<div class='widget-content'> 
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> 
<div id='flashcontent'>Tutorial by <a href='http://dewamahardika.blogspot.com/'>Mahardika Blog's</a> and <a href='http://dewamahardika.blogspot.com/'>Mahardika Blog's</a></div> 
<script type='text/javascript'> 
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", 
"tagcloud", "180&quot;, "200&quot;, "7", "#FFFFFF&quot;); 
// uncomment next line to enable transparency 
//so.addParam("wmode", "transparent"); 
so.addVariable("tcolor", "transparant"); 
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>

6. skrg preview..kalau mnjadi bru save...tapi jgn lupa delete label lama. nnt jd 2 label lak


merah : tinggi label
kuning : warna background

2 Komentar untuk "cloud label"

yunk - u pnya tuto ne tk buleh laa nk copy code yg diperlukan - hehe - apa kata u available kn u nye right klik tuh hunny bawu senang nk follow ur tutorial :-)

din bookmart tuto ni hehe nanti leh bwt rujukan :D

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info