24/05/12

CARA MEMBUAT AGAR TIDAK BISA KLIK KANAN PADA BLOG ATAU DISABLE RIGHT CLICK

Bro,pasti pernah menemukan sebuah blog yang disable klik kanan atau kita tidak bisa melakukan klik kanan pada blog yang kita kunjungi. Ini dikarenakan blog tersebut menggunakan sebuah script yang telah disembunyikan. Kenapa ada sebagian pemilik blog menginginkan blognya tidak bisa diklik kanan,ini mungkin saja si pemilik blog ingin menyembunyikan sesuatu, karena beranggapan hanya sebagian orang saja yang bisa melihatnya.

Tapi di sini saya tidak akan membahas panjang, pasti sudah banyak yang tahu kenapa ada beberapa blog atau situs yang dipasang script ini.

Jika blog bro-bro ingin anti klik kanan langsung saja kita menuju bagaimana cara membuat dan memasangnya.

MEMBUAT REFRESH OTOMATIS DI BLOG

Jika bro ingin blog yang sobat punya melakukan refresh secara otomatis tanpa harus mereload pada browser yang memang sudah tersedia, bisa menambahkan kode di bawah ini.

<meta content="50" http-equiv="refresh"></meta>
  • Login ke blog sobat.
  • Pilih tata letak.
  • Klik edit html.
    Letakkan kodenya di atas kode </head>
  • Klik simpan.
Yang perlu diingat adalah tidak semua pengunjung suka dengan fungsi refresh ini, mungkin sedikit mengganggu atau mungkin juga terlalu cepat jarak tenggang waktunya. Untuk itu bro bisa mengatur tenggang waktunya dengan mengganti angka yang berwarna merah dengan angka yang bro inginkan. Satuan kecepatannya adalah perdetik. Jika ingin 1 menit ganti dengan 60, jika ingin lebih tinggal mengalikan saja.

Semoga bermanfaat !

MENAMBAH SCROLL PADA KOLOM KOMENTAR DI BLOG

Bagi bro-bro yang tidak ingin pada kolom komentar terlihat memanjang ke bawah karena sering kebanjiran komentar, bisa menambah fungsi scroll pada kolom komentar. Untuk membuatnya sobat cukup menambahkan sedikit kode.
Caranya:
  • Masuk ke blog bro.
  • Pilih tata letak.
  • Klik edit HTML.
  • Beri tanta pada Expand Template Widget.
  • Ini adalah kode yang harus ditambahkan.

    <div class="scrollbox" style="overflow:auto; height:350px; width:600px;">
    .............................................
    .............................................
    .............................................

    </div>

  • Tambahkan kode di atas ke kode di bawah ini.
    Kode yang berwarna merah adalah kode di atas setelah ditambahkan.

MEMBUAT TEXT MENU BAR BERJALAN PADA BLOG


Menu judul atau title bar ini letaknya ada di atas dan di pojok kiri pada browser milik sobat. Jika ingin title bar tersebut nampak berjalan,sobat bisa tambahkan kode script seperti di bawah ini:

<script language="JavaScript">
var txt=" WELCOME ";
var kecepatan=200;var segarkan=null;function bergerak(){ document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


CARA MEMASUKKAN KODENYA:

CARA MEMBUAT SPOILER DI BLOG

Fungsi dari spoiler ini adalah untuk menampilkan (show) atau menyembunyikan (hide) image maupun text pada halaman posting atau bisa juga di letakkan pada sidebar. Untuk menghemat tempat biasanya para blogger menyiasati dengan menggunakan spoiler tersebut. Bagi sobat yang ingin membuat spoiler dan belum tahu caranya bisa ikuti cara ini:


Di bawah ini adalah kode yang bisa sobat gunakan untuk membuat spoiler:

MEMASANG BUKU TAMU DENGAN SHOUTMIX PADA BLOG

Untuk mempererat hubungan antara pengunjung dan pemilik blog alangkah indahnya jika si pengunjung bisa meninggalkan jejak untuk sekedar bersalam sapa. Untuk hal yang satu ini biasanya si pemilik blog memasang shoutbox atau buku tamu pada blog mereka. Saya ingin sedikit berbagi dengan sobat yang belum tahu bagaimana cara memasang buku tamu tersebut. Kali ini kita memasang buku tamu dengan menggunakan shoutmix.
    Caranya :

MEMBUAT TULISAN/TEXT LINK BERKEDIP PADA BLOG

Untuk menarik perhatian bagi pengunjung blog banyak cara yang dilakukan oleh para pemiliknya. Mungkin salah satunya meletakkan tulisan berkedip atau link yang berkedip,dengan harapan pengunjung melirik tulisan atau link tersebut dan mengkliknya.

Jika sobat ingin membuat bisa melakukan dengan cara yang cukup sederhana. Sobat tinggal tinggal mengawali dengan kode <blink> dan tutup dengan kode </blink>

Misalnya:

CARA MEMBUAT LINK WARNA-WARNI

Dalam membuat blog kita pasti ingin kelihatan menarik dan penuh warna. Bagaimana jika link kita nampak warna-warni ketika mouse di arahkan ke link tersebut, hhmmm...tentu nampak menarik.Terus bagaimana membuatnya..?
  • Login keblog sobat
  • Pilih tata letak
  • Edit HTML
  • Cari kode </body>
  • Letakkan kode ini diatasnya:
    <script src='http://sites.google.com/site/darmasites/my-forms/rainbow.js'/>
  • Simpan
  • Lihat hasilnya

MENGGANTI BACKGROUND TEMPLATE PADA BLOG

Jika ingin mengganti background template pada blog ada dua pilihan yang masing-masing caranya hampir sama. Sobat tinggal pilih mengganti dengan background warna atau dengan gambar/image. Jika ingin mengganti dengan warna sobat tinggal masukkan kode warna menurut selera sobat.

sedangkan untuk gambar sobat harus siapkan alamat gambar/image yang sudah terupload ke tempat hosting di mana sobat menyimpan gambar/image.Dengan ukuran gambar cukup kecil saja. Jika sobat belum jelas bagaimana cara memasukkan kode warna dan alamat gambar/image bisa ikuti cara di bawah ini:

Untuk mengganti background warna pada template klasik:
  • Masuk ke blog sobat.
  • Pilih tata letak.
  • Klik edit HTML.
  • Untuk antisipasi backup template dulu.
  • Cari kode css seperti di bawah ini:
body { background:#fffff;margin:0;
color:#333333;
font:x-small Georgia Serif; font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

Ganti kode yang berwarna merah dengan kode warna yang sobat inginkan,misal dengan warna kuning kodenya seperti ini: #FFFF33.

    Cara Membuat Blogroll

    Blogroll ini bisa digunakan sebagai salah satu alternatif untuk menaruh link yang berjumlah banyak agar tidak terlalu nampak memanjang ke bawah. Sebenarnya di dalam blogroll ini bisa saja kita menaruh gambar. Tapi untuk saat ini mari kita coba dulu bagaimana cara memanfaatkan blogroll tersebut untuk menaruh beberapa link. Sobat tinggal memasukkan beberapa link yang biasanya berada di sidebar maupun footer,sehingga kita bisa sedikit menghemat tempat.

    Sebenarnya cara ini sudah umum digunakan,tetapi tidak ada salahnya utnuk membantu para sobat yang baru belajar bikin blog untuk sama-sama belajar di sini.

    Langkah pertama siapkan dulu link yang ingin sobat masukkan.
    Di bawah ini yang berwarna hijau adalah contoh link yang sudah kita masukkan. Ganti link tersebut dengan alamat link milik sobat.
    Biar lebih mudah sobat bisa mengedit menggunakan notepad. Jika sudah siap masuk ke blog sobat,klik tata letak tambahkan elemen halaman atau gadget kemudian pilih HTML/javascript. Setelah itu masukkan kode yang sudah siap ke gadget yang akan ditambahkan.


    Menambah Halaman Header menjadi beberapa kolom untuk Gadget

    Disini saya ingin berbagi untuk sobat yang ingin membagi elemen header menjadi beberapa kolom. Sobat bisa menaruh daftar isi,iklan,link atau apa saja yang sobat suka. Jika satu kolom header yang tersedia dirasa masih kurang cukup untuk menambahnya sobat bisa ikuti beberapa langkah dibawah ini:

    Disini kita akan coba menambah 4 kolom dibawah header yang nanti hasilnya akan terdapat 1 kolom penuh(100%) dan 4 kolom dari hasil pembagian (25% x 4). Selanjutnya kita masih bisa menambahkan lagi menjadi beberapa kolom.

    Langkah-langkahnya:
    1. Login ke blog sobat pilih tata letak kemudian klik edit html.
    2. Jangan kasih tanda centang pada expand template widget.
    3. Cari kode ]]></b:skin> dan letahkan kode dibawah ini diatasnya.

    Hingga hasilnya seperti kode dibawah ini:

    MEMBUAT TEXT BERJALAN ATAU MARQUEE

    Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun.

    Tag yang kita gunakan adalah:

    <marquee>text yang kita inginkan</marquee>Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:

    KODE WARNA

    KODE WARNA
    KODE WARNA
    KODE WARNA

    <FONT COLOR="#009900">Kode ini berwarna hijau</FONT>

    <FONT COLOR="#0000CC">This text would be blue</FONT>

    #000000#000033#000066#000099#0000CC#0000FF
    #330000#330033#330066 #330099 #3300CC #3300FF
    #660000 #660033 #660066 #660099 #6600CC #6600FF
    #990000 #990033 #990066 #990099 #9900CC #9900FF
    #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
    #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
    #003300 #003333 #003366 #003399 #0033CC #0033FF
    #333300 #333333 #333366 #333399 #3333CC #3333FF
    #663300 #663333 #663366 #663399 #6633CC #6633FF
    #993300 #993333 #993366 #993399 #9933CC #9933FF
    #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
    #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
    #006600 #006633 #006666 #006699 #0066CC #0066FF
    #336600 #336633 #336666 #336699 #3366CC #3366FF
    #666600 #666633 #666666 #666699 #6666CC #6666FF
    #996600 #996633 #996666 #996699 #9966CC #9966FF
    #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
    #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
    #009900 #009933 #009966 #009999 #0099CC #0099FF
    #339900 #339933 #339966 #339999 #3399CC #3399FF
    #669900 #669933 #669966 #669999 #6699CC #6699FF
    #999900 #999933 #999966 #999999 #9999CC #9999FF
    #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
    #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
    #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
    #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
    #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
    #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
    #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
    #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
    #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
    #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
    #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
    #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
    #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
    #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF