Welcome To My Blog

Sabtu, 12 November 2011

Tips Memasang Goolge Translate Berbentuk Bendera

Google Translate…
Hmm mungkin dimata anda sudah tidak asing lagi dengan tools satu ini. Widget yang dapat mentranslate tulisan kita atau web orang lain kedalam bahasa yang kita inginkan..!!! Dan disini saya tidak perlu menulis panjang lebar tentang fungsi dari google translate karena pasti anda juga sudah tahu bukan..??? ^_^
Tetapi walaupun fungsinya yang terbilang sangat bagus tetapi tidak untuk dari tampilannya..!!! Mungkin dari anda ada yang kurang puas dengan tampilan default-nya yang seperti ini…
Jangan putus asa dulu..!!! Berikut langkah-langkah yang dapat kamu lakukan agar dapat memasang google translate dalam bentuk bendera..!!!

  1. Seperti biasa kamu harus login di bloggspot
  2. Tambahkan elemen halaman dengan klik tambah gadget lalu pilih HTLM/JavaScript
  3. Copy pastekan Semua kode HTML dibawah ini lalu pastekan ke HTML page blog anda lalu tekan save..!!!
Klik disini untuk melihat Code HTMLnya
Mudah bukan..???
Dan sampai saat ini google translate sudah dapat mensupport sebanyak 34 bahasa yaitu sebagai berikut:
Arabic, Bulgarian, Catalan, Chinese, Croatian, Czech, Danish, Dutch, English, Filipino, Finnish, French, German, Greek, Hebrew, Hindi, Indonesian, Italian, Japanese, Korean, Latvian, Lithuanian, Norwegian, Polish, Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Ukrainian, Vietnamese
Tetapi souce Kode diatas baru dapat mentranslate 12 bahasa saja..!!! Semoga bermanfaat.!!!! Dan keterbatasan anda dapat teratasi..!!!
Diposting oleh [G]aming [H]ackers - di 21.07 1 komentar

Animations Head Title

Hmm.. mungkin sudah tidak asing lagi dengan posting yang satu ini. Membuat animasi pada head title. Sudah tahu kan..?? itu lho yang seperti blog saya ini yang head titlenya bergerak-gerak. Tapi disini saya hanya akan memberi 3 jenis dari bermacam-macam bentuk animasi head title..!!!
Untuk animasi seperti blog saya ini caranya sangat mudah yaitu hanya dengan mengcopy script dibawah ini lalu pastekan kode tersebut dibawah code <Head>

#Cara 1

view sourceprint?
1<script language='JavaScript'>
2var txt="YOUR TITLE HERE";
3var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
4txt=txt.substring(1,txt.length)+txt.charAt(0);
5segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
6</script>

#Cara 2

untuk jenis animasi ini langkah yang harus dilakukan yaitu:
1. login ke blog
2. pilih tataletak
3. Klik tambah gadget lalu pilih HTML/JAVASCRIPT
4. pastekan code dibawah ini lalu save
view sourceprint?
01<script language="JavaScript1.2">
02if (document.all||document.getElementById){
03var thetitle=document.title
04document.title=''
05}
06 
07var data="0123456789";
08 
09var done=1;
10function statusIn(text){
11decrypt(text,2,1);
12}
13 
14function statusOut(){
15self.status='';
16done=1;
17}
18 
19function decrypt(text, max, delay){
20if (done){
21done = 0;
22decrypt_helper(text, max, delay, 0, max);
23}
24 
25}
26 
27function decrypt_helper(text, runs_left, delay, charvar, max){
28if (!done){
29runs_left = runs_left - 1;
30var status = text.substring(0,charvar);
31for(var current_char = charvar; current_char < text.length; current_char++){
32status += data.charAt(Math.round(Math.random()*data.length));
33}
34document.title = status;
35var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
36var new_char = charvar + 1;
37var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
38if(runs_left > 0){
39setTimeout(rerun, delay);
40}
41else{
42if (charvar < text.length){
43setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
44}
45else
46{
47done = 1;
48}
49}
50}
51}
52 
53//if IE 4+ or NS 6+
54if (document.all||document.getElementById)
55statusIn(thetitle)
56</script>

#Cara 3

