cara menonaktifkan klik kanan pada blog

Pernah melihat dari blog ato sebuah web teman dimana kita tidak diijinkan untuk meng-klik kanan mouse, karena me-nonaktifkan menu klik-kanan pada blog mereka, dapat juga berfungsi sebagai security karena tangan-tangan jail :), berikut ini tip sederhana yang dapat untuk menon-aktifkan menu klik-kanan dari Maximus :

Ikuti langkah berikut ini :
1. Login pada Blogger.com
2. Buka menu Layout - Page Elements - Add a Gadget
3. Kemudian pilih menu "Html/javascript"
4. Copy dan paste Script di bawah ini :

<script language="JavaScript">
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Sorry Command is not Responding";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>


5. Tekan save.

Read more »

cara membuat menu navigasi horizontal

Menu horizontal bercabang (nested) ini adalah kelanjutan dari bahasan tentang membuat menu navigasi horizontal sederhana. Dalam bahasan kali ini kita akan mencoba membuat menu navigasi yang ada cabangnya (dropdown). Script menu ini saya peroleh dari blog teman namanya anni (scriptnya sedikit saya ubah agar sesuai dengan template saya), sedikit penjelasan tentang teman saya ini, anni masih sekolah di sma (kalo tidak salah di tasikmalaya) , sekalipun masih sma tetapi dia sudah mahir utak-atik script html/javascript, pasti banyak mahasiswa yang kalah yaaa. Contoh menu navigasi horizontal bercabang tersebut bisa anda lihat di bawah ini:



Menu horizontal di atas dibuat dengan menggunakan html script dan css, menurut beberapa sumber menu horisontal yang dibuat menggunakan script css + html  lebih mudah ditelusuri oleh robot search engine dibanding jika menggunakan menu yang dibuat menggunakan javascript.

Untuk membuatnya bisa lakukan langkah berikut:

1. Login ke account blogger anda
Pilih Dashboard -> Tataletak -> Edit HTML

cari kode berikut:

]]></b:skin>

2. Di bagian atas kode tersebut masukkan kode berikut

/* Navbar */
#menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url(http://i36.tinypic.com/28lgntl.jpg) repeat-x;
opacity: 0.99; filter: alpha(opacity: 98);}
#menu-cari{float:right; display:inline; padding:3px 5px 0 0;}
#menu ul{padding:0; margin:0;}
#menu ul li{padding:0; margin:0; list-style:none; display:block; float:left;}
#menu ul li a{float:left; padding-left:15px; display:block; color:#ffffff; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(http://i36.tinypic.com/28lgntl.jpg) 0px -30px no-repeat; line-height:30px; padding-right:15px;}
#menu ul li a:hover{background-position:0px -60px; color:#ffffff;}
#menu ul li a.active, .menu li a.active:hover{background-position:0px -90px; color:#ffffff;}
#menu ul li ul {display:none;}
#menu ul li:hover ul, #menu ul li.hover ul {position: absolute; max-width:175px;
display: block; background:#000000; margin:2px; clear:left; margin-top:30px;}
#menu ul li:hover ul li, #menu ul li.hover ul li {width:175px; float: left; background: display: block;}
#menu ul li:hover ul li a, #menu ul li.hover ul li a{border-top:1px dotted #fff; background:black; width:175px;}
#menu ul li:hover ul li a:hover, #menu ul li.hover ul li a:hover{background:#7C01A4;}
.status-msg-wrap{
display:none;
}

4. Klik tombol "Simpan Template"

5. Buka halaman "Tata Letak -> Elemen Halaman"

6. Pada Elemen header , klik " Tambah Gadget"



Catatan: Jika anda menggunakan template default (bawaan) blogger maka tombol "Tambah gadget" tidak muncul pada bagian header, untuk menampilkannya bisa lihat postingan saya tentang cara menampilkan "tambah gadget" di header


7. setelah mengklik tombol "tambah gadget" pilih HTML/Javascript




8. pada kotak dialog html/javascrpit masukkan kode html berikut:

<div id="menu">
<ul>
<li><a class="active" href="/"> Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#">Menu 2.1</a></li>
<li><a href="#">Menu 2.2</a></li>
</ul></li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Menu 3.1</a></li>
<li><a href="#">Menu 3.2</a></li>
<li><a href="#">Menu 3.3</a></li>
<li><a href="#">Menu 3.4</a></li>
</ul></li>
<li><a href="#">Menu 4</a></li>
<ul>
</ul>
</ul></div>

catatan:
Pada bagian : href="#" , tanda # anda ganti dengan url tujuan anda
misalnya:
http://kalongkalong.blogspot.com
atau
http://artikelkomputerku.blogspot.com/2008/12/tips-untuk-meningkatkan-kecepatan.html
http://artikelkomputerku.blogspot.com/2009/02/tips-dan-trik-windows.html
teks setelah tanda # seperti Home, Menu 1, dst bisa anda ganti dengan teks sesuai dengan keinginan anda.
9. Simpan perubahan yang anda buat, jika tidak ada masalah maka akan tampil menu navigasinya
Contoh lainnya bisa dilihat disini blog dummy (template denim)

Update Januari 2010

Berhubung ada beberapa teman yang menanyakan url target diambil dari mana, untuk sederhanya saat anda membuka sebuah halaman, bisa halaman dalam blog anda maupun blog lain, maka pada saat membuka halaman tersebut akan terlihat url target di address bar browser anda. Setiap halaman mempunyai url yang unik, artinya jika di dalam blog anda ada 100 postingan, maka ada 100 url (yang bisa dijadikan url target di menu).

