Tag Awan atau disebut juga Tag Cloud
atau bisa juga disebut Blogumus pada blogger. Biasanya digunakan untuk
mengolongkan label postingan kita dan berbentuk awan jika kita
mengarahkan mouse ke tag tersebut. Postingan kali ini akan membahas membuat tag awan pada blogger,
Setelah saya berburu artikel ini di google, akhirnya saya juga berhasil
membuatnya, lihat hasilnya di blog ini. Walau belum sebagus para
senior, namun lumayanlah buat newbie kaya saya ini.
Langsung aja ke TKP bro.. Silahkan login ke account-->Layout->Edit HTML->Expand Widget Template Lalu cari kode dibawah ini ( Tekan CTRL + F biar cepat )
<b:section class='sidebar' id='sidebar' preferred='yes'>
Copy paste kode dibawah ini pada kode script 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>
|
Anda bisa mengganti yang berwarna
merah sesuai ukuran tagnya. Ganti default : 240 (lebar), 300 (tinggi),
7 (ukuran font), dan #ffffff (warna background) dengan selera anda.
Kalau sudah klik Publish tag ini akan muncul diatas sidebar, anda
tinggal memindahkan posisinya sesuai selera anda. Cara memindahkannya
yaitu pada bagian layout kita klik dan drag dengan mouse tag tersebut.
Demikian tutorial blog Membuat Tag Awan Pada Blogger, semoga bermanfaat.
Selamat MencobaDan Membaca
Tidak ada komentar:
Posting Komentar