Cara optimasi seo blog

Friday, 6 May 2016

Cara Memasang Script Anti Ctrl + U Dengan Halaman Peringatan

Sebelumnya saya telang membahas,baca juga “Cara Memasang Script Ctrl+U dengan EfekRedirect URL” dan kali ini saya akan memberikan tutorial “ Cara Memasang Script Anti URL dengan Halaman Peringatan”. Tutorial ini mirip dengan pembuatan ERROR PAGE atau halaman error 404, namun kali ini saya modifikasi sedemikian hingga dapat digunakan pada script Anti Ctrl+U.

Saya jelaskan sedikit bagaimana cara kerja script Anti Ctrl+u dengan Halaman Peringatan. Ketika pengunjung atau pengguna ingin melakukan Ctrl+u dengan tujuan yang tidak jelas atau tujuan plagia/copy paste kode template Anda, maka akan langsung diarahkan pada halaman peringatan yang kita buat….jadi script tidak akan muncul namun akan digantikan oleh halaman peringatan.... seperti gambar diatas !

Atau lihat DEMO

setelah Anda masuk di halaman DEMO silahkan coba tekan tombol Ctrl+U

Langsung aja disimak cara pemasangan kodenya seperti dibawah ini :

Penjelasan dibawah ini adalah cara membuat Halaman Peringatan terlebih dahulu,Caranya seperti dibawah ini :

1. Log in Blogger

2.Klik Laman, Laman baru

3.Copy kode di bawah lalu paste di bagian HTML laman, bukan Compose

Javascript - BLOGGINGPASURUAN

<b:if cond="data:blog.pageType == "error_page"">

<style>

#error-halaman { position: fixed; z-index: +1000000; top: 0px; left: 0px; width: 100%; height: 100%; background: #d7d7d7; color: #555555; text-align: center; text-shadow: 0px 2px 0px #ccc; font-family: Open Sans, sans-serif; font-size: 14px; color: #3c3c3c; background: #eee url(https://3.bp.blogspot.com/PLFnauscpKE/Vy17FSKOS_I/AAAAAAAAC9s/JLrFdyatq9UTD1GMSvKZXsdm3M0iT7XbgCLcB/s1600/GB2.jpg) repeat top left; } @keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-webkit-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-moz-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-ms-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-o-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } .go3d { -webkit-animation: go3d 2s; -moz-animation: go3d 2s; -ms-animation: go3d 2s; -o-animation: go3d 2s; animation: go3d 2s; } .comingcontainer { width: 100%; } .checkbacksoon { width: auto; height: 100%; padding-top: 10%; } .checkbacksoon p { text-shadow: none; font-weight: bold; color: #222; font-family: Arimo, sans-serif; display: block; margin: auto; margin-top: 10px; text-align: center;} .checkbacksoon p span { color: #fff; font-family: Arimo, cursive; font-size: 200px; line-height: 220px; letter-spacing: 1px; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); } .checkbacksoon p span:hover { text-shadow: 0px 0px 2px #686868; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .error-bro { font-size: 16px; width: 700px; max-width: 90%; line-height: 2em; letter-spacing: 1px; } .error-bro a { text-decoration: none; color: #000; } .error-bro a:hover { color: #FF7F00; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */@media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */@media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */@media only screen and (min-width: 480px) and (max-width: 767px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */@media only screen and (max-width: 479px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }; } .tombol { display: inline-block; text-decoration: none; outline: 0; cursor: pointer; font: 700 12px/1em HelveticaNeue,Arial,sans-serif; padding: 8px 11px; color: #555; text-shadow: 0 1px 0 #fff; background: #f5f5f5; background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0)); background: -moz-linear-gradient(top,#f9f9f9,#f0f0f0); border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; } .tombol:focus,.tombol:hover { color: #555; background: #efefef; background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e9e9e9)); background: -moz-linear-gradient(top,#f9f9f9,#e9e9e9); border-color: #ccc; -webkit-box-shadow: 0 2px 1px #e0e0e0,inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 2px 1px #e0e0e0,inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #e0e0e0,inset 0 1px 0 #fbfbfb; } .tombol:active { position: relative; top: 1px; color: #555; background: #efefef; background: -webkit-gradient(linear,left top,left bottom,from(#eaeaea),to(#f4f4f4)); background: -moz-linear-gradient(top,#eaeaea,#f4f4f4); border-color: #c6c6c6; -webkit-box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; -moz-box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; } .tombol.bulat { padding: 8px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } button.tombol,input.tombol { *width: auto; *overflow: visible; } .tombol img { border: none; vertical-align: bottom; } .tombol.kecil { padding: 5px 11px; font-size: 11px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tombol.kecil.bulat { -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .tombol.besar { padding: 12px 15px; font-size: 20px; font-weight: 400; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tombol.besar.bulat { padding: 12px 22px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px }

