Wednesday, December 14, 2011

Memasang efek cloud tag comulus pada label blog

Sobat blogger pernah melihat pada suatu blog bagian labelnya tampilannya menarik dengan efek seperti awan yang berputar-putar yang biasa disebut dengan Cloud Tag Comulus, Cloud Tag ini bisa digunakkan di wordpress, namun jika kawan-kawan ingin memakai efek Cloud tag ini pada blogger, tentu saja bisa, caranya juga gampang.langsung saja ke cara membuatnya :







1. Login blogger
2. Rancangan, Edit Html
3. download template lengkap untuk jaga-jaga
4. Centang menu Expand Template Widget
5. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> (CTRL+F untuk memepermudah) :
6. Simpan kode berikut di bawah  kode yang dicari tadi:
<b:widget id='Label99' locked='false' title='Cloud Tag Comulus' 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'>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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan:
- 240 : Lebar dari cloud tag
- 300 : Tinggi dari cloud tag
- #ffffff : Background  dari cloud tag
- 100 : Kecepatan dari cloud tag
- 12 :  Ukuran Font dari cloud tag

7. Simpan Template dan lihat hasilnya.

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free