Kamis, 25 November 2010 | By: Faris Setiawan Bastomi

Tag Cloud animasi

Kalian tau tag cloud kan?
itu loh, yang biasanya isinya label-label dari postingan-postingan kamu,,,
sekarang gimana kalo tuh tag cloud gag cuma diem?
bisa gerak-gerak sendiri gitu?
wah, horor donk? hehehe, bukan gitu, gerak sendiri kalo cursor kita deketin ke tuh tag cloud,,,
penasaran? langsung praktekin aja,,,






  1. as always, masuk ke edit HTML
  2. simpen dulu pake Download Template Lengkap, biar nanti kalo gag cocok tinggal ganti lagi dengan yang lama
  3. cari kode ini nieh
     <b:section class='sidebar' id='sidebar' preferred='yes'>
  4. kalo udah ketemu, taruh kode yang ini tepat di bawahnya
    <b:widget id='Label88' locked='false' title='Tag Cloud' 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://hermanblogtips.blogspot.com'>Herman Blog</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;200&quot;, &quot;150&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='14'><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. Simpan
seperti bysa, ukuran widgetnya bisa di edit sendiri d width dan height dan lain-lain, seua bisa di edit sesuai selera Anda, hehehe,,,
Voila!!!
lihatlah, tag cloudmu bergerak!!!
Enjoy,,,
(^_^)
Read more >> >

ada yang bisa bantu?

Guys, ma'af ya, banyak temen yang pengen saya follow, tapi ada kendala nieh, paz mw follow kalian semua, pasti kalo mw follow, selalu ada tulisan kaya gini,,,
"Kami minta maaf...

Kami tidak dapat menangani permintaan Anda. Coba lagi dan kembali nanti."

ada yang bisa bantu gak? biar bisa follow kalian semua nieh, hehehe,,,
kalau ada yang tau, tlong kasih komen yak???
terima kasih,,,,
(^_^)

Read more >> >
Rabu, 24 November 2010 | By: Faris Setiawan Bastomi

Tanda Tangan Digital

gimana ya biar postingan kita terlihat otentik?
gimana kalo di tanda tanganin aja?
yah, gag usah bingung,,,
banyak koq penyedia layanan tanda tangan digital,,
misalnya di mylivesignature,,
di sini gag perlu daftar biisa langsung buat tanda tanganmu sendiri,,,
kamu akan di beri 3 pilihan setelah meng-klik "Click Here to Start"
  1. Using signature creation wizard
    ini cara yang paling gampang, tinggal masukkan namamu di sana dan otomatis tanda
    tanganmu jadi.
  2. Draw a signature straight to the screen
    ini pilihan bagi yang tangannya udah jadi satu sam mouse-nya, hehehe,,,
    nggambar sendiri coy,,,
  3. using scanned image
    ini harus pake scanner, ah daripada repot, gag usah di bahas aja yak?
    hehehe,,,
apapun yang kamu pilih dari ketiga pilihan di atas, setelah tandatanganmu jadi:
  1. klik want to use this code?
  2. klik pada generate HTML code, kemudian copy kode tersebut.
  3. masuk dasbor>pengaturan>format
  4. pada template entri, pastekan kode HTML yang kamu dapat tadi,
  5. simpan.
    Voila!!!
    Lhoh? mana? postingannya gag ada tanda tangannya?
    tenang,tenang,, tanda tangan ini berlaku pada postingan yang kamu posting setelah kamu mengaplikasikan tandatangan ini,,,
    tapi kalo pengen di kasi tanda tangan pada postingan sebelumnya, ya tinggal paste-kan koe tadi pada postingan-postingan kamu sebelumnya,,,
    Enjoy,,,
    (^_^)

    Read more >> >

    Drop Cap

    Sekarang waktunya memperindah blog lewat postingan kita, gimana kalo postingan kita di awali dengan huruf cetak besar seperti di majalah atau koran-koran?
    berhubung saya ini baik hati dan tidak sombong,,,(wkwkwk, gag ada yang muji sieh), gini nieh caranya :
    1. yang pasti masuk edit HTML
    2. dan seperti biasa, centang expand widget template-nya
    3. langsung cari kode 
       <b:skin><![CDATA[
    4. copy kan kode ini di bawah kode sebelumnya

      /*dropcap*/
      .post t{
      float:left;
      color:#004EFF;
      font-family: Castellar;
      font-size:60px;
      line-height:48px;
      padding-top:7px;
      padding-right:5px;
      }
    5. simpan deh,,,
    nah, sekarang gimana cara make'nya? pasti bingung kan? hehehe,,,
    dan beginilah caranya biar gag bingung, taruh huruf yang pengen di dropcap di antara kode <t> dan </t>,,,
    nb: color: warna dropcap
    font-family: jenis teks
    semuanya bisa di edit sesuai selera,,

    cobalah pada salah satu postinganmu dan,,,
    Voila!! kini postinganmu seperti di koran-koran,,,
    enjoy,,,
    (^_^)

    Read more >> >
    Kamis, 11 November 2010 | By: Faris Setiawan Bastomi

    membuat favicon


    sering kita lihat blog kita, pada bagian icon, hanya ada huruf "b" yang menandakan blogspot, , ,
    ga' jrang juga kan kita ngerasa bosen dengan icon yang gitu-gitu aja?
    pengen ganti icon? gampang,pengen tau caranya?
    gini nieh,,,
    1. pertama, buat atau paling gampang, browse aja di internet gambar yang kamu pengen, n simpen dulu buat sementara
    2. next, tuh gambar biar bisa di jadiin icon, ubah dulu gambarnya, caranya, kamu bisa ke salah satu website icon generator, misalnya http://www.favicon generator.com.
    3. kemudian klik tombol browse di sana dan pilih gambar yang tadi kamu pilih
    4. klik generate favicon.
    5. setelah beberapa saat proses, download dengan meng-klik click here to download your favicon dan simpan.
    6. upload gambar tadi pada salah satu imagehosting, misalnya flickr atau photobucket tapi kamu harus mendaftar dulu, gag perlu khawatir, gampang koq daftarnya, tinggal ngikut cara yang ada pada masing-masing website.
    7. kemudian copy kode url yang di dapet setelah uload di galerimu pada webhosting yang kamu pilih, misal kodenya seperti ini:

      http://www.geocities.com/icon_bagus/favicon.ico

    8. kemudian tambahkan sedikit kode pada urlmu seperti ini:

      <link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

    9. masuk ke blogmu dan langsung ke edit html
    10. letakkan kode urlnya tepat di atas kode </head>
    Dannn,,,
    Voila!!!
    jadilah icon kamu sendiri, Enjoy,,,(^_^)


    Read more >> >
    Jumat, 05 November 2010 | By: Faris Setiawan Bastomi

    Membuat tombol "like" facebook pada blog


    Biar cara menyukai artikel kita gak usah ribet, bagaimana kalau kita taruh tombol "like"nya facebook di sana?
    siapa bilang gak bisa? bisa kok, gini caranya,,,

    1. masuk ke edit html
    2. centang expand widget template
    3. cari kode <data:post.body/> , biar gampang, pake ctrl+f trus copykan kode tersebut ke dalam kotak pencarian
    4. setelah ketemu, pastekan kode di bawah ini di bawah kode tersebut di atas,,,(haha, ribet ya ngomongnya?)



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:410px; height:40px;'/> 
    </b:if>


    5.simpan perubahan

    nah, sekaranglihat pada salah satu postinganmu dan,,,
    voil!!!
    lihat ada tombolnya di sana,,,
    Enjoy,,, (^_^)


    Read more >> >