Cara membuat joomulus Tag untuk blogspot Mungkin ada diantara teman yang masih pemula yang senang menghias blog
dengan membuat joomulus Tag atau menambah tag berputar ketika pointer
mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika
mengklik salahsatu tag akan membuka sebuah halaman sesuai tag
bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda
bisa menambahkan script ke template blogger untuk menampilkan tag
(label) cloud tersebut di sidebar.
Untuk melihat Live previewnya kalian bisa lihat di TAG blog ini
Ok Gw rasa udah cukup ocehan nya sekarang kita langsung praktek aja.
Langkah-langkah pemasangan~nya :
1. Masuk Ke Dasbor Blogger
2. Rancangan
3. Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section class='sidebar' id='sisiatas' preferred='yes'> ( gunakan perintah CTRL+F untuk mempermudah pencarian )
6. Masukan kode di bawah ini tepat dibawah code <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section class='sidebar' id='sisiatas' preferred='yes'> yang sudah anda temukan tadi
<b:widget id='Label50' locked='false' title='tag' 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/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new
SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf",
"tagcloud", "185", "185", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x80ff00");
so.addVariable("hicolor", "0xFFFFFF");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "125");
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'/>
<script type='text/javascript'>
</script>
</div>
</b:includable>
</b:widget>
Keterangan HTML :
185 = Lebar Widget dalam px
185 = Tinggi Widget dalam px
#000000 = Warna Background (Hitam)
0x80ff00 = Warna Huruf
12 = Ukuran Font
0xFFFFFF = Warna Link
7.Simpan dan selesai dah,,,,,,,
semoga berhasil
0 komentar:
Speak up your mind
Tell us what you're thinking... !