</style>

<br />

Peringatan ! Ctrl + U tidak tersedia!

Dilarang COPY SCRIPT didalam template ini.

Silahkan kembali ke....<a class="tombol" href="https://www.blogger.com/" style="box-shadow: none; color: #444444;">Halaman Utama</a></div>

</div>

</div>

4. Kemudian Simpan Laman Anda

Catatan: Anda Bisa mencoba untuk preview halaman… ingat cuma preview halaman saja, belum pada tahap redirect URL ke template Anda.

Langkah Menbuat Redirect URL ( Mengalihkan URL) ke halaman Anda Sendiri

1.Masuk ke akun Blogger

2.Masuk ke Template >> Edit HTML

3. Cari kode </body> lalu letakkan kode dibawah ini, diatas kode </body>

jQuery - BLOGGINGPASURUAN

//<![CDATA[

shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://imbledoz.blogspot.co.id/p/blog-page.html"});

//]]>

</script>

4. Kemudian Simpan Template

Catatan: ganti yang saya warnai kuning dengan URL laman yang anda buat tadi pada langkah pertama ( paling awal)

Selesai dan lihat hasilnya……

Cara testnya : Silahkan buka halaman Blog Anda lalu, coba lakukan Ctrl+U

Semoga bermanfaat…

Cara Memasang Script Anti Ctrl+U Dengan Efek Redirect URL

BLOGGINGPASURUAN, Artikel kali ini adalah tentang “ Cara Agar Blog Anda tidak Bisa di Ctrl+U oleh Pengunjung Blog disertai fungsi redirect ( mengalihkan URL ) “ intinya kita menghindari pengunjung untuk melakukan aktifitas pencurian kode (script) template Blog Anda, disini saya menggunakan Java script untuk me-non aktifkan penggunaan tombol Ctrl + U Dengan Efek Redirect ( Pengalihkan URL)

Saya akan jelaskan sedikit tentang fungsi atau effect redirect link ( mengalihkan URL ), script yang nanti saya bagikan dibawah berfungsi ketika seorang pengunjung melakukan Ctrl+U atau Ctrl+S untuk melihat isi script dari template blog Anda,jadi fungsi dari script akan langsung mengalihkannya ke halaman utama (home) dari blog Anda tanpa menampilkan kode template secara keseluruhan, artinya pengunjung tidak dapat melihat apapun isi kode (script ) template Anda.

Langsung saja yang ingin tau script DISABLE Ctrl+U dengan efek redirect silahkan lihat tutorial cara pemasangannya di blog seperti dibawah ini :

1.Masuk ke akun Blogger Anda

2. Klik Template >>Edit HTML

3. Cari kode </body>

4. Copy kode dibawah ini, lalu Paste diatas kode </body>

//<![CDATA[

//]]>

</script>

5.Klik Simpan Template

Catatan : Ganti yang saya warnai dengan blok warna PUTIH dengan URL Blog Anda.

Dengan menggunakan script DISABLECtrl + U diatas setidaknya akan meminimalisir pencurian kode dari blog Anda.

Semoga Bermanfaat...

Monday, 2 May 2016

Cara Cepat Menemukan dan Menghapus Broken Link ( Link Rusak )

Salam Blogger, kali ini saya akan bagikan artikel Cara Cepat Menemukan dan Menghapus Link Rusak ( Broken Link ). Artikel ini saya tulis base on true experience ( berdasarkan pengalaman sendiri ). Mungkin banyak dari kita yang belum tahu cara mencari dan menemukan broken link atau link rusak kemudian bagaimana cara menghapusnya ?

Ok… Mungkin kita tahu dengan ERROR 404di Blog, yaaa… ERROR 404ini yang muncul akibat broken link atau link rusak, jika ini tidak segera ditangani maka akan menjadi masalah serius dengan Blog Anda ( ini sudah terjadi pada Blog saya sendiri “ http://bloggingpasuruan.blogspot.co.id ).

Mungkin yang umum kita dengar adalah istilah Crawl Error ( Ingat..! crawl error banyak diciptakan oleh link rusak ) dan ini bisa kita lacak pada Webmaster tool-nya Google, kemudian umum juga diketahui bagaimana cara memperbaiki-nya. Namun Google butuh waktu yang tidak sebentar dalam memperbaiki Crawl Error, ini fakta ! bisa diperbaiki oleh Google namun waktu yang dibutuhkan relativ lebih lama.

Penyebab umum broken link muncul di Blog Anda.

Saya akan menjelaskan apa yang menjadi penyebab umum munculnya broken link atau link rusak di Blog Anda.

1. Link URL posting yang pernah Anda hapus.

2. Link URL Komentar yang di tinggalkan oleh pengunjung Blog Anda.

Pada intinya kedua penyebab di atas adalah sama sama disebut sebagai LINK URL yang tadinya ADA kemudian di HAPUS ( delete oleh pemiliknya ). Naaa…. Ketika mesin pencari Google merayapi Blog Anda dan menemukan LINK tersebut masih menempel di Blog, maka Google mengatakan bahwa ini adalah URL RUSAK ( broken links ).

Maksudnya adalah URL link tersebut ADA karena masih menempel di BLOG namun sebenarnya adalah URL LINK RUSAK, jika di KLIK oleh pengunjung Blog Anda maka pengunjung akan di arahkan pada halaman ERROR 404.

Cara Menemukan Link Rusak ( broken link ) dan Bagaimana Cara Menghapusnya

1. Silanhkan masuk pada : Broken Links Checker

2. Anda akan langsung menuju pada halam seperti dibawah ini :

Keterangan

1. Masukkan URL Blog Anda yang ingin di chek BROKEN LINKS link rusak-nya.
2. Masukkan chapta ( dengan benar )
3. Lalu " Klik " pada Find broken links now ! tunggu poses pencarian link rusak, selesai !

Lihat URL pada tanda no.3 >> http://tipblogku.blogspot.com/2014......xxxxxx

4. Kemudian tekan " SRC "
5. Tunggu beberapa saat untuk menampilkan broken link-nya, seperti gambar di bawah ini :

Keterangan :

Yang saya tandai warna biru adalah broken link-nya, dan link rusak ini terkait dengan artikel Blog/Posting Blog ...silahkan cari kata-kata yang saya tandai pada kotak warna merah >> yang terkait dengan artikel Anda...begini caranya !

1. Masuk ke Blogger >> Dashboard >> Post

2. Pada All Label , Pada kolom pencarian tanda panah merah " tuliskan kalimat yang terkait pada kata-kata yang sudah saya tandai kotak warna merah di atas." lalu enter.

3. Setelah ketemu JUDUL POSTING artikel tersebut.

4. Tekan " EDIT " lalu pilih HTML ( jangan compose ) lihat pelan pelan jika sudah ketemu URL-nya silahkan di hapus !

Bagaimana jika itu broken link dari kolom komentar ?

1. Setelah Anda tekan SRC pada masing masing link rusak ( lihat gambar awal )

2. Jika mucul seperti gambar dibawah in, lihat tag <div id:"comment-holder" >

3. Sudah bisa dipastikan penyebabnya dari KOLOM KOMENTAR

4. Pertanyaannya, Pada Artikel saya yang mana ? pengunjung meninggalkan link rusak !

5. Langkah mencarinya sama seperti cara sebelumnya ( di atas ) masuk ke Dashboard >> Post kemudian pada kolom All Label ketikkan judul posting seperti pada tanda biru

6. Cara penulisan judul posting tanpa tanda sambung ( - ) , seperti contoh milik saya :

" cara mengatur ukuran gambar secara......." lalu tekan enter.

7. Judul Posting akan muncul, kemudian Anda lihat komentar apa saja yang di tinggalkan oleh pengunjung Blog Anda, lalu HAPUS !....

Kesimpulan

Lakukan satu persatu terhadap LINK yang sudah terindikasi RUSAK. Cara ini lebih efektif dan gampang bagi Blogger yang sudah mengerti akan HTML coding. Namun untuk pemula mungkin akan sedikit sulit.

Bagi pemula saya sarankan untuk membaca tutorial di atas sekali lagi ( berulang ). Agar benar benar paham antara gambar dengan keterangan yang saya berikan. Insha Allah akan mudah dipahami...

Selamat mencoba , semoga berhasil......