Minggu, 25 April 2010

Zuma Revenge Full Game Free Download


Refresh kehidupan kalian dengan sejenak berluang-riakan waktu bersama game, tentu menjadi hobby beberapa orang. Tidak hanya itu, bermain game bahkan menjadi rutinitas harian beberapa manusia. dalam kaitannya permainan Zuma sudah tentu bukan barang langka lagi, sebagian besar teman yang saya kenal bahkan mewajibkan game kodok satu ini berada dalam PC/Laptopnya. yah.. memang game ini terbilang sederhana, eitts, jangan salah, justru melalui kesederhanaanya itulah Zuma menjad salah satu game paling digandrungi saat ini. Sudahlah, cukup sekian basa-basinya,..

Perbedaan Zuma'z Revenge dibanding Deluxe (yang biasa kita mainkan) adalah pada grafiknya, tampilan zuma's Revenge sedikit lebih yahud dibanding deluxe. link download yang disediakan dibawah ini adalah Trial, dan untuk mengubahnya menjadi Full (non-trial) adalah dengan mengaktifkan Patchnya.

Untuk download Zuma'Revenge klik disini | popcap.com: 100MB


Berikut ini beberapa screen shoots permainannya:





Selamat menikmati...

Download Virtual Villagers 2 Full Gratis

Download Game Virtual Villagers 2 Full Gratis terbaru sekarang juga dan mainkan di PC anda untuk mengisi waktu luang anda. Sudah tidak asing lagi Virtual Villagers di telinga kita, oleh karena itu saya mencoba share download game Virtual Villagers gratis terbaru. Game Virtual Villagers sangat seru sehingga banyak saekali yang menggemarinya, sering di jumpai bahwa di hampir setiap PC biasanya terdapat permainanVirtual Villagers ini.

Kamu diharuskan membangun desa dan mengembangkannya serta mengatur warga-wargamu. Di sini banyak misteri yang mesti kamu pecahkan untuk perkembangan dan keberlangsungan desamu. Coba deh gan, rame gamenya link download: DISINI 


Selamat Bermain Sobat...

Teks Berjalan (Running Text)

Teks Berjalan
Teks berjalan, atau running text bagi beberapa blogger diperlukan untuk memberikan perhatian khusus mengenai esensi dari text yang bersangkutan, contoh yang biasa mengunakan teks berjalan : "Gunakan Mozilla Firefox untuk tampilan terbaik", "Peringatan!", "informasi lebih lengkap silangkan kunjungi situs ini", dan lain-lain. Di antara mereka ada yang menempatkan teks berjaan pada sidebar bahkan pada tilte blog.

