Kategori atau label yang saya pasang di blog saya awalnya tampak membosankan, karena sangat monoton alias diam seribu bahasa.
Jadi saya coba menggantinya dengan label yang menyerupai awan berputar, dalam istilah blogger dinamakan label cloud (label awan). Pengelompokkan label atau kategori ini merupakan gabungan antara bahasa flash dengan javascript.
Label cloud ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor, coba sobat arahkan cursor ke label cloud tersebut, terlihat tulisannya mengikuti cursor sobat.
Sebenarnya untuk membuat label cloud ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada kode HTML template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya download terlebih dahulu template sobat atau bisa sobat simpan di notepad juga tidak apa-apa.
^^^Langkah Pertama
<b:section
class='sidebar' id='sidebar' preferred='yes'>
<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>
^^^Langkah Kedua
Hanya itu ilmu yang bisa saya bagi-bagi, terima kasih buat roytanck dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Jika ada pertanyaan silahkan isi di kolom komentar, jangan yang aneh-aneh ya pertanyaannya..
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300",
"7", "#ffffff");
so.addVariable("tcolor", "0x333333");
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>");
Label Cloud Berputar
Diposting oleh
Dody FariaL
.
Langganan:
Posting Komentar (Atom)
4 komentar:
good news
salam kenal mas dody, saya suka dgn template anda, bolehkah saya download dan bagaimana cara-caranya. trim's atas jawabannya
wow..
thx yah udah sharing infonya..
nice post]
^^
lam kenal
thank abis bwt tips nya
Posting Komentar