Headlines News :
ads
Home » » Membuat link atau label berputar

Membuat link atau label berputar

Written By Kulo manungso on Kamis, 09 Agustus 2012 | 02.55

hi sobat mixton .. pas saat blogwalking.. sya masuk ke blog punya om kurnia septa eh nemuin yang aneh.. bulet-bulet bisa muter. hahah
kecil ya gambarnya? ... bodo amat .. biar penasaran.. hahaha

 kali ini saya bakalan ngasih tutorial buat yang pengen memperindah blognya ... yaitu dengan script widget yang satu ini, namanya blogumus widget hasil buah tangan dari Amanda Kennedy ini memang lumayan bagus.. (bagus banget deng).. widget ini membuat label atau link yang kita inginkan bergerak berputar saat kursor kita sentuhkan ... saya pun cari caranya buat di share ke teman - teman tercinta ini .. oke begindanglah caranya..... simaklah dengan seksama dan tempo yang sesingkat-singkatnya..

1.login ke blogger dengan id anda
2.pilih template dan edit HTML
3.cari kode HTML bericut


<b:section class='sidebar' id='sidebar' preferred='yes'>


4.copi dan paste code ini di bawah kode yang tadi di cari


<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> Posted by <a href='http://adesyams.blogspot.com/'>Ade'S Tricks</a></div> <script type='text/javascript'> var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;); // uncomment next line to enable transparency //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); so.addVariable(&quot;tcolor&quot;, &quot;0x333333&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>
5.kemudipun pratinjau .. jika rebes.. baru di save..


NB : untuk merubah warna, tinggi dan lebar cari kode ini dan ganti yang merahnya dengan keinginanmu
 240: lebar . 300: tinggi

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); 

kemudian variabel tinggi dan lebar script berada dibaris ini

so.addVariable("tcolor", "0x333333");

untuk ukuran font

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>");

untuk backround transparan tinggal hilangkan saja tanda //


//so.addParam("wmode", "transparent");

artikel ini dilindungi oleh: DMCA.com
Share this article :

0 komentar:

Tell us what you're thinking... ! choose name or anonymous if you have not any account

Exit Temukan Kami di Facebook, terima kasih likenya

jam tangan kece

masukkan id e-mailmu:

English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified


 
Proudly powered by Blogger
Copyright © 2011. Ilmu pengetahuan dan software - All Rights Reserved
Template by Creating Website Design by mixton2