Memasang Animated Flash Tag Cloud Blogumulus

Dalam postingan kali saya akan membahas bagaimana cara memasang tag cloud blogumulus dan yang ingin tahu cara memasangnya silakan ikuti tulisan berikut ini, untuk screenshotnya sendiri atau contoh gambarnya bisa di lihat langsung di samping website ini atau tepatnya di sebelah kanan kolom sidebar.

Pertama silakan login ke blogger kemudian klik design, edit html dan jangan lupa centang expand widgets template kemudian cari kode ini <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>. untuk lebih gampangnya jika kamu menggunakan firefox pada halaman edit html silakan tekan ctrl+f dan masukkan kode diatas di kotak pencarian, jika sudah ketemu letakkan semua kode di bawah ini, di bawah kode tersebut.

<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'>
<script src='http://files.bloggerbuzz.net/uploads/4/1/9/0/4190919/tagcloud.js' type='text/javascript'/>
<div id='flashcontent'>3D Flash Tag Cloud Blogumulus By <a href='http://www.bloggerbuzz.net/'>BloggerBuzz</a> And You Can See It Here <a href='http://www.bloggerbuzz.net/blog/2010/06/24/memasang-animated-flash-tag-cloud-blogumulus/'>Memasang Animated Flash Tag Cloud Blogumulus</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://files.bloggerbuzz.net/uploads/4/1/9/0/4190919/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency, memungkinkan untuk membuat background transparan
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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>

Dan silakan klik preview dulu untuk melihat hasilnya, jika sudah sesuai keinginan kamu silakan klik save template. untuk pengaturanNya supaya bisa terintegrasi dengan baik di blog kamu silakan posting komentar saja kemudian saya akan kunjungi blog kamu.

Artikel Terkait: