Hurray! Toolbar

Wah, sudah lama saya ga nge-post lagi. Maaf, ya. Soalnya saya mesti konsentrasi ke kuliah dulu dan beberapa kegiatan lainnya.
Tapi saya sempatkan waktu saya untuk membuat satu widget untuk menggabung beberapa widget blog, yaitu Hurray! Toolbar.


Itu adalah toolbar gratis untuk menempatkan beberapa widget sekaligus dalam 1 toolbar. Untuk mencobanya, langsung saja kunjungi link: http://www.linkxc.com/hurray/
Kritik dan sarannya ditunggu, ya! :D
[+] selengkapnya...

Selamat Hari Raya Idul Fitri 1430H!

Mungkin saya agak telat ngucapin selamat, soalnya kemarin-kemarin habis dari kampung, ga bisa internetan. Daripada saya tidak mengucapkan sama sekali, lebih baik saya ucapkan sekarang meskipun telat.

Selamat hari raya Idul Fitri 1430H!

Mohon maaf lahir dan batin! :) [+] selengkapnya...

Membuat Protected Post di Blogspot

Sobat, sudah baca artikel saya sebelumnya, kan (tentang cheat di blog)?? Mungkin banyak yang bertanya-tanya, untuk apa sih sebenarnya cheat di blog itu?
Awalnya saya juga membuatnya hanya untuk iseng-iseng, tidak tahu pemanfaatannya. Tapi setelah dipikir-pikir, ternyata cheat itu bisa dipakai untuk membuat protected post, yaitu post yang tidak dapat dibaca kecuali jika memasukkan cheat tersebut.
Hampir sama dengan wordpress, tapi yang ini bukan dalam bentuk password, melainkan dalam bentuk cheat. :D

Mau tau caranya? Silakan masukkan cheat yang sama dari artikel sebelumnya untuk membaca lanjutan artikel ini. :D

Caranya:

1. Pasang dulu cheat di blog kamu. Caranya ada di artikel sebelumnya.
2. Untuk fungsi ch_runCheat, ubah jadi:
   

   function ch_runCheat() {
   var elems = document.getElementsByTagName("span");
   for(var i = 0; i != elems.length; i++) {
      var elem = elems[i];
      if(elem.className == "protected_post") {
          elem.style.display = "inline";
      }
   }
   }
   

3. Save widget tersebut dan masuk ke "Layout" - "Edit HTML",
4. Carilah kode ]]></b:skin> dan masukkan kode di bawah sebelum kode tersebut:
   

   span.protected_post { display : none }

5. Nah, persiapannya sudah selesai. Sekarang tinggal bagaimana memasukkannya ke dalam post.
   Saat kamu menulis post, tambahkan tag span dengan atribut class="protected_post", jadi seperti contoh di bawah ini:
   

   <span class="protected_post">
   Ini adalah bagian yang ingin saya sembunyikan
   </span>

6. Dan sekarang kamu sudah bisa membuat protected post!

Catatan:
Cara ini mempunyai kelemahan, yaitu isi dari protected post kamu tetap bisa dibaca jika seseorang melihat source code blog kamu. Salah satu cara mengantisipasinya adalah dengan tidak memberitahukan bahwa ada protected post di blog kamu, sehingga tidak ada yang menduga bahwa ada konten tersembunyi.
[+] selengkapnya...

Cheat di Blog

Sobat, kali ini saya akan berbagi rahasia di blog ini. Tapi, ssstttt! jangan bilang-bilang ke yang lain, ya! Ini rahasia di antara kita saja. Just kidding.. :p

Sebenarnya...

di blog ini sudah saya pasangi cheat. Bukan hanya game saja yang punya cheat, lho! Blog pun bisa punya cheat :D.

Coba saja kamu ke tekan tombol atas, bawah, bawah, atas, c, p, c, t, dan enter. Kamu akan melihat efek dari cheat ini. :)

Caranya ga susah-susah amat, kok:

1. Masuk ke account Blogger kamu, kemudian tambahkan gadget HTML/JavaScript (sudah tau caranya, 'kan? :D )


2. Copy-paste kode di bawah ini:
   

   
   <script type="text/javascript">
   function ch_decode(cheat) {
       return cheat.split("").reverse().join("").split(";").reverse();
   }
   function ch_checkCheat(evt) {
       var code = evt.charCode ? evt.charCode : evt.keyCode;
       if(ch_cheatCode[ch_step] == code){ch_step++;}
       else{ch_step = 0;}
       if(ch_step == ch_cheatCode.length) {
           ch_runCheat();
           ch_step = 0;
       }
   }
   function ch_runCheat() {
       alert("Cheat telah aktif");
       document.body.style.background = "#A3BB50";
   }
   var ch_step = 0;
   var ch_cheat = "83;04;04;83;76;08;76;48;31";
   var ch_cheatCode = ch_decode(ch_cheat);
   document.onkeydown = ch_checkCheat;
   </script>
   

3. Penjelasan:
   • ch_cheat adalah kode tombol-tombol yang harus ditekan secara berurutan untuk mengaktifkan cheat tersebut.
     Kamu bisa mengubahnya dengan menggunakan cheat-maker di bawah.
   • ch_runCheat() adalah fungsi yang akan bekerja jika cheat telah aktif.
     Kamu bisa meng-copy-nya jika kamu menginginkan efek yang sama dengan cheat blog ini.

Kalau kamu mau menentukan tombol cheat kamu sendiri, kamu bisa menggunakan cheat-maker di bawah ini.



Cara menggunakannya:

1. Tekan tombol "Masukkan cheat",
2. Kemudian tekan tombol-tombol yang kamu ingin jadikan tombol cheat,
3. Lalu klik tombol "Selesai",
4. Setelah itu, akan ada angka-angka di sampingnya. Copy angka-angka tersebut dan masukkan ke variabel ch_cheat di atas

Semoga bermanfaat! :D
[+] selengkapnya...

List yang Menjorok

Nah, setelah membuat berbagai macam modifikasi list, seperti membuatnya bergerak dan transparan, kali ini saya akan membahas tentang cara membuat list tersebut menjorok jika pointer mouse berada di atasnya. Contohnya kamu bisa lihat di bawah ini:

• Coba taruh
  
• pointer mouse kamu
  
• di atas list ini

Caranya:

1. Masuk ke account Blogger kamu, dan pilih "Layout" - "Edit HTML",
2. Cari kode </b:skin> dan tambahkan kode di bawah ini setelah kode tersebut:
   

   <script type='text/javascript'>
   function lm_toRight(obj) {
   obj.marginValBackUp = parseInt(obj.style.marginLeft);
   obj.style.marginLeft = (obj.marginBackUp + 5).toString() + "px";
   }
   function lm_restore(obj) {
   obj.style.marginLeft = obj.marginBackUp.toString() + "px";
   }
   </script>
   

3. Kamu bisa mengatur seberapa jauh list tersebut menjorok dengan mengubah angka 5 jadi yang lebih besar atau lebih kecil,
   
4. Kemudian, untuk list yang kamu mau berikan efek tersebut, kamu bisa membuat tag <li> jadi:
   

   <li onmouseover='lm_toRight(this)' onmouseout='lm_restore(this)'>

5. Dan kalau kamu mau membuat seluruh list di blog kamu mempunyai efek seperti itu, kamu bisa menambahkan kode di bawah ini setelah kode-kode yang panjang di atas (sebelum tag </script>):
   

   function lm_loadBehavior() {
      var lis = document.getElementsByTagName("li");
      for(var i=0; i < lis.length; i++) {
          var li = lis[i];
          li.onmouseover = function(){lm_toRight(this);}
          li.onmouseout = function(){lm_restore(this);}
      }
   }
   var lm_window_onload = window.onload;
   window.onload = function() {
      if(lm_window_onload) {lm_window_onload();}
      lm_loadBehavior();
   }

Semoga bermanfaat!
[+] selengkapnya...

Tips Menyembunyikan Judul Widget yang Berjudul

Sobat, pernah punya masalah seperti gambar di bawah, ga?
Di gambar tersebut, kita punya widget HTML/JavaScript tanpa judul yang kebanyakan, sehingga sulit untuk membedakan widget-widget tersebut.

Kenapa kita harus membuatnya tanpa judul?? Alasan utamanya adalah agar judulnya tidak tampil sehingga tidak mengganggu desain web kita, seperti widget headline news dan buku tamu dari blog ini. Tapi akibatnya seperti di atas, kita jadi kesulitan membedakan widget-widget tersebut.

Saya akan memberikan trik agar judul widget tersebut tidak tampil meskipun judulnya tidak kosong.

Caranya:

1. Masuk ke bagian "Edit HTML" Layout blog kamu,
2. Cari kode ]]></b:skin>, dan tambahkan kode di bawah ini sebelum kode tersebut:
   

   #hidden_widget h2 {
   display:none;
   }
   

