Coba-coba bikin artikel tentang tutorial blog. kali tentang cara memasang label cloud animasi pada sidebar seperti yang boleh anda lihat pada gambar yang di tunjukkan di atas, anda hanya perlu ikut beberapa langkah yang di tunjukkan di bawah.
Save script template anda terlebih dahulu.
Langkah 1
Log in blog => Dashboard => Design => Edit HTML.
Langkah 2
Dengan menggunakan keyboard, taip atau paste kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)pada ruang Find. Seterusnya, tekan kekunci Enter.
Langkah 3
Salin kod di bawah dan paste selepas atau di bawah kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)(rujuk langkah 2)
<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'>
<center>
<object type="application/x-shockwave-flash" data="https://sites.google.com/site/javascript10/tagcloud.swf" width="100%" height="200" allowscriptaccess="always" >
<param name="movie" value="https://sites.google.com/site/javascript10/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='11'><data:label.name/></a>
</b:loop>
</tags>" />
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<center>
<object type="application/x-shockwave-flash" data="https://sites.google.com/site/javascript10/tagcloud.swf" width="100%" height="200" allowscriptaccess="always" >
<param name="movie" value="https://sites.google.com/site/javascript10/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='11'><data:label.name/></a>
</b:loop>
</tags>" />
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Late one click Preview, and if there be no exposed mesej Error, click Save.
p / s:
1. To swap the background color, edit the codes # ffffff is in bold with the color of your choice.
Example: # 000000 (black)
2. To swap the color of the font, the edit codes 000 000 are in bold with the color of your choice.
Example: ffffff (white)
To get the color codes please click here
Post a Comment