Pada postingan kali ini saya hanya akan menyempurnakan pembahasan sebelumnya mengenai text berjalan dan text berkedip dengan HTML. Sebelum melangkah lebih jauh cara penulisan teks berjalan dengan HTML, ada baiknya saya jelaskan beberapa fungsi dari kode HTML yang terkait:
Cara penulisan teks berjalan harus diawali dengan tag <marquee> dan diakhiri dengan </marquee>. Marquee sendiri memiliki beberapa atribut diantarnya :
  • Width : berfungsi untuk menentukan ukuran lebar yang nantinya akan diapakai sebagai ruang teks berjalan. (dalam satuan pixel atau persen).
  • Height : berfungsi untuk menentukan ukuran tinggi ruang teks berjalan. (dalam satuan pixel atau persen).
  • Direction : berfungsi untuk menentukan arah gerakan teks (left : teks berjalan ke arah kiri, right : teks berjalan ke arah kanan, up : teks berjalan ke arah atas, down : teks berjalan ke arah bawah.)
  • Bevaior : berfungsi untuk mengatur gerakan teks terdiri dari 3 attribute yaitu (alternate : teks bergerak bolak balik, slide : teks bergerak satu arah dan hanya sekali setelah itu berhenti, scroll : teks bergerak satu arah berulang-ulang).
  • Color : berfungsi untuk mengatur warna teks (ditulis dalam kode hexadecimal tetapi untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris). Sebaiknya pelajari dulu mengeni kode warna.
  • Bgcolor : berfungsi untuk mengatur warna background (dalam hexadecimal atau untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris).
  • <font face="kode HTML> ...... </font>  : berfungsi untuk mengatur jenis font, warna font, ukuran font, dan sebaginya. Antara kode HTML dipisahkan dengan spasi)
  • <span style="kode CSS"> ...... </span> : berfungsi untuk menyisipkan kode CSS di dalam HTML. Jika menggunkanan style maka atribut-atribut CSS dapat diterapkan di sini contohnya font-size : untuk mengatur ukuran font, font-weight: untuk mengatur ketebalan font, color : untuk mengatur warna font, dan sebagainya, penulisan kode CSS tersebut harus dipisahkan dengan tanda titik koma(;).
  • Scrolldelay : berfungsi ntuk mengatur waktu tunda (delay) gerakan dalam satuan mili detik (ms).
  • Scrollamount : berfungsi untuk mengatur kecepatan gerakan dalam satuan pixel.
  • Loop : berfungsi untuk mengatur jumlah looping (pengulangan).
  • Onmouseover="this.stop ()" : berfungsi untuk menghentikan teks berjalaan ketika mouse mendekat.
  • Onmouseout="this.start ()" : berfungsi untuk membiarkan teks berjalan lagi ketika mouse menjauh.

    Penulisan Kode HTML dan CSS tersebut sebaiknya ditulis dalam huruf kecil semua.Untuk lebih difahami silahkan perhatikan semua kode HTML dan CSS pada contoh-contoh berikut :

    Contoh 1 :
    Kode HTML untuk membuat teks berjalan dari arah kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="font-family:arial; font-size: 14px; font-weight:bold; color:#FFFF00;"> <marquee direction="left" scrollamount="5" height="20px" width="100%" bgcolor="#0000ff" >Teks berjalan dari kanan ke kiri</marquee></span> 

    Tampilan setelah diposting :
    Teks berjalan dari kanan ke kiri

    Contoh 2 :
    Kode HTML untuk membuat teks berjalan dari arah kiri ke kanan dengan huruf verdana, bold, warna biru, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud kuning adalah sebagai berikut :

    <span style="font-family:verdana; font-size: 14px; font-weight:bold; color:#0000ff;"><marquee direction="right" scrollamount="5" height="20px" width="100%" bgcolor="#ffff00" >
    Teks berjalan dari kanan ke kiri</marquee></span>

    Tampilan setelah diposting :
    Teks berjalan dari kiri ke kanan

    Contoh 3 :
    Kode HTML untuk membuat teks berjalan bolak-balik dari kan ke kiri dengan huruf verdana, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="color:#ffff00; font-family: verdana; font-size: 14px; font-weight: bold;">< marquee bgcolor="#0000ff" behavior="alternate" height="20px" scrollamount="5" width="100%">Teks berjalan bolak-balik dari kanan ke kiri</marquee></span> 

    Tampilan setelah diposting :
    Teks berjalan bolak-balik dari kanan ke kiri

    Contoh 4 :
    Kode HTML untuk membuat teks berjalan dari atas ke bawah huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="color:#0000ff; font-family: arial; font-size: 14px; font-weight: bold; text-align:center;"> <marquee bgcolor="#ffff00" direction="down" height="70px" scrollamount="5" width="100%">Teks berjalan dari atas ke bawah</marquee></span> 

    Tampilan setelah diposting :
    Teks berjalan dari atas ke bawah

    Contoh 5 :
    Kode HTML untuk membuat teks berjalan dari bawah ke atas berulang-ulang dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud merah adalah sebagai berikut :

    <span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; text-align:center;">
    <marquee bgcolor="#ff0000" direction="up" height="70px" scrollamount="5" width="100%"> Teks berjalan bawah ke atas</marquee></span>

    Tampilan setelah diposting :
    Teks berjalan dari bawah ke atas

    Contoh 6 :
    Kode HTML untuk membuat teks berjalan bolak-balik dari atas ke bawah  huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud merah adalah sebagai berikut :

    <span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee bgcolor="#0000ff" behavior="alternate" direction="up" height="70px" scrollamount="5" width="100%">Teks berjalan dari atas ke bawah
    </marquee></span>

    Tampilan setelah diposting :
    Teks berjalan bolak-balik dari atas ke bawah

    Contoh 7 :
    Kode HTML untuk membuat teks berjalan dari bawah ke atas satu kali setelah itu berhenti dengan  huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 70px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee bgcolor="#0000ff" behavior="slide" direction="up" height="70px" scrollamount="5" width="100%">Teks berjalan dari atas ke bawah</marquee></span> 

    Tampilan setelah diposting :
    Teks berjalan satu kali dari bawah ke atas setelah itu berhenti

    Contoh 8 :
    Kode HTML untuk membuat teks berjalan dari kanan ke kiri satu kali setelah itu berhenti dengan; huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold;"><marquee bgcolor="#0000ff" behavior="slide" direction="left" height="20px" scrollamount="5" width="100%">Teks berjalan dari kanan ke kiri lalu berhenti</marquee></span> 

    Tampilan setelah diposting :
    Teks berjalan dari kanan ke kiri lalu berhenti 

    Contoh 9 :
    Kode HTML untuk membuat teks memantul berulang-ulang dari kanan ke kiri dengan huruf arial, bold, warna kuning, ukuran huruf 14px, tinggi area 20px, lebar area 100% di atas backgroud biru adalah sebagai berikut :

    <span style="color:#ffff00; font-family: arial; font-size: 14px; font-weight: bold; "><marquee scrolldelay="10" behavior="alternate" direction="up" width="100%" scrollamount="2" height="70px" bgcolor="#0000ff"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Teks memantul berulang-ulang</marquee></span>

    Tampilan setelah diposting : 
    Teks memantul berulang-ulang

    Contoh 10 :
    Kode HTML untuk membuat teks link dimana teks tersebut berjalan dari bawah ke atas dan akan berhenti setelah mouse didekatkan. Jika link tersebut di-click, maka halaman yang bersangkutan akan terbuka adalah sebagai berikut :

    <marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left"><a href="http://www.linksukses.com/2010/01/cara-membuat-textarea.html">Cara membuat Texarea</a><br/><a href="http://www.linksukses.com/2010/01/penggunaan-id-dan-class.html">Penggunaan ID dan CLASS</a><br/>
    <a href="http://www.linksukses.com/2010/02/syntax-highlighter-untuk-blogger.html">Syntax Highlighter untuk Blogger</a><br/><a href="http://www.linksukses.com/2010/02/efek-kertas-lipat.html">Efek Kertas Lipat</a><br/><a href="http://www.linksukses.com/2010/01/efek-bayangan-dengan-photoshop.html">Efek bayangan</a><br/></marquee>


    Catatan Penting :
    • #FFFF00 adalah kode keksadesimal untuk warna kuning, #FF0000 adalah kode  heksadesimal untuk warna merah, #FF0000 adalah kode heksadesimal untuk warna mwrah dan seterusnya. Lebih lengkapnya dapat dilihat pada artikel sebelumnya mengenai kode warna.
    • Font-family : untuk menentukan jenis huruf seperti Arial, Verdana, Georgia dan lain-lain.
    • Font-size : untuk mengatur ukuran huruf dalam satuan pixel (px) atau em.
    • Pada Contoh 10, <a href="http://www.linksukses.com/2010/01/penggunaan-id-dan-class.html">Penggunaan ID dan CLASS</a><br/> kode dengan warna merah bisa diganti dengan URL milik anda dan title yang sesuai dengan URL tersebut.
    • Font-Weight : untuk menentukan ketebalan huruf (bisa disi dengan angka 100, 200,...800, atau dengan bold).
    • Scrolldelay : diisi dengan angka untuk mengatur kecepatan gerakan.
    • Width untuk space teks berjalan dapat ditulid dengan angka (pixel/px) dan dapat juga dengan menggunakan persentasi (%) yang nantinya akan menyesuaikan dengan lebar wrapper atau layout postingan blog anda.
    semoga berguna buat sahabat semua......

    Widget Total Posts dan Total Comments

    Kadang baik kita sebagai pemilik blog maupun pengunjung blog kita ingin mengetahui berapa banyak postingan yang sudah dipublikasikan dan total komentar untuk semua postingan tersebut. Sebagai pemilik blog, kita tentu ingin menampilkan seberapa banyak postingan yang sudah kita publikasikan dan seberapa banyak komentar yang sudah kita dapatkan. Karena, semakin banyak kita mendapatkan keduanya maka akan semakin menunjukan eksistensi blog kita.

    Sebagai pengunjung blog, kita juga akan mendapatkan semacam suggesti jika semakin baik dalam arti semakin banyak jumlah postingan dan jumlah komentar untuk semua postingan dalam sebuah blog, maka kita dapat menyimpulkan jika blog yang sedang kita kunjungi tersebut adalah blog yang eksis dan berkualitas.


    Memang tidak ada standar baku yang menentukan batas berapa total posts dan total comments sebuah blog agar blog tersebut dinyatakan bagus, atau dengan melihat perbandingan di antara keduanya. Karena semua ini sifatnya hanya suggesti dan pelengkap.

    Bagaimana cara membuat widget total posts dan total comments ini?

    1. Pertama, masuk ke dalam akun blogger kita masing-masing.
    2. Klik fitur rancangan.
    3. Klik tambah gadget.
    4. Pilih HTML/JavaScript.
    5. Masukan kode di bawah ini:

    <center><script style="text/javascript">
    function totalPosts(json) {
    document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
    }
    function totalComments(json) {
    document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
    }
    </script>
    <script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
    <script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>

    Klik simpan dan selesai.

    Nah, sekarang dalam bagian sidebar kita akan terdapat sebuah widget yang menampilkan total posts dan total comments dari blog kita secara keseluruhan. Mungkin bagi sebagian blogger widget ini kurang bermanfaat. Akan tetapi, untuk blog yang berkonsep news, review, opini, widget ini akan bermanfaat untuk menunjukan seberapa eksist blog yang kita miliki berdasarkan jumlah postingan yang sudah kita publikasikan dan jumlah umpan balik berupa komentar yang diberikan oleh pembaca.

    Semoga Berguna Buat Sobat...

    Minggu, 18 April 2010

    Cara menambah page hit counter di blogspot untuk memantau pengunjung blog

    Mungkin ada diantara teman-teman yang kesulitan cara membuat (memasang/buat) page hit counter di blog.Page hit counter berguna untuk mengetahui halaman web telah dibuka berapa kali. Jadi memudahkan kita mengetahui bahwa web kita banyak dikunjungi orang lain, atau tidak. Ada banyak website yang menyedian script hit counter, anda hanya perlu mendaftarkan situs (blog) anda ke situs mereka, jika disetujui kemudian kita akan mendapatkan script yang bisa dipasang di gadget sidebar blog.

    Prosedur untuk membuat page hit counter di blog adalah:

    1. Klik link berikut http://www.easycounter.com/ untuk mendaftarkan blog anda

    Isi lembar pendaftaran dan pada counter type pilih HTML , pilih Counter style yang akan anda gunakan, kemudian klik tombol "Create My Account >>"


    2. Jika disetujui anda akan mendapatkan script seperti di bawah ini, copy script ini (nanti akan di insert (dimasukkan) ke blog anda


    3. Pada halaman berikut, klik "tambah Gadget"


    4. Pada kotak list, pilih HTML/JavaScript


    5. Masukkan script yang tadi anda copy, seperti di bawah ini


    Klik tombol "SIMPAN"

    Silahkan lihat perubahan di blog anda, jika sukses maka akan muncul hit counter di bagian sidebar.

    Contohnya bisa dilihat di sidebar blog ini

    Beberapa link yang bisa anda gunakan untuk memperoleh script page hit counter:
    http://www.histats.com/
    http://www.counters4u.com/
    http://www.free-counter.com/

    Selamat mencobat.....

    Cara Membuat Iklan Melayang - Iklan akan Tampil Setiap Halaman Blog Dikunjungi

    Cara membuat Iklan melayang, trik yang satu ini lebih pantas dikatakan sebagai trik meningkatkan klik iklan  anda...mau bagaimana lagi coba? Dengan trik ini nih, setiap kali ada orang yang berkunjung ke blog anda entah itu di halaman depan maupun halaman belakang posting, widget iklan melayang ini akan senantiasa menampilkan dirinya (sehingga di situ seakan-akan ada pesan "Klik iklannya dong...please deh,). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik2 iklan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe), penasaran buat bikin iklan melayang?

    setelah dikunjungi pasti ada suatu kotak yang melayang...entah itu kita menggulung scroll-nya ke atas atau ke bawah, si kotak melayang tersebut akan terus mengikuti tampilan layar kita. Biar lebih jelasnya si kotak melayang alias iklan melayang tersebut seperti berikut




      


      
    Nah, bagi teman-teman yang ingin membuat yang seperti itu...berikut lah langkah-langkahnya:

    1. Login ke Blogger
    2. kLik Tata Letak => Klik elemen Tambah Gadget
    3. Pilih Gadget yang bertemakan HTML/Java Script
    4. Isikan Kode berikut di dalamnya

     <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:right;
    border:2px solid #000000;
    background:#F1DEDE;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA3L2M9XSZ8KKS7_F2DH9i1BRwSPkLKBbyvSwcR4zmZcX3WiD_C4-OB0HeFfe902-_UWRcA1DXObRYEvUSIoCua0XE2BntavanmZ6PVHzZMwsytWCeyI58cDEjo1o-dCFhJsY-Hm6-SSeQ/" title="kalau muncul, klik lagi" alt="tutup" />:.
    </a>
    </div>
    <center>

    SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~

    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div> 

    5. Klik simpan. Dah...

    Untuk memasangnya: Ingincara lain? Klik Tata Letak => Edit HTML => Letakkan kode iklanmelayang di atas kode tag </body> => Klik simpan Template.kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing kehalaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehematelemen tambah gadget. 

    Selanjutnya teman-teman bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~" dengan kode maupun widget yang ingin ditampilkan.

    Lalu bagi teman-teman yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) => Untuk mempermudah dalam memilih warna, silahkan cari-cari warna yang anda inginkan di kode warna posting sebelumnya.  
     Semoga Bermanfaat......

    Label Dengan Marquee


    Caranya begini, ikuti langkah demi langkah

    1. Seperti biasa, login dulu ke blogger.
    2. Jika sobat belum menampilkan label, silahkan sobat pasang dulu labelnya, tentunya label dengan model yang biasa (bukan label cloud).
    3. Jika sudah, klik Edit HTML.
    4. Klik Expand Template Widget.
    5. Kemudian cari kode yang mirip seperti dibawah ini, sebagai catatan untuk title='Label' adalah judul label yang ada di blog sobat, silahkan disesuaikan. Dan kode yang berwarna merah adalah kode yang harus disisipkan.


    <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;'>
    <marquee align='left' direction='
    up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <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'/>
    </marquee>
    </div>
    </b:includable>
    </b:widget>


    * Kemudian Simpan Template.

    Keterangan :
    1. direction='up' adalah text yang berjalan dari bawah keatas.
    2. height='300' adalah tinggi dari menu
    3. scrollamount='2' adalah kecepatan gerakan text, semakin tinggi angkanya maka akan semakin cepat gerakannya.

    Saya kira itu saja yang bisa saya sampaikan, semoga bisa bermanfaat.

    Jumat, 16 April 2010

    Icon-Icon Social Bookmark


    Dibawah ini ada beberapa koleksiicon-icon social bookmark dengan kualitas bagus yang bisa sobat jadikankoleksi. Icon merupakan bagian dari blog yang juga perlu kita perhatikan,selain mengundang minat pengunjung, icon juga bisa melambangkan pribadiseseorang. Buat sobat yang kehabisan ide untuk mempercantik blog, mungkinicon-icon ini bisa menjadi alternatif. Berikut icon-icon social bookmarknya.
    1. http://webtreats.mysitemyway.com/simple-glossy-silver-social-media-icons
    2. http://www.cutelittlefactory.com/freebies/furry-cushions-social-icons
    3. http://www.chethstudios.net/2009/02/wild-twist-social-media-icon-pack.html
    4. http://webtreats.mysitemyway.com/ultra-glossy-silver-button-social-media-icons
    5. http://nishad2m8.deviantart.com/art/jeans-social-media-icon-pack-13106970
    6. http://annanta.com/archive/wooden-social-media-icons
    7. http://sixrevisions.com/freebies/free-set-of-social-media-icons-rivet-social
    8. http://www.noupe.com/freebie/new-free-social-media-icon-set-for-your-blog.html
    9. http://webtreatsetc.deviantart.com/art/108-Red-Pearl-Soc-Media-Icons-123745270
    10. http://blog.iampaddy.com/2008/11/12/web-20rigami
    11. http://webtoolkit4.me/2009/03/17/polaroid-icon-set
    12. http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons
    13. http://www.smashingmagazine.com/2008/09/10/cheers-a-free-social-icon-set
    14. http://webtreats.mysitemyway.com/108-glossy-black-comment-bubble-social-networking-icons  
    15. http://deepubalan.com/blog/2009/12/14/high-resolution-social-media-iconset-for-free-price-
    Silahkan Download aja.

    Membuat Widget Google translate dengan animasi bendera

    Nah kalau mau memasang widget Google Translate dengan gambar animasi bendera negara kamu bisa ikuti langkah berikut :

    1. masuk ke Dashboard dan klik Layout
    2. tambahkan gadget klik Add Gadget dan pilih HTML/JavaScript
    3. copy paste code HTML dibawah ini kedalam tab HTML

    Liat Gambar
    <div style="padding: 5px; background:#00000A none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><a href="http://the-vickiu.blogspot.com/" target=" blank"><b>Google Translate</b></a></center><br /><style></style><div style="padding: 5px 0px 0px;"><center><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/saudi1.gif" title="Arabic" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/japan1.gif" title="Japanese" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" style="cursor: pointer; margin-right: 3px; width: 38px; height: 24px;" src="http://classicstudio.wordpress.com/files/2009/08/chines1.gif" title="Chinese" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/rusia1.gif" title="Russian" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" style="cursor: pointer; margin-right: 3px; width: 37px; height: 25px;" src="http://classicstudio.wordpress.com/files/2009/08/uk1.gif" title="English" align="absbottom" border="0" /></a><br /><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" style="cursor: pointer; margin-right: 3px; width: 36px; height: 23px;" src="http://classicstudio.wordpress.com/files/2009/08/franc1.gif" title="French" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/germany1.gif" title="German" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" style="cursor: pointer; margin-right: 3px; width: 38px; height: 27px;" src="http://classicstudio.wordpress.com/files/2009/08/spain1.gif" title="Spain" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/italy1.gif" title="Italian" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" style="cursor: pointer; margin-right: 0px;" src="http://classicstudio.wordpress.com/files/2009/08/netherland1.gif" title="Dutch" align="absbottom" border="0" /></a><br /><br /><center><divstyle><a href="http://the-vickiu.blogspot.com/"><imgborder><br /></imgborder></a></divstyle></center></center></div></div>

    code #00000A adalah code warna background. kamu bisa ganti dengan warna lain, klik disini Kode Warna untuk memilih kode warna yang sesuai.

    4. kemudian simpan, dan lihat hasilnya:

    Liat Demo 

    Selamat mencoba. semoga ber mamfaat... 

    Tips Mempercantik blog dengan animasi

    Tips Mempercantik blog dengan animasi membuat tampilan menjadi indah pada blog, langkah-langkah membuat pertama:
    1. Login ke blogger trus klik "Layout -->> Edit HTML
    2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


    #ALLAH {<br /> position:fixed;_position:absolute;bottom:0px; left:0px;<br /><br /> clip:inherit; _top:expression(document.documentElement.scrollTop+<br /><br /> document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ <br /> document.documentElement.clientWidth - offsetWidth); }


    3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
    4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


    <div id="trik_pojok"><br /><br /> <a href="http://classicom.blogspot.com"><br /><br /> <img src="http://classicstudio.wordpress.com/files/2009/08/hicartoon25.gif" border="0" <br /> /></a><br /><br /> </div>


    "https://lh4.googleusercontent.com/-BVVPzRu71YQ/TpTAZh71JkI/AAAAAAAAAfc/U2Kg0TC8seg/s141/allah.gif" adalah lokasi gambar.


    6. Simpan hasil kerja kamu dan lihat hasilnya.