3. Kemudian cari lagi kode </b:section> yang paling bawah, kemudian tambahkan kode di bawah ini setelah kode tersebut:
   

   <div id='hidden_widget'>
   <b:section id='sidebar_hidden' preferred='yes'>
   </b:section>
   </div>
   

4. Klik "Save Template",
5. Kemudian masuk ke bagian "Page Elements" Layout kamu, dan kamu akan melihat ada sebuah area baru untuk widget.
6. Sekarang pindahkan widget-widget "tak berjudul" kamu ke tempat itu, dan kamu bisa memberinya judul tanpa menampilkan judul tersebut di blog.
   Ini yang saya pakai di blog ini:
   Seperti yang kamu lihat, widget-widget tersebut mempunyai judul, tapi apakah kamu melihat judul widget tersebut di blog ini?

Semoga bermanfaat! :D
[+] selengkapnya...

Anchor/Link Target

Sobat, kali ini saya akan membahas macam-macam target yang ada di sebuah link. Mungkin ada yang bertanya, "target itu apa, sih?" Sebenarnya saya juga masih kurang jelas dalam definisi target itu, tapi kurang lebih target itu menentukan di mana sebuah link akan dibuka.

Untuk memperjelas definisi target, coba klik 2 link di bawah ini:
Link 1 dan Link 2

Link 1 membuka link tersebut di window kamu bekerja sekarang, sedangkan Link 2 membuka link tersebut di window yang baru.

Cara membuat target adalah dengan menambahkan atribut target di dalam tag <a> kamu. Contohnya:

<a href='suatulink' target='jenistarget'>Suatu teks</a>

Kalau kamu menggunakan blogger, tambahkan atribut tersebut dari menu "Edit HTML" saat kamu menulis post kamu.

Jenis-jenis target ada beberapa macam, yaitu:

1. _blank
   Selalu membuka link di window yang baru. Ini berguna agar pembaca yang mengklik link tidak meninggalkan blog kamu. Contoh: Target Blank
   
   
2. _self
   Membuka link di window kamu saat itu. Contoh: Target Self
   
   
3. _parent
   Membuka link di parent window. Ini bisa diterapkan jika link tersebut berada dalam suatu frame. Jika tidak, hasilnya akan sama saja dengan _self.
   
   
4. _top
   Sebenarnya saya kurang tau perbedaan ini dengan _parent, jadi kalau ada yang tahu perbedaannya, bisa komen di bawah. :D
   
   
5. nama_frame
   Yang ini untuk membuka link di window yang tertentu. Kalau kamu pengguna Blogger, kamu pasti lebih familiar dengan jenis ini, jika kamu sudah mengedit sesuatu, ada link "View Blog" atau "View Blog in a new window". Link tersebut menggunakan nama frame sebagai targetnya.
   Untuk lebih jelasnya, kamu bisa membandingkannya dengan _blank dengan mengklik berkali-kali kedua link di bawah ini:
   Target Blank dan Nama_Frame.

Itu saja yang saya tahu tentang target sebuah link. Semoga bermanfaat! :D
Thanks for: w3schools and its Tryit Editor.
[+] selengkapnya...