1. login ke blog
2. pilih tataletak
3. Klik tambah gadget lalu pilih HTML/JAVASCRIPT
4. pastekan code dibawah ini lalu save
view sourceprint?
01<SCRIPT>
02var titletext="YOUR HEAD TITLE"
03var thetext=""
04var started=false
05var step=0
06var times=1
07 
08function welcometext()
09{
10times--
11if (times==0)
12{
13if (started==false)
14{
15started = true;
16document.title = titletext;
17setTimeout("anim()",1);
18}
19thetext = titletext;
20}
21}
22 
23function showstatustext(txt)
24{
25thetext = txt;
26setTimeout("welcometext()",4000)
27times++
28}
29 
30function anim()
31{
32step++
33if (step==7) {step=1}
34if (step==1) {document.title='>==='+thetext+'===<'}
35if (step==2) {document.title='=>=='+thetext+'==<='}
36if (step==3) {document.title='>=>='+thetext+'=<=<'}
37if (step==4) {document.title='=>=>'+thetext+'<=<='}
38if (step==5) {document.title='==>='+thetext+'=<=='}
39if (step==6) {document.title='===>'+thetext+'<==='}
40setTimeout("anim()",200);
41}
42 
43if (document.title)
44window.onload=onload=welcometext
45</SCRIPT>
Gampang kan..??? Semoga bermanfaat..!!!
Diposting oleh [G]aming [H]ackers - di 21.05 0 komentar

Membuat Tag Label Cloud


