membuat buku tamu tersembunyi

Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana, buat aja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
   

   <style type="text/css">
   #gb{
   position:fixed;
   top:50px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEQCadpzGUawYq8KCiYFpaKUv8zlcYxXV5swFC84z0TQ_NK1UJHBX5kSb8YLwcRkgQy4G1cehV8k2oXnz-1Q8Y6ssd5t6ov9Tm5sKj3SWgL4wauUiJFHVDMjwSZoLyrFCMka8E7wKUyFoT/') no-repeat;
   }
   .gbcontent{float:left;
   border:2px solid #A5BD51;
   background:#F5F5F5;
   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.right = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
   }
   </script>
   
   <div id="gb">
   
   <div class="gbtab" onclick="showHideGB()">   </div>
   
   <div class="gbcontent">
   
   <!-- Ganti ini dengan kode buku tamu kamu -->
   
   <br/>
   Mau punya buku tamu seperti ini?<br/>
   Klik di
   <a href="http//:faridand1.co.cc
   </a>
   
   <div style="text-align:right">
   <a href="javascript:showHideGB()">
   [tutup]
   </a>
   </div>
   
   </div>
   
   </div>
   
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
   </script>

4. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
6. Selamat mencoba!

Catatan: di kode di atas aku pasang backlink ke post ini, kalau kamu mau berbaik hati, tolong backlink-nya jangan dihapus, ya! :D

Read more »

Menambahkan kotak komentar menarik di blogger

Salah satu kenikmatan terbesar bagi pengguna wordpress adalah fitur komentarnya yang bisa saling reply antara satu komentar dengan komentar lainnya, namun beda halnya dengan pengguna blogger, blogger tidak memiliki fitur ini, dan menurut saya kotak komentarnya agak ribet gitu karena harus memilih profile terlebih dahulu untuk mengisi komentar.
Bagi kamu yang mengalami hal serupa ada sebuah win-win solution bagi pengguna blogger yang ingin menampilkan fitur kotak komentar seperti wordpress, nama kotak komentarnya DISQUS COMMENTS. (Lihat gambar)

Bagaimana cara membuat DISQUS COMMENTS di blogger ?, simak terus lanjutannya.
1. Buka http://disqus.com/, pilih Sign Up untuk melai mendaftar.
2. Pada halaman selanjutnya isikan informasi tentang blog dan profile kamu, pilih continue untuk melanjutkan ke step selanjutnya.

3. Pada step 3 berisi feature option yang mau ditambahkan pada kotak komentar DISQUSS COMMENTS, feature disini berfungsi sebagai profile komentar.

4. Pada step selanjutnya pilih Blogger.

5. Sekarang kita akan mengintegrasikan kotak komentar DISQUSS COMMENTS pada blogger, masuk ke Dashboard blogger, kemudian pilih Tata letak > Edit HTML > Download Template Lengkap. Setelah di download, pilih Browse untuk meng-upload template yang sudah di download, kemudian pilih Upload and Continue.

6. Pada halaman selanjutnya kita diminta untuk melakukan patch (penambalan) pada template blogspot yang kita miliki, caranya copy kode yang diberikan oleh disquss, kemudian paste pada blogger.

7. Sekarang kita akan mengaktifkan comment disqus, pada dashboard Blogger, pilih Pengaturan > Komentar, arahkan kursor pada menu Default Komentar untuk Entri kemudian pilih Entri Baru Tidak Memiliki Komentar.
7. Selamat, selamat, selamat, sekarang Blogger kamu sudah ada fitur Disqus comment-nya, silahkan mencoba, jika ada yang masih kurang jelas atau mau tanya lanjut atau juga kalau mau sharing pengalamannya mengenai disqus comment bisa ditulis di kotak komentar

Read more »

membuat domain co.cc

Halo sobat apa kabar ?, rubrik tutorial kali ini membahas “Tutorial Membuat Domain Gratis .CO.CC”, tidak berhenti hanya membuat domain, setelah didaftarkan–  domain ini bisa kita arahkan istilah kerennya mapping, yaitu proses pemindahan dari domain satu ke domain lain, contoh : jika punya blog di blogspot, maka nama blognya namakamu.blogspot.com, setelah dimapping maka namanya menjadi namakamu.co.cc.
“Mas kinta, apakah wordpress, facebook, friendster, multiply dan lainnya juga bisa menggunakan domain .co.cc ?”, bisa dong, mau tahu gimana caranya, simak terus artikel berikut. Selamat mencoba.
ada 2 tahap yang harus dilakukan :
Untuk blogspot :

