Headlines News :
Home » , , » Cara membuat joomulus Tag untuk blogspot

Cara membuat joomulus Tag untuk blogspot

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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x80ff00&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</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
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Daftar isi Pengetahuan

Free Download

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Cara Blog world - All Rights Reserved
Template Design by Creating Website Published by Mas Template