Kalian pasti sudah tahukan apa itu Tag Label Cloudkan..?? Itu lho yang bentuk labelnya seperti gambar disamping. Nah sekarang kita dapat menerapkannya pada blog kita. Sebenarnya hal ini sudah lama tapi mungkin ada sobat blogger yang belum mengetahui cara membuat label seperti ini.Sebelum memulai edit html biasakan untuk lakukan backup template agar apabila terjadi kesalahan kita dapat mengembalikan seperti semula.
Ok..!!! Langkah pertama seperti biasa kita harus login pada blogger lalu pilih tataletak lalu klik HTMl. Setelah itu cari kode berikut
]]></b:skin>
Simpan code dibawah ini sebelum kode ]]></b:skin> itu tadi.
view sourceprint?
01/* Label Cloud Styles----------------------------------------------- */
02#labelCloud {text-align:center;font-family:arial,sans-serif;}
03#labelCloud .label-cloud li{display:inline;background-image:none
04!important;padding:0 5px;margin:0;vertical-align:baseline
05!important;border:0 !important;}
06#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
07#labelCloud a img{border:0;display:inline;margin:0 0 0
083px;padding:0}
09#labelCloud a{text-decoration:none}
10#labelCloud a:hover{text-decoration:underline}
11#labelCloud li a{}
12#labelCloud .label-cloud {}
13#labelCloud .label-count
14{padding-left:0.2em;font-size:9px;color:#000}
15#labelCloud .label-cloud li:before{content:"" !important}
Belum selesai sampai disitu, sekarang kita harus mulai mencari kembali kode </head> lalu sisipkan kode dibawah sebelum kode </head>
view sourceprint?
01<script
02type='text/javascript'>
03// Label Cloud User Variables
04var cloudMin = 1;
05var maxFontSize = 20;
06var maxColor = [0,0,255];
07var minFontSize = 10;
08var minColor = [0,0,0];
09var lcShowCount = false;
10</script>
Nah tinggal selangkah lagi nih tetapi di bagian ini anda harus lebih cermat. Setelah mengikuti langkah-langkah diatas sekarang kita tinggal mencari kode
view sourceprint?
1<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Perlu diketahui kode <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/> merupakan kode awal dari widget label dan harus diakhiri dengan kode </b:widget>
Jadi ganti kode <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/> sampai kode </b:widget> dengan kode dibawah ini..!!!
view sourceprint?
001<b:widget id='Label1'
002locked='false' title='Labels' type='Label'>
003<b:includable id='main'>
004<b:if cond='data:title'>
005<h2><data:title/></h2>
006</b:if>
007<div class='widget-content'>
008<div id='labelCloud'/>
009<script type='text/javascript'>
010 
011// Don't change anything past this point -----------------
012// Cloud function s() ripped from del.icio.us
013 
014function s(a,b,i,x){
015if(a&gt;b){
016var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
017}
018 
019else{
020var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
021}
022return v
023}
024 
025var c=[];
026var labelCount = new Array();
027var ts = new Object;
028<b:loop values='data:labels' var='label'>
029var theName =
030&quot;<data:label.name/>&quot;;
031ts[theName] = <data:label.count/>;
032</b:loop>
033for (t in ts){
034if (!labelCount[ts[t]]){
035labelCount[ts[t]] = new Array(ts[t])
036}
037}
038 
039var ta=cloudMin-1;
040tz = labelCount.length - cloudMin;
041lc2 = document.getElementById('labelCloud');
042ul = document.createElement('ul');
043ul.className = 'label-cloud';
044for(var t in ts){
045if(ts[t] &lt; cloudMin){
046continue;
047}
048 
049for (var i=0;3 &gt; i;i++) {
050c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
051}
052 
053var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
054li = document.createElement('li');
055li.style.fontSize = fs+'px';
056li.style.lineHeight = '1';
057a = document.createElement('a');
058a.title = ts[t]+' Posts in '+t;
059a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
060a.href = '/search/label/'+encodeURIComponent(t);
061if (lcShowCount){
062span = document.createElement('span');
063span.innerHTML = '('+ts[t]+') ';
064span.className = 'label-count';
065a.appendChild(document.createTextNode(t));
066li.appendChild(a);
067li.appendChild(span);
068}
069else {
070a.appendChild(document.createTextNode(t));
071li.appendChild(a);
072}
073ul.appendChild(li);
074abnk = document.createTextNode(' ');
075&
076nbsp;
077ul.appendChild(abnk);
078}
079lc2.appendChild(ul);
080</script>
081><noscript>
082<ul>
083<b:loop values='data:labels'
084var='label'>
085<li>
086<b:if cond='data:blog.url == data:label.url'>
087<data:label.name/>
088<b:else/>
089<a
090expr:href='data:label.url'><data:label.name/></a>
091</b:if>
092(<data:label.count/>)
093</li>
094</b:loop>
095</ul>
096</noscript>
097<b:include
098name='quickedit'/>
099</div>
100</b:includable>
101</b:widget>
Save template..!!! Sekarang coba lihat perubahannya pada widget label..???
Agar terlihat lebih menarik atau ingin sesuai keinginan kita maka kamu juga dapat merubah kode berikut:
view sourceprint?
1var maxFontSize = 20;
2var maxColor = [0,0,255];
3var minFontSize = 10;
4var minColor = [0,0,0];
5var lcShowCount = false;
var maxFontSize = 20; untuk besaran text maksimal
var maxColor = [0,0,255]; untuk warna (kamu dapat rubah warna dengan format RBT)
var minFontSize = 10; untuk besaran minimal text
var minColor = [0,0,0]; untuk warna terendah (kamu dapat rubah warna dengan format RBT)
Semoga berhasil dan blog kamu menjadi lebih menarik. Tetapi jangan lupa untuk memperhatikan seberapa blog kamu. Semakin berat blog kamu maka semakin lama untuk masuk ke blog kamu dan tentunya semakin malas orang untuk mengunjungi blog kamu.
Diposting oleh [G]aming [H]ackers - di 21.04 0 komentar

Membuat berbagai Macam Widget Search Untuk Blogg

Hmm.. setelah 4 hari keluyuran entah kemana tanpa memposting satu artikel pun jadi kangen juga ingin posting lagi nih.. Padahal dari dua hari yang lalu sudah niat ingin posting. Tapi berhubung waktu terakhir pengecekan kapasitas blog ini yang hasilnya sangat membuat saya pusing karena ternyata blog ini sangat berat. Ya sudah untuk mengurangi bera dari blog ini, saya harus merelakan code-code yang kurang berguna diantaranya pengurangan code css, javascript, dll. Masuk ke tujuan utama kita yaitu membuat berbagai macam bentuk atau style search box untuk blog. Nah untuk membuat widget pencari di blog sekarang gak usah susah susah.. ni caranya

1. Widget search dengan javascript


  • Login ke blog


  • Pilih tataletak


  • klik tambah gadget lalu pilih html/javascript


  • Copy code dibawah lalu pastekan pada form widget tadi


    • <script src=”http://www.geocities.com/ebenk_789/search.js” type=”text/javascript”></script>
    2. Widget search box simple

  • Login ke blog


  • Pilih tataletak


  • klik tambah gadget lalu pilih html/javascript


  • Copy code dibawah lalu pastekan


    • <div class=”style1″ align=”center”>
    <form id=”searchform” action=”/search” method=”get”>
    <p>
    <input id=”q” onfocus=”if (this.value == ‘Cari Artikel …’) {this.value = ”;}” value=”Cari Artikel …” name=”q” onblur=”if (this.value == ”) {this.value = ‘Cari Artikel …’;}” size=”20″ type=”text”>
    <input style=”padding-top: 3px;” src=”http://img84.imageshack.us/img84/2457/viewmagsc7.png” name=”image” height=”19″ type=”image” width=”20″>
    </p>
    </form>
    </div>
    <div class=”style1″ align=”center”>
    <form id=”searchform” action=”/search” method=”get”>
    <p>
    <input id=”q” onfocus=”if (this.value == ‘Cari Artikel …’) {this.value = ”;}” value=”Cari Artikel …” name=”q” onblur=”if (this.value == ”) {this.value = ‘Cari Artikel …’;}” size=”20″ type=”text”>
    <input style=”padding-top: 3px;” src=”http://img84.imageshack.us/img84/2457/viewmagsc7.png” name=”image” height=”19″ type=”image” width=”20″>
    </p>
    </form>
    </div>
    3. Widget classic search

  • Login ke blog


  • Pilih tataletak


  • klik tambah gadget lalu pilih html/javascript


  • Copy code dibawah lalu pastekan


    • <style>
    /* cari1
    ———————————————– */
    .cari1 {
    margin:0pt;
    padding:0pt;
    } .cari1 span {
    margin:0pt;
    padding:0pt;
    }
    #search{
    display: none;
    }
    #sidebar form {
    margin:0;
    padding:5px 0;
    clear:both;
    }
    .searchtitle {
    font:bold 15px “Trebuchet MS”, sans-serif, “Lucida Sans”, Tahoma!important;
    color:#fff;
    }
    #searchform {
    margin: 5px auto ;
    padding: 0;
    }
    #searchform #s {
    height:15px;
    width:130px;
    margin-left:10px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #000;
    }
    #searchsubmit {
    padding:0;
    background:#000;
    color:#fff;
    border:none;
    width:48px;
    height:20px;
    font:11px “Trebuchet MS”, “Lucida Sans Unicode”, Verdana;
    }
    #searchsubmit:hover {
    background:#fff;
    color:#000;
    }
    </style>
    <div class=”cari1″>
    <span>
    <form id=”searchform” action=”/search” method=”get”>
    <table border=”0″ cellpadding=”0″ cellspacing=”3″>
    <tbody>
    <tr>
    <td><input id=”s” value=”" name=”q” type=”text”></td>
    <td><input id=”searchsubmit” value=”Search” type=”submit”></td>
    </tr>
    </tbody>
    </table>
    </form>
    </span>
    </div>
    4. Widget cool search
  • Login ke blog


  • Pilih tataletak


  • klik tambah gadget lalu pilih html/javascript


  • Copy code dibawah lalu pastekan


    • <style>
    /* —– cari ebenk789 —– */ .txt_cari{
    background-image:url(http://www.iconlet.com/icons/crystal09/16×16/search.png);
    background-position:2px 2px;
    background-repeat:no-repeat;
    padding-left:20px;
    border:1px solid #999999;
    padding-right:2px;
    padding-bottom:2px;
    padding-top:2px;
    color:#006699;
    background-color:#FFFFFF;
    }
    </style>
    <div align=”center”>
    <form id=”searchthis” action=”/search” style=”display: inline;” method=”get”><input id=”search-box” class=”txt_cari” name=”q” type=”text”><input id=”search-btn” value=”Cari” type=”submit”></form>
    </div>
    Udah ah.. kebanyakan pusing… Coba aja ya..
    Klo masih gak bisa.. tanyain aja ya..

    http://feedproxy.google.com/789
    Diposting oleh [G]aming [H]ackers - di 21.02 2 komentar

    Membuat Tombol Back to Top Dengan Fix Image Di Blogg

    Tidak disangka memang 4 gambar kecil-kecil yang selalu ada dipojok kanan bawah pada blog saya ini ternyata menarik minat banyak orang. Memang empat gambar kecil itu bukan hanya sebagai penghias blog saja tetapi mereka mempunyai perannya masing-masing seperti Reload Page, back to homepage, Menuju Halaman atas, dan Menuju Halaman Bawah. Empat fungsi sederhana itu ternyata sangat membantu bagi sebagian orang dalam mencari informasi dengan lebih cepat dan yang paling terpenting yaitu para pengunjung tidak merasa terganggu dengan adanya gambar tersebut.
    Perlu diingat memang saat ingin memasang fix image pada blog, kita harus lebih memperhatikan antara keindahan dan kenyamanan. Karena saya sering sekali melihat blog-blog yang memasang banyak sekali fix image dengan ukuran yang sangat besar sehingga sedikit mengganggu dan memberatkan load blog. Sudah mengerti tentang resiko memasang fix image sekarang kita langsung menuju langkah selanjutnya yaitu cara memasang tombol back to top dengan fix image.

    1. Login ke blogger.com
    2. Klik Layout >> Edit HTML
    3. Cari kode ]]></b:skin> lalu pastekan code dibawah ini sebelum kode ]]></b:skin>
      view sourceprint?
      01/* ------- code by www.ebenk789.co.cc ------- */
      02#mininavbar
      03{
      04display:scroll;
      05position:fixed;
      06bottom:1px;
      07right:1px;
      08z-index:99;
      09}
      10#mininavbar a
      11{
      12filter:alpha(opacity=65);
      13-moz-opacity:0.65;
      14opacity:0.65;
      15border:0;
      16}
      17#mininavbar img
      18{
      19border:0;
      20}
      21#mininavbar a:hover
      22{
      23filter:alpha(opacity=100);
      24-moz-opacity:1;
      25opacity:1;
      26}
    4. Sekarang kita Cari lagi kode <head> lalu letakan kode dibawah ini juga setelah kode <head>
      view sourceprint?
      01<div id='mininavbar'>
      02<a href='#' onClick='window.location.reload()' title='Reload page'>
      03<img src='http://soulouko.googlepages.com/refresh.png'/>
      04</a>
      05<a href='<span style="color: rgb(255, 0, 0);">http://www.ebenk789.co.cc/</span>' title='Home Page'>
      06<img src='http://soulouko.googlepages.com/house.png'/></a>
      07<a href='#' title='Ke Atas Halaman'><img src='http://soulouko.googlepages.com/topopg.png'/></a>
      08<a href='<span style="color: rgb(51, 51, 255);">#bawah</span>' title='Ke bawah halaman'>
      09<img src='http://soulouko.googlepages.com/down.png'/>
      10</a>
      11</div>
      Ket: Url yang berwarna merah kamu ganti dengan Url Homepage blog kamu
    Pekerjaan kita belum selesai sampai disini karena ada salah satu tombol yang belum dapat berjalan yaitu tombol Back to Down. Biasanya setiap template pada bagian paling bawahnya selalu ada keterangan “Copyright by … “ Nah untuk itu kita tambahkan beberapa code tadi menjadi seperti ini

    <a name=”bawah”>Copyright</a>
    Selesai semua,, sekarang kita klik save template. Nah sekarang coba lihat apakah semua tombol dapat berjalan baik atau tidak hehe..
    Diposting oleh [G]aming [H]ackers - di 20.59 0 komentar

    Membuat Icon Addresbar Dengan Favicon Generator

    Saat kita membuat blog atau web, biasanya pada adress bar akan muncul gambar kecil (favicon) dengan bentuk default seperti gambar dibawah ini.

    Baik blogspot, joomla, wordpress, drupal, dan cms yang lainnya pun rata-rata selalu menampilkan icon yang seperti itu. Dan apabila blog atau webkita ingin terlihat lebih professional maka tentunya icon itu pasti lebih bagus jika diganti dengan logo milik kita sendiri. Favicon sebenarnya tidak harus berformat ico, akan tetapi apabila menggunakan file seperti gif, jpeg, png maka biasanya itu akan menjadi beban suatu web karena kapasitasnya yang besar. Nah untuk itu disini saya telah membuat favicon generator yaitu tempat membuat icon dengan mudah dan cepat sehingga ukuran jambar kita akan diperkecil dan merubah ekstensinya menjadi ico.Berikut cara mengganti favicon beserta cara membuat iconnya sendiri.1. Pilih gambar yang nantinya akan kita jadikan favicon 2. Gunakan favicon generator dibawah ini untuk merubah file jambar anda menjadi icon.

    Mohon maaf generator sudah tidak dapat digunakan kembali karena terjadi beberapa kesalahan. silahkan gunakan link dibawah ini.
    www.prodraw.net
    www.favicongenerator.com
    3. Setelah mendapatkan file favicon.ico sekarang kita menuju ke tempat hosting yang anda miliki. Apabila belum mempunyai tepat hosting saya sarankan untuk signup terlebih dahulu ke http://www.ripway.com/
    4. Upload file favicon.ico yang telah kita buat tadi lalu dapatkan alamat URL-nya.
    contoh:
    http://h1.ripway.com/ebenk789/photo/favicon.ico
    5. Alamat URL telah kita dapat langsung pasang ke web atau blog kita. Untuk blogger gunakan cara berikut:
    masuk ke “Layout –> Edit HTML” trus tempatkan script berikut sebelum kode </head>
    <link href='http://h1.ripway.com/ebenk789/photo/favicon.ico'rel='SHORTCUT ICON'/>
    atau jika favicon tidak berubah coba gunakan code dibawah ini
    <link href='http://h1.ripway.com/ebenk789/photo/favicon.ico'
    rel='icon' type='image/vnd.microsoft.icon'/>
    Jangan lupa ganti alamat url yang saya tulis denga huruf tebal dengan url favicon yang telah anda upload. Untuk joomla, wordpress, atau drupal kita hanya harus menimpah file favicon.ico dengan file favicon.ico yang telah kita buat tadi.
    Ok simple, sederhana namun semoga dapat bermanfaat bagi anda.
    Diposting oleh [G]aming [H]ackers - di 20.58 0 komentar

    Membuat Efek Salju Dengan Tombol Non Aktif Di Blogg

    Sudah lama tidak pernah berbagi tentang dunia blog kini saatnya bagi saya untuk kembali berbagi source kode yang mungkin cukup menarik untuk anda.Membuat efek salju di blog memang tidak terlalu sulit apalagi saat ini banyak sekali blog-blog yang juga membahas tentang hal ini. Tapi hampir sama seperti tutorial saya terdahulu tentang memasang efek salju di blog Efek salju tersebut kurang terlihat nyata dan arah dari salju tersebut tidak dapat dirubah. Nah pada tutorial kali ini saya ingin membuat itu jauh lebih berbeda dan jauh lebih nyata karena pada efek salju yang satu ini kita dapat merubah arah angin dan dapat menonaktifkannya sewaktu-waktu jika user tidak menyukainya atau merasa terganggu. Bukan hanya itu saja, salju yang jatuh tidak hendak menghilang melainkan akan mengendap pada bagian bawah layar monitor anda. Hmm… menarik bukan :D ??

    Perlu diketahui efek salju ini dapat berjalan pada semua web atau blog baik itu wordpress, blogger, joomla, drupal, dll asalkan halaman web support terhadap javascript.Berikut cara yang harus anda ikuti:1. Copy lalu pastekan kode HTML dibawah ini pada halaman blog anda.
    view sourceprint?
    1<script type="text/javascript" src="http://ebenk789.co.cc/newsnow.js"></script>
    Untuk kamu yang menggunakan blogger kamu bisa pastekan kode diatas pada menu HTML editor dan sebaiknya simpan sebelum kode </head>
    2. Untuk memunculkan tombol kontrol ( merubah arah angin salju dan nonaktif ) copy lalu pastekan kode dibawah ini pada tempat yang anda sukai. Jika tidak tau cara menempatkannya kamu bisa letakan pada widget HTML/JAVASCRIPT
    view sourceprint?
    1<a href="javascript:snowStorm.randomizeWind()" >
    2<img src="http://ebenk789.co.cc/changewind.gif" border="0" alt="Change Wind Direction" />
    3</a> + <a href="javascript:snowStorm.stop()">
    4<img src="http://ebenk789.co.cc/stopsnowing.gif" border="0" alt="Stop the Snowfall" />
    5</a>
    3. Klik save template.
    Sekarang coba lihat perubahan yang nampak pada blog anda.. Hmm.. salju ada dimana-mana jadi serasa ada di daerah bumi sub tropis :D
    Untuk melihat contoh dari hasil pemasangan kode salju ini kamu bisa mengunjungi blog dibawah ini
    Demo Efek salju plus kontrol
    Diposting oleh [G]aming [H]ackers - di 20.56 0 komentar
    Langganan: Postingan (Atom)