Sobat Aura, bagaimana kabar sobat hari ini? semoga sobat
semua dalam keadaan sehat wal'afiat, nah kita mulai saja sobat dengan
topik pembicaraan kita hari ini, sobat pernah kah melihat widget label
cloud berputar di blog sahabat? widget untuk label berbentuk cloud dan
bisa berputar seperti bola dunia, tentunya menarik bukan sobat, nah
sesuai topik kita di atas sekarang Aura akan nge-share tentang
bagaimana cara membuat widget label cloud berputar, pastinya sobat semua sudah penasaran kan bagaimana cara pemasanganya, mari sobat
kita mulai saja ini dia langkah-langkahnya.
1. login Ke Blogger.
2. Pilih Template.
3. Sobat download template full terlebih dahulu mencegah terjadi kesalahan.
4. Pilih Edit HTML.
5. Centang Box "Expand template widget"
6. Lalu sobat cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> menggunakan CTRL+F4 / F3, selanjutnya sobat letakkan kode script di bawah ini persisi di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'> 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", "250", "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>
<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", "250", "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>
Catatan : kode yang berwarna ungu bisa sobat ganti dengan ukuran dan warna widget yang sobat inginkan.
Catatan : kode yang berwarna biru muda bisa sobat ganti untuk merubah size font / besar tulisan.
7. Klik "Save" dan selesai.
Selamat mencoba sobat Aura, bila ada pertanyaan comment di bawah.
0 komentar:
Posting Komentar