Cek Kecepatan Loading Blog Yuk

Filled under:

Cek Kecepatan Loading Blog Yuk

Kecepatan loading suatu blog atau situs merupakan salah satu hal yang penting. karena biasanya blog/situs yang loadingnya berat/lambat kurang disukai pengunjung.

Biasanya pengunjung kabur kalau loading blog kita berat banget karena kelamaan menunggu, apa lagi di buka pake koneksi yang lemot juga.

Kecuali informasi yang ada di blog kita adalah informasi yang sangat penting bagi mereka (Pengunjung).

Ada banyak situs yang bisa kita gunakan untuk mengecek kecepatan loading blog/situs kita, di antaranya yaitu

http://tools.pingdom.com/
http://www.iwebtool.com/tool/tools/speed_test/speed_test.php

Atau teman bisa menggunakan tool berikut ini untuk mengecek kecepatan loading blog/situs nya.

Berikut Gambar Cara Cek kecepatan di http://tools.pingdom.com/

Posted By Unknown8:05 AM

Pasang Script Dilarang Klik Kanan Pada Blogger

Filled under:

Pasang Script Dilarang Klik Kanan Pada Blogger

Tutorial blogger kali ini adalah cara membuat blog blogger kita tidak bisa di klik kanan.

Mungkin kamu pernah atau bahkan sering menemui sebuah blog yang ketika kita klik kana pada blog tersebut akan keluar sebuah pop up yang bertulis di larang klik kanan, dsb.

Sebenarnya untuk apa sih mereka membuat blog nya tidak bisa di klik kanan?

Untuk menjawab pertanyaan ini saya juga tidak bisa :-), mungkin untuk keamanan blog nya agar tidak di kopi artikelnya, atau ingin membuat blog tampak lebih keren.

Ok deh, saya rasa tidak perlu membahas tentang kenapa harus pasang JavaScript Copy Protect ini.

Next ...

Panduan Membuat Blog Tidak Bisa Diklik Kana Pake Wp Copy Protect Script

Login ke blogger
Pergi ke Rancangan / Design (untuk blogger tampilan baru : klik menu Template)
Klik Edit HTML
Cari kode </head>

kemudian pasang kode berikut di atasnya kode </head>

<script language='JavaScript'>
//<![CDATA[
<!--
/********
*Copyprotection for this site is provided by WP-CopyProtect v1.9.1 visit www.TheChetan.com/wp-copyprotect/ for more details
*RightClick Disabled, Please DO NOT COPY. Add to this blog by www.AhmadRifai.net
**********/
var message="Sorry, dilarang klik kanan bos!!!";
///////////////////////////////////
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>

Silakan ganti tulisan Sorry, dilarang klik kanan bos!!! dengan tulisan yang kamu mau.
Kode yang lainnya tidak perlu diganti.

Ingat !!!

Jangan sampai kode yang lain (yang ada di template kamu) terhapus, nanti blog nya bisa rusak tampilan nya atau EROR.

Kamu cukup pasang kode script dilarang klik kanan yang sudah saya tuliskan di atas itu saja.

Kenapa saya mengingatkan ini, itu agar tidak terjadi hal-hal yang tidak diinginkan, karena JavaScript ini tidak akan merusak atau membuat Eror blog kita jika dipasang dengan benar.

Posted By Unknown7:20 AM

Membuat Menu Serta Sub Menu Tanpa jQuery

Filled under:

Membuat Menu Serta Sub Menu Tanpa jQuery

Sebenarnya panduan cara membuat menu sudah pernah saya tuliskan di blog ini, artikel tersebut saya beri judul Tutorial bikin menu horizontal di blogger, namun karena tutorial bikin menu horizontal tersebut tidak saya sertai dengan penambahan sub menu akhirnya banyak teman-teman yang menanyakan bagaimana cara membuat sub menu.

Pada artikel kali ini saya akan menuliskan Tutorial/cara membuat menu serta sub menu di blogger tanpa menggunakan jQuery, yakni menggunakan kode html + css saja.

Demo Menu Horizontal

Home
Menu 1
Menu + Sub Menu
Menu
Menu + Sub
- Sub 1
- Sub 2
- Sub 3
- Sub 4
- Sub 5
- Sub 6

Langsung saja ya, tidak perlu basa-basi

Panduan Langkah Demi Langkah Membuat Menu Horizontal + Sub Menu Di Blogger

Seperti biasa, langkah pertama yang wajib dilakukan adalah login ke blogger.

PANDUAN UNTUK BLOGGER BARU
PANDUAN UNTUK BLOGGER LAMA

Tutorial Membuat Menu Serta Sub Menu Tanpa jQuery Untuk Blogger Baru

1. Klik menu seperti ini

2. Klik menu / tulisan Template

3. Klik menu Edit HTML

4. Klik tulisan / menu Lanjutkan

5. Beri centang pada Expand Template Widget

Kode Yang Harus Di Cari / Temukan

Cari kode :

<div class='main-outer'> atau
<div id='main-wrapper'> atau
<div id='main'>

Setelah kode tersebut sudah ditemukan silakan pasang kode berikut tepat di atasnya :

1 : <style>

2 : /* -- Menu Horizontal + Sub Menu-- */

3 : #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

4 : #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

5 : #cat-nav a:hover { color:#fff; }

6 : #cat-nav li:hover { background:#000; }

7 : #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

8 : #cat-nav .nav-description { display:block; }

9 : #cat-nav a:hover span { color:#fff; }

10 : #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

11 : #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

12 : #secnav li { float:left; width: auto; height:35px;}

13 : #secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}

14 : #secnav li ul li { height:30px; border-top:1px solid #fff; }

15 : #secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

16 : #secnav li ul ul { margin: -30px 0 0 180px; }

17 : #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

18 : #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

19 : #secnav li:hover,#secnav li.hover { position:static; }

20 : #cat-nav #secnav {width:100%;margin:0 auto;}

21 : </style>

22 : <div id='cat-nav'>

23 : <ul class='fl' id='secnav'>

24 : <li><a href='#'>Home</a></li>

25 : <li><a href='#'>Menu 1</a></li>

26 : <li><a href='#'>Menu + Sub Menu</a>

27 : <ul id='sub-custom-nav'>

28 : <li><a href='#'>Sub Menu 1</a></li>

29 : <li><a href='#'>Sub Menu 2</a></li>

30 : <li><a href='#'>Sub Menu 3</a></li>

31 : </ul>

32 : </li>

33 : <li><a href='#'>Menu</a></li>

34 : <li><a href='#'>Menu + Sub</a>

35 : <ul id='sub-custom-nav'>

36 : <li><a href='#'>Sub 1</a></li>

37 : <li><a href='#'>Sub 2</a></li>

38 : <li><a href='#'>Sub 3</a></li>

39 : <li><a href='#'>Sub 4</a></li>

40 : <li><a href='#'>Sub 5</a></li>

41 : <li><a href='#'>Sub 6</a></li>

42 : </ul>

43 : </li>

44 : <li><a href='#'>Menu</a></li>

45 : </ul>

46 : </div>

Catatan:

Silakan ganti tanda PAGAR (#) dengan link/url yang kamu mau, boleh link posting atau link Label (Kategori) Sub Menu dan Sub adalah sub menu dari menu (Menu + Sub Menu dan Menu + Sub), silakan ganti nama masing-masing menu sesuai selera.

Posted By Unknown6:59 AM

Lokasi penonton

Sabtu, 23 Maret 2013