Contoh url target bisa anda lihat di bawah ini:

Script lengkap menu di atas terlalu panjang jika saya posting disini.
Jika ingin mendownload script lengkap dari ketiga blog di atas, bisa download disini menu horizontal

Read more »

cara mengubah template dengan template gratisan

Model atau jenis template sangat dipengaruhi oleh kesenangan para blogger, terkadang seiring perkembangan waktu seorang blogger ingin mengubah template jika merasa jenuh dengan tampilan blognya. Namun ada satu hal yang terkadang lupa diperhitungkan oleh para blogger, bahwa mengganti template maka ada kemungkinan script-script yang telah dipasang pada template awal tidak kompatible dengan template yang baru dapat menyebabkan hilangnya beberapa tampilan atau bahkan terkesan tampilannya kacau (atau tidak beraturan).

Saran saya sebaiknya jangan terlalu sering mengubah template. Atau bisa saja anda membuat blog baru sebagai tempat ujicoba, jika template itu berhasil dapat anda terapkan pada blog utama anda. Karena blogger mengijinkan satu account dapat digunakan untuk beberapa blog.

Penggantian template sebaiknya dilakukan sebelum memasukkan banyak script ke dalam blog anda untuk menghindari kekacauan tampilan akibat tidak kompatibelnya script baru dengan script template anda.

Dalam ulasan kali ini saya akan membahas tentang bagaimana cara mengganti template dengan menggunakan template gratisan yang bisa diperoleh dari situs-situs yang menawarkan template gratisan.

Prosedur penggantian template:

1. Lakukan download file (source) template dari situs berikut (anda bisa mencari lebih banyak lagi template gratisan dengan batuan google, menggunakan keyword free blogger template):
Free Templates

Akan muncul tampilan berikut:


Klik demo untuk melihat tampilannya, jika sudah cocok pilih download untuk mendownload sourcetemplatenya.
File tersebut dalam format zip, lakukan unzip agar bisa diupload ke blog nantinya.
Dalam tutorial ini saya menggunakan template: san-francisco-skyline.xml

2. Masuk ke Dashboard pilih Tata Letak, kemudian pilihEdit Html
Centang Expand Template Widget, kemudian klik Browse untuk mencari file template baru (san-francisco-skyline.xml)
Klik Tombol Unggah untuk mengupdate (mengaktifkan template baru)


Tunggu hingga ada pesan sukses dan lihat perubahan tampilannya.

free Templates Catatan:
Untuk mencari template yang artistik bisa disini blogger template
Untuk mencari template blogger lebih banyak lagi bisa klik disini blogger templates

Read more »

menganti icon folder di flashdisk

Sekarang ini kita pasti sudah tidak asing lagi dengan media penyimpanan yang satu ini.
Selain bentuk yang mungil tapi juga dengan kapasitas penyimpanan yang besar membuat media ini digemari dan merupakan hal yang menjadi kebutuhan sekarang ini.
Apalagi seorang mahasiswa yang banyak berkutat dengan makalah. Setiap kali pergi ke warnet pasti membutuhkan media yang satu ini untuk menyimpan sumber referensi yang dibutuhkan. Dengan begitu kita bisa membawanya ke rumah untuk diedit sehingga bisa menghemat biaya bayar warnet, daripada kita mengeditnya di warnet yang akan membuat kantong kering. He..
Tapi, dengan seringnya kita membuka flashdish ada kalanya kita bosan dengan tampilan folder yang monoton dan tidak menarik, atau tampilan foldernya defaultnya window.
Nah dengan tampilan seperti ini….


 

Seperti gambar diatas kita bisa merubah icon-icon folder yang ada di flashdish dan juga menambahkan background agar terlihat menarik.
Kita langsung saja….here is it

1. Pertama kita membutuhkan icon-icon, kamu bisa cari di google. Atau download aja disini
2. Setelah icon didapatkan, pilih salah satu icon yang disuka kemudian masukan salah satu icon terpilih tersebut kedalam folder yang ingin dirubah.
3. Berikutnya, buat sebuah document text di notepad kemudian copikan script dibawah ini….

[.ShellClassInfo]
IconFile=Nama icon.ico
IconIndex=0
Tinggal ganti nama icon pada IconFile jangan lupa nama icon diakhiri .ico.

1. Save script tersebut. Pada isian filename isi dengan dekstop.ini dan pada save as type pilih all type

Jadi sekarang kita telah punya dua file di dalam folder yang akan diganti iconya yakni icon itu sendiri dan file dekstop.ini.

1. Sekarang coba deh refresh.

Oh ya, kalau ingin menambahkan background pada foldernya, download aja softwarenya Disini. Selain bisa memberi background pada folder, kita juga bisa merubah warna nama file-file yang ada dalam folder with this sofware. He,…
Caranya

1. Download dulu deh softwarenya…
2. Kemudian masukan software tadi kedalam folder yang mau di beri background.
3. Klik dua kali softwarenya, Next kemudian centang Modify Background Picture And Filename Appearance
4. Setelah itu Browse gambar yang akan dijadikan background. Klik Text pada Filename Appearance untuk mengganti warna text file.

1. Next lagi dan Finish.

Detail banget ya ni tutorial..haha..
biarin dah supaya jelas….
Segitu dulu deh selamat mencoba kawan………
Ojo lali komennya ya….heheeeeeeeeee

Read more »