1. Membuat domain di .co.cc
2. Untuk blog di bloggger.com mengarahkan CNAME dari blogger.com ke .co.cc

Untuk blog/social network selain blogspot :

1. Membuat domain di .co.cc
2. Untuk blog selain blogger.com mengarahkan dengan url forwarding.

“Caranya susah gak ?”, dalam tutorial ini kita akan membuatnya tahap demi tahap, dilengkapi dengan banyak screenshot agar memudahkan pembaca komputerblog yang setia.
Membuat domain .co.cc

1. Untuk mendaftar domain co.cc klik disini. atau masukkan url berikut http://www.co.cc/?id=161128 (url dengan link referral)
2. Pada halaman .co.cc masukkan nama domain yang diinginkan, kemudian pilih “check availability“.
3. Jika nama domain tersedia, pada halaman selanjutnya akan muncul halaman seperti ini, pilih “Continue to registration”.
4. Karena kita belum memiliki account maka pilih “create an account now”.
5. Pada halaman selanjutnya, isi formulir pendaftaran dengan lengkap (terutama yang ada tanda centangnya, wajib untuk diisi).
6. Jika sudah terisi semua, berikan tanda centang pada “I accept the Terms of Services”, kemudian pilih “Create an account now”.
7. Selamat, nama domain Anda sudah terdaftar, nama domain ini akan aktif selama 48 jam, jika dalam kurun waktu tersebut tidak melakukan set up pada domain maka pendaftaran domain di cancel.

Mapping Domain Untuk Blogspot
Untuk blog selain blogspot, langsung ke tahap URL FORWADING (ada dibawah).
Tahap pertama sudah selesai sekarang kita akan melakukan mapping dari domain blogger ke domain .co.cc.

1. Setelah berhasil mendaftarkan nama domain, langkah selanjutnya adalah melakukan set up, pilih “Set Up“.
2. Pilih “Zone Records“, pada “add a record” isikan :
   • Host : www.namadomain.co.cc (contoh : www.kintamahadji.co.cc)
   • TTL : 1D
   • Type : CNAME
   • Value: ghs.google.com
3. Selanjutnya kita akan melakukan set up di blogger account, pada halaman awal blogger.com masukan “Username dan Password” kemudian pilih “SIGN IN”. 
4. Pilih Settings > Publishing, kemudian pilih “Custom Domain”.
5. Pada halaman selanjutnya pilih “Switch to Advanced settings”.
6. Masukkan nama domain yang telah di buat di kolom “Your Domain”, jangan lupa untuk menambahkan “www”. Ketikkan Word Verification yang sama kemudian pilih “SAVE SETTINGS” untuk mengakhiri.
7. Selamat, sekarang blogspot kamu sudah diarahkan ke domain .co.cc. Domainnya akan selesai diarahkan setelah 48 jam.

— URL FORWADING —
URL Forwading untuk blog/social network  (wordpress, facebook, friendster, multiply)

1. Setelah berhasil mendaftarkan nama domain, langkah selanjutnya adalah melakukan set up, pilih “Set Up“.
2. Pilih “Url Forwading“,  isikan :
   • Redirect To(URL) : http://mahadji1945.multiply.com (isikan alamat wordpress, facebook, friendster atau multiply yang kamu)
   • Page Title : Judul atau situs.
   • Frame : URL hiding.
   • Description : Keterangan singkat situs.
   • Keywords : kata kunci situs.
   • Kemudian pilih Set Up.
   
3. Selamat, sekarang blog/social network kita sudah diarahkan.

Jika ada pertanyaan seputar tutorial ini bisa di tulis di kotak komentar, salam.

Read more »

Membuat Kata dan Kalimat Berkedip

Klo kita sering liat web atau blog yang ditampilannya terdapat kata atau kalimat yg berkelap kelip misalnya seperti kata ini yg sedang kelap kelip, mungkin buat yang belum tau, pasti kita sedikit heran..gimana y caranya..?

dulu juga sy kaya gtu, bingung banget, kq bisa y...tp ternyata setelah ditelusuri lebih lanjut..gampang banget, kita cuma tinggal sisipkan aja kode HTML di dalam kata atau kalimat yang mau kita kelap kelipkan..

kode HTML nya seperti ini.....

<blink>(Kata yang ingin anda kelap kelipkan)</blink>

contoh kalimat yg mau kita kelap kelipkan :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :

<blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink>

maka hasilnya akan seperti ini :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

Mudah Kan..
Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan not mach...

Read more »

cara menghilangkan navabar

disusun oleh farid
Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}


contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

Read more »