Follow my Blog

Senin, 22 Oktober 2012

Membuat Label dengan Animasi Blogumulus














caranya :
  • Masuk Blogger mu.
  • Pilih Layout (bahasa lain harap menyesuaikan)
  • Pilih Template
  • Edit HTML
(jika ada yang tidak cocok harap menyesuaikan karena saya memakai tampilan BLOGGER yang baru )


Untuk Mencegah kesalahan pada template harap backup dulu

Lalu cari kode ini (bagi template Blogger lama)
<b:section class='sidebar' id='sidebar' preferred='yes'>


 Lalu bagi TEMPLATE BLOGGER BARU cari kode ini :
<b:section-contents id='sidebar-right-1'>

Untuk memudahkan gunakan ctrl + F (pada keyboard mu.




Setelah ketemu . Masukan Kode berikut, di bawah kode yang kalian cari tadi.



<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://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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//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>


SIMPAN TEMPLATE


CATATAN :

Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud


Jika ingin mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai background template Anda

Tidak ada komentar:

Posting Komentar