Copyright © cyb-pro
Design by Dzignine
Wednesday, August 22, 2012

Memasang efek cloud tag comulus pada label blog

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.


Sumber
0 Comments
Tweets
Komentar

0 comments:

Post a Comment

Leave a comment...


close