Sabtu, 25 Oktober 2008

Membuat Label Tag Cloud 3d

ada temen blogger yang nanyain cara buat tag cloud, so mungkin ini bisa membantu.......
label tag cloud 3D, merupakan label yang berputar2 yang bisa mempercantik blog kita, selain bisa berputar2 seperti globe, label tag juga bisa di jadikan seperti link, langsung aja ya kita bahas, daripada bertele2 ngebahasnya, karena gw ga bisa ngarang
pertama2 loe masuk ke edit HTML yang ada di tata letak (oia ini khusus template baru lho bukan klasik), lalu cek list expand widget yang ada di template.....oia ada baiknya loe backup dulu template yang loe punya guna menghindari kesalahan dalam edit, lanjut ya.........
setelah loe expand loe cari kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>
atau kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>

setelah ketemu loe copy kode di bawah ini persis di bawah kode 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(&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>

simpan deh template loe, n liat hasilnya.........
oia catatan neh, klo tampilan warna dan lebar label ga sesuai dg keinginan loe, bisa di rubah koq,
gw kasih tau deh caranya........untuk ngerubah lebar dan tinggi label loe cari kode &quot;240&quot;, &quot;300&quot
loe cukup rubah nilainya aja (yang tulisan merah), nah klo mau rubah warna backgroundnya loe tinggal cari kode &quot;#ffffff&quot;); (standar nya sih warna putih------>ffffff)
lalu klo untuk rubah warna tulisannya loe cari kode &quot;0x333333&quot;);
klo mau cari kode2 warna, tinggal cari aja di ineternet, kan banyak.......

Sabtu, 04 Oktober 2008

emotion lagi

pucca_love_03pucca_love_04kakashifullbolapiss-ahtembakpolisipetanisarjanasarjanalove13maluoknohappypucca_love_10pucca_love_17wink

pernah liat icon2 spt ini????? lucu ya n tambah rame kan, ternyata trik ini lebih gampang, tanpa perlu kita masuk2in kode2 atau bolak-balik liat emotion, cukup ketika kita posting ttinggal klik2 aja emotion simbol yang ada di composenya
di halaman compose nya kira2 seperti ini
caranya

  1. Pastikan kamu pake browser Firefox terbaru, at least versi 1.5 keatas lah.
  2. Install yg namanya Grease Monkey disini, ini add-onn firefox yg akan membantu misi kita kali iniintel, setelah itu restart firefox anda.
  3. Setelah GM terinstall, langkah berikutnya adalah menginstall script emoticon, untuk contoh kita bakal masang emoticon yg biasa nongol di yahoo. Silahkan klik disini untuk menginstall scriptnya.
  4. Langkah berikutnya adalah Masuk ke template editormu di blogger, cari tag ini

    ]]></b:skin>

    nah tepat sebelum tag itu, kamu masukkan kode berikut:

    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }
  5. Selesai..peace, silahkan skrg kamu coba masuk ke compose page, dan rasakan bedanya encem

Oh ya selain emoticon yahoo, ada beberapa emoticon lain yg bisa kamu install, yaitu:
tinggal klik aja linknya, ntar langsung ke-install.

sumber : camel journey

Simbol Emotion juga

Kolom blog tutorial






Kolom blog tutorial






Kolom blog tutorial






Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial







sumber kang rohman

pasang simbol emotion di blog

Kolom blog tutorial





Kolom blog tutorial






Kolom blog tutorial






Kolom blog tutorial






Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial






Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial






Kolom blog tutorial





Kolom blog tutorial







Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial





Kolom blog tutorial






Kolom blog tutorial






Kolom blog tutorial





Kolom blog tutorial




sumber : http://friendster-etutorial.blogspot.com/

Template by : Kendhin x-template.blogspot.com