Cara Membuat Label Cloud Berputar Di Blog

 Bagaimana Cara Membuat Label Tag Cloud Berputar Di Blog ? - Artikel Ini adalah Lanjutan artikel Dari Judul " Cara Membuat Label Cloud Animasi di Blog  " yang memang kemarin tertunda gara gara Sebab deskripsi yang tidak jelas hehehe... Artikel yang kemarin memang judulnya hampir mirip dengan judul ini dan yang paling menyebalkan  artikel itu tidak Membahas Sesuai dengan judul Blog itu sendiri,Why? Baca sendiri saja sendiri gan biar lebih jelas hehehehe... Link .Lalu bagaimana caranya membuat Tag Animasi yang memang benar-benar Valid.Oke tidak usah panjang lebar,Langsung saja ikuti langkah -langkah yang Facewoman Berikan Di bawah Ini :

LIHAT DEMO LABEL CLOUD

1.Pertama - tama Login Blogger.

2.Langkah Kedua Tata Letak - Tambah Gadget - Lalu Tambahkan widget Label  Note : " Apabila Di Template sobat sudah terdapat Label yang memang sudah terpasang, Maka anda tidak usah menambahkan untuk Tambah Gadget Label  "

3.Langkah Ketiga Apabila Sudah terdapat Label di Blog yang anda harus lakukan sekarang adalah Menamai Label tersebut dengan Kata - Kata Yang Mudah Di ingat , Contoh Apabila Dari widget Label biasanya namanya Adalah Juga " Label ' ,Maka Untuk memudahkan Anda mencari Label Di HTML nanti anda bisa tambahkan Kata dari anda Misal menjadi nama " Label Andik Win  " otomatis nanti pada pencarian di label akan mempermudahkan anda untuk mencarinya .

4.Langkah Ke Empat Template - Edit HTML - Lalu Centang Expand Template Widget  - Lalu Cari Nama Label Yang sudah Anda beri Nama Anda Tadi , Misalkan Nama yang anda namai tadi adalah Label Andik Win Maka anda harus copy  nama Tersebut kemudian pada Kyboard anda gunakan  Ctrl + F kemudian Masukkan Nama Tersebut .... Apabila tidak di ketemukan Label dengan nama tersebut,jalan keluarnya adalah cari Kode yang hampir mirip kode yang facewoman berikan Ini ;

<b:widget id='Label1' locked='false' title='Label' type='Label'>

<b:includable id='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

    <b:if cond='data:display == &quot;list&quot;'>

      <ul>

      <b:loop values='data:labels' var='label'>

        <li>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

            <span dir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </li>

      </b:loop>

      </ul>

    <b:else/>

      <b:loop values='data:labels' var='label'>

        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </span>

      </b:loop>

    </b:if>

    <b:include name='quickedit'/>

  </div>

</b:includable>

</b:widget>

Jika kode seperti di atas sudah anda ketemukan makan ganti kode di atas itu dengan Kode di bawah Ini :

<b:widget id='Label45' locked='false' title='' 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'>Facetemplate by <a href='http://www.facetemplate.blogspot.com/'>Facewoman</a> and <a href='http://www.facewoman.blogspot.com'>Andik Win</a></div>

<script type='text/javascript'>

var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;260&quot;, &quot;260&quot;, &quot;7&quot;, &quot;#eee&quot;);

// uncomment next line to enable transparency

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

so.addVariable(&quot;tcolor&quot;, &quot;0xcc0033&quot;);

so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

so.addVariable(&quot;distr&quot;, &quot;true&quot;);

so.addVariable(&quot;tspeed&quot;, &quot;100&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'/>

</div>

</b:includable>

</b:widget>

Keterangan :

1. Ganti Anga Pada Kode ( "260", ) ganti angak 260 dengan nilai sesuai Sidebar anda,itu di maksudkan agar nanti tag Cloud sesuai sidebar Template anda.
2. Ganti Kode Pada ( "#eee" ) Gati Nilai eee Dengan nilai Kode Warna KLIK DISINI untuk memilih warna. itu adalah kode untuk warna link sobat nanti ketika krusor di arahkan ke label.
3. Ganti Kode Pada ( "0xcc0033" ) Ganti nilai Kode cc0033 dengan nilai warna yang memang anda sukai.Ini adalah warna label anda nanti.
4. Kode Yang lainnya bisa anda pelajari sendiri,jika anda kurang begitu nyaman dengan Taq Cloud editan facewoman anda bisa modif lagi sesuai selera anda agar lebih menarik Lagi.

5.Langkah terakhir Save/Simpan Template.

Note :

 " Untuk menghindari Beberapa hal yang tidak di inginkan terhadap template anda Nanti saya himbau sebelum anda simpan Template usahakan Klik Pratinjau dulu. "

 Itulah Cara valid yang benar benar sukses Facewoman terapkan untuk membuat Tag Cloud Animasi Di Blog.Gimana SObat Facewoman ,,,apakah anda tertarik untuk membuatnya???Jawabannya.......

Warning!!! Membuat Label Cloud Di Blog dapat menyebabkan Loading Blog anda Terasa Berat,Tapi semua itu bisa terbayar karena label anda akan lebih keren dari Label bawaan blogger sebelummnya.