ada temen blogger yang nanyain cara buat tag cloud, so mungkin ini bisa membantu.......
label tag cloud 3D, merupakan label yang berputar2 yang bisa mempercantik blog kita, selain bisa berputar2 seperti globe, label tag juga bisa di jadikan seperti link, langsung aja ya kita bahas, daripada bertele2 ngebahasnya, karena gw ga bisa ngarang
pertama2 loe masuk ke edit HTML yang ada di tata letak (oia ini khusus template baru lho bukan klasik), lalu cek list expand widget yang ada di template.....oia ada baiknya loe backup dulu template yang loe punya guna menghindari kesalahan dalam edit, lanjut ya.........
setelah loe expand loe cari kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>
atau kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>
setelah ketemu loe copy kode di bawah ini persis di bawah kode diatas
<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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 deh template loe, n liat hasilnya.........
oia catatan neh, klo tampilan warna dan lebar label ga sesuai dg keinginan loe, bisa di rubah koq,
gw kasih tau deh caranya........untuk ngerubah lebar dan tinggi label loe cari kode "240", "300"
loe cukup rubah nilainya aja (yang tulisan merah), nah klo mau rubah warna backgroundnya loe tinggal cari kode "#ffffff"); (standar nya sih warna putih------>ffffff)
lalu klo untuk rubah warna tulisannya loe cari kode "0x333333");
klo mau cari kode2 warna, tinggal cari aja di ineternet, kan banyak.......
Sabtu, 25 Oktober 2008
Membuat Label Tag Cloud 3d
Label:
label
Sabtu, 04 Oktober 2008
emotion lagi
pernah liat icon2 spt ini????? lucu ya n tambah rame kan, ternyata trik ini lebih gampang, tanpa perlu kita masuk2in kode2 atau bolak-balik liat emotion, cukup ketika kita posting ttinggal klik2 aja emotion simbol yang ada di composenya
di halaman compose nya kira2 seperti inicaranya
- Pastikan kamu pake browser Firefox terbaru, at least versi 1.5 keatas lah.
- Install yg namanya Grease Monkey disini, ini add-onn firefox yg akan membantu misi kita kali ini
, setelah itu restart firefox anda.
- Setelah GM terinstall, langkah berikutnya adalah menginstall script emoticon, untuk contoh kita bakal masang emoticon yg biasa nongol di yahoo. Silahkan klik disini untuk menginstall scriptnya.
- Langkah berikutnya adalah Masuk ke template editormu di blogger, cari tag ini
]]></b:skin>
nah tepat sebelum tag itu, kamu masukkan kode berikut:
img.emoticon {
padding: 0;
margin: 0;
border: 0;
} - Selesai..
, silahkan skrg kamu coba masuk ke compose page, dan rasakan bedanya
Oh ya selain emoticon yahoo, ada beberapa emoticon lain yg bisa kamu install, yaitu:
- Emoticon dari smiley jungle, scriptnya hasil oprekan saya sendiri
*narsis mode*
- Emoticon Naruto
- Emoticon Pika
- Emoticon pucca
- Emoticon yg biasa ada di shoutbox2
sumber : camel journey
Langganan:
Postingan (Atom)