Minggu, 18 Maret 2012

Blogumulus Pada Blogspot

Mungkin Anda sudah memasang gadget label pada blog Anda, dengan tampilan apa adanya. Secara default, Blogger memberikan Anda dua pilihan yaitu berupa deretan data (list) atau awan (cloud). Namun, meskipun disebut awan (cloud) tidak benar-benar mewakili awan.

Kini dengan kode script yang akan Anda tanamkan pada template Anda, maka awan itu akan seperti awan yang melayang yang akan bergerak saat crusor mouse Anda berada di atasnya atau saya menyebutnya dengan Blogumulus Pada Blogspot.

 Dari >>  << >>Menjadi >> 

Yang Anda harus lakukan adalah masuk Edit HTML, back-up template Anda lalu cari kode script: b:widget id='Label1', ganti kode script di bawah ini:

<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>
Dengan kode script di bawah ini:
<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>
Anda bisa merubah beberapa hal seperti lebar yang bernilai 240, Tinggi 300, Background #ffffff, Kecepatan 100, dan Ukuran Font 12.

Demikianlah pembahasan mengenai Blogumulus Pada Blogspot. Selamat mencoba dan semoga berhasil.
Back To Top