Tutorial 2 - Cloud Label

tutorial Cloud Label. telah di request oleh Puan Norma. Cloud Label ni dah banyak kali i try dan banyak kali juga error. akhirnya i jumpa juga yang betul-betul serasi dengan blog i. senang saja.

1) klik Dashboard --> Layout --> Edit Html --> Edit Templates --> klik Expand Widget Templates.

2) Cari coding <b:section class='sidebar' id='sidebar' preferred='yes'>

3) copy coding kat bawah ni dan paste DI BAWAH coding 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://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", "180", "270", "7", "#FFFFFF"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0xFF0080"); 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>

4) coding yang berwarna merah itu boleh diubah warna Cloud Label nanti. kene guna color coding html. klik di sini. untuk coding warna oren, adjust untuk tinggi dan lebar Cloud Label anda.

5) Preview dulu check ada error ke tak? then Save Templates.

No comments:

Post a Comment