Bagi developer website terutama yang menggunakan bahasa PHP atau server Apache, ilmu tentang .htaccess merupakan salah satu hal yang penting. Hanya dengan menguasai .htaccess ini saja, Anda bisa melakukan berbagai kustomisasi alur website sesuka Anda. Tentu saja tidak terlepas dari kemampuan Anda memanfaatkan kode PHP yang Anda gunakan.

Tentang .htaccess 
File .htaccess (selanjutnya akan disebut htaccess saja) sendiri sebenarnya hanyalah sebuah file teks dalam format ASCII. Tujuan awalnya, dalam server Apache, file ini akan dibaca pertama kali sebelum request diproses ke file yang dikehendaki. Htaccess juga dapat digunakan untuk meng-override konfigurasi server untuk mengaktifkan ataupun menonaktifkan fitur-fitur dan berbagai fungsi lainnya. Bahkan, htaccess akan dapat mengarahkan file mana yang akan diakses meskipun request-nya berbeda. Contoh sederhananya, htaccess dapat mengarahkan request ke file 404.html bila alamat yang di-request oleh user tidak tersedia. Htaccess juga dapat digunakan untuk memperkuat keamanan server web Anda. Sebagai contoh, Anda dapat mengatur HTTP Password melalui htaccess ini, sehingga pengguna yang mengakses web Anda harus memasukkan username dan password. Anda juga dapat mengatur apakah suatu alamat website Anda hanya dapat diakses dari alamat IP (Internet Protocol) tertentu. Misalnya, untuk halaman admin hanya dapat diakses oleh komputer dengan IP lokal kantor Anda.


Lokasi htaccess 
Htaccess dapat dengan mudah diletakkan dalam folder web Anda, dan bersifat rekursif. Artinya, bila Anda meletakkan htaccess di folder paling atas (root) web Anda, maka perintah yang ada di file tersebut akan berdampak ke semua sub-folder di dalamnya. Sedangkan bila Anda meletakkan htaccess di dalam sub-folder, maka perintah di dalamnya akan meng-override perintah yang ada di folder induknya. Dengan demikian, sebagai contoh bila Anda ingin menonaktifkan mode akses list folder secara global, Anda bisa meletakkan file htaccess di root web. Kemudian bila Anda ingin memperbolehkan salah satu folder saja bisa memungkinkan diakses untuk mendapatkan daftar isinya, maka cukup meletakkan htaccess di dalamnya dengan perintah yang berbeda. Penempatan htaccess mempengaruhi perintah dalam file mana yang akan digunakan server


Semisal alamat website Anda adalah mimicreative.net, kemudian Anda meletakkan htaccess di root folder, maka tentu saja akan berdampak ke folder di dalamnya seperti mimicreative.net/about, mimicreative.net/about/contact, dan sebagainya. Sedangkan bila Anda meletakkan htaccess di dalam folder mimicreative.net/about/contact (yang paling dalam), maka bila pengguna mengaksesnya, server akan menggunakan perintah htaccess di folder itu, bukan yang ada di root web.


Perintah htaccess 
Htaccess memiliki banyak perintah yang bisa digunakan. Dalam artikel ini akan dibahas sebagian perintah yang umum digunakan dalam konfigurasi website pada Apache Server. Untuk mencobanya, yang perlu Anda lakukan adalah menginstall Apache Server di komputer Anda. Untuk lebih mudahnya, Anda bisa menggunakan XAMPP yang bisa didownload di http://www.apachefriends.org/en/xampp.html sesuai sistem operasi yang Anda gunakan. XAMPP dapat diinstal baik di sistem operasi Windows maupun Linux. Contoh dalam artikel ini menggunakan XAMPP pada sistem operasi Windows 7. Namun bila Anda menggunakan Linux, ataupun bila mengupload file web dengan htaccess ke web server, sebaiknya atur permission file menjadi 644. Perlu Anda ketahui, htaccess merupakan file yang diawali dengan titik. Pada Linux, file dengan nama yang diawali titik dianggap sebagai hidden file, yang artinya secara default tidak akan ditampilkan. Sedangkan pada Windows, htaccess akan dianggap sebagai file biasa yang tidak disembunyikan. Karena itulah sebenarnya Apache server sebaiknya dijalankan pada Linux. Setiap perintah dalam htaccess dipisahkan dalam baris yang berbeda. Karena itu berhati-hatilah bila Anda menggunakan text editor yang menyediakan fitur word-wrap, sebab memungkinkan terjadi kesalahan dalam pergantian baris kode. Untuk memberikan komentar, Anda harus mengawali setiap baris komentar dengan karakter sharp “#”.


Error Documents 
Perintah pertama yang cukup bermanfaat adalah mengalihkan request bila terjadi error. Namun sebelum itu, Anda harus mengerti kode respon yang dihasilkan oleh server pada proses request. Anda bisa melihat daftar kode respon yang disediakan Apache Server pada tabel Response Code yang tersedia. Anda tidak perlu mendefinisikan untuk seluruh response code, dan memang tidak seharusnya semua didefinisikan dalam htaccess. Sebagai contoh, perintah ErrorDocument untuk kode 200 justru akan menghasilkan infinite loop. Setidaknya, Anda mungkin perlu menuliskan perintah ErrorDocument untuk kode 404 dan 500.

Biasanya, tampilan error 404 hanya akan menampilkan pesan teks dengan latar belakang putih polos seperti pada gambar. Namun bila Anda ingin mengubahnya menjadi lebih menarik, Anda bisa mengarahkan response setiap terjadi error 404 ke suatu halaman html lain. Demikian juga bila terjadi error 500 atau kode lainnya. Syntax kode htaccess yang bisa digunakan adalah sebagai berikut.
ErrorDocument 400 /mimi-errors/badrequest.html
ErrorDocument 401 /mimi-errors/authreq.html
ErrorDocument 403 /mimi-errors/forbidden.html
ErrorDocument 404 /mimi-errors/notfound.html
ErrorDocument 500 http://mimicreative.net/mimi-errors/server.html
Dengan membuat halaman error sendiri, tampilan web Anda ketika error pun masih tetap elegan, tidak polos seperti pada umumnya. Anda juga bisa mengarahkan ErrorDocument ke URL statis seperti pada baris terakhir di atas. Bahkan, Anda juga bisa menulis kode HTML pada file htaccess-nya seperti berikut.

ErrorDocument 401 "<body bgcolor="#ffffff">Anda harus terdaftar sebagai member untuk mengakses halaman ini</body>"
Perhatikan bahwa pesan diawali tanda petik (“), namun tidak perlu diakhiri dengan tanda petik pula. Selain itu, seluruh pesan harus tetap diletakkan dalam satu baris saja. Dengan cara demikian, Anda bisa membuat halaman error lebih menarik seperti gambar.

Memblok akses berdasarkan IP Dengan htaccess, Anda dapat membuat pengaturan untuk blokir akses alamat web Anda berdasarkan IP pengunjung. Cara inilah yang digunakan website untuk mencegah pengunjung dari negara tertentu, ataupun meningkatkan keamanan bila terdeteksi banyak percobaan pembobolan dari suatu alamat IP tertentu.

 Contoh syntax kode htaccess yang bisa digunakan adalah sebagai berikut.

Order allow, deny
Deny from 192.168.0.13
Deny from 222.123.
Deny from 1.2.1.2 4.3.4.3 127.0.0.1
Deny from .facebook.com
Allow from all
Pada contoh di atas, ada beberapa cara yang bisa Anda gunakan. Sebelum itu, Anda harus mengerti apa maksud dari baris pertama “Order allow, deny”. Baris tersebut mengatur urutan evaluasi hak akses. Kata “allow” di awal menyatakan bahwa daftar yang dilihat terlebih dahulu adalah alamat yang diperbolehkan, kemudian baru mengecek daftar alamat yang tidak diperbolehkan.

Ada beberapa cara untuk memblokir IP. Cara pertama ada pada baris kedua, yaitu menuliskan alamat IP secara lengkap. Cara kedua adalah dengan menuliskan bagian depan saja. Seperti pada baris ketiga, maka alamat “222.123.1.1” maupun alamat “222.123.14.23” akan diblokir. Anda juga bisa menuliskan beberapa alamat IP dalam satu baris, yang dipisahkan spasi ataupun tab. Selain itu, untuk memudahkan pula Anda bisa mencegah berdasarkan nama domain.

Secara default, server Apache menggunakan aturan “Order deny, allow”, yang berarti secara default seluruh request diperbolehkan, namun yang pertama dilihat dari daftar alamat adalah bagian pemblokiran. Sehingga, bila Anda menuliskan lagi kode di atas, bisa disederhanakan sebagai berikut.

Deny from 192.168.0.13
Deny from 222.123.
Deny from 1.2.1.2 4.3.4.3 127.0.0.1
Deny from .facebook.com
Origilnal Post By : http://bisakomputer.com

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu cari Code <Body>.
[4]. Setelah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code tadi.

<style type="text/css">
#cover-cloud {
width:100%;
height:200px;
position:absolute;
z-index:100;
left:0;
}
#cloud {
background: url(http://2.bp.blogspot.com/-pIdaj5t_YMg/T4asjeHwrJI/AAAAAAAADPo/1jFK0WRW4Z0/s1600/cloud1.png) repeat-x 0 0;
position: absolute;
width:100%;
height:188px;
z-index: 200;
}
#cloud2 {
background: url(http://4.bp.blogspot.com/-1LiwOdGfsag/T4afsRPasQI/AAAAAAAADPI/rP6G5TP0ky8/s1600/cloud2.png) repeat-x 0 0;
position: absolute;
width:100%;
height:125px;
z-index: 300;
}
#cloud3 {
background: url(http://3.bp.blogspot.com/-D1UZFZTfMMo/T4afst6IauI/AAAAAAAADPU/zzTOtV0P-40/s1600/cloud3.png) repeat-x 0 0;
position: absolute;
width:100%;
height:46px;
z-index: 400;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://monozcore-project.googlecode.com/files/jquery_spritely.js" type="text/javascript"></script>
<script type="text/javascript">
(function($) {$(document).ready(function() {$('#cloud').pan({fps: 30, speed: 1, dir: 'right'});$('#cloud2').pan({fps: 30, speed: 2, dir: 'right'});$('#cloud3').pan({fps: 30, speed: 0.5, dir: 'right'});});})(jQuery);
</script>
<div id='cover-cloud'><div id='cloud'></div><div id='cloud2'><marquee direction='right'><img src='https://lh6.googleusercontent.com/-c4TjgNXUJPA/T4b2CqEp_GI/AAAAAAAABjY/yt4AWY6tGXQ/s800/red_baron.gif'/></marquee></div><div id='cloud3'></div></div>

- Keterangan :

Teks yang berwarna biru merupakan link gambar pesawat, untuk mengganti gambar pesawat silakan ganti link tersebut dengan link gambar yang sobat inginkan. Usahakan menggunakan gambar dengan ukuran 144 pixel baik ukuran tinggi maupun ukuran lebar gambar. Pada postingan artikel ini terdapat beberapa pilihan gambar yang bisa sobat gunakan untuk menyesuaikan gambar pesawat dengan tema template blog sobat.


[5]. Klik "Save" dan lihat hasilnya...

Pilihan Gambar Pesawat :









BlogaZine adalah gaya baru para blogger (khususnya indonesia) untuk berkreasi, perkembangan CSS memang sangat berpengaruh kepada dunia blogger, dengan perkembangan CSS yang sangat pesat ini para blogger mulai berkreasi menjadikan tampilan blognya seperti majalah.

Blogazine Sendiri berasal dari Blog + Magazine(Majalah). manfaatnya untuk blogaziner sendiri sangat banyak di antaranya untuk menambah Kreatifitas,memperbanyak ilmu Coding dal Lain-Lain.

Dengan adanya langkah ini saya pun tidak mau kalah dengan para Blogaziner lain, saya juga mencoba konsep blogazine ini untuk penerapanya di blog ini saya sudah terapkan pada laman Author. dan untuk penerapan penuh saya sudah terapkan pada blog saya ---> IyunKZine.blogspot.com :D.

saya sudah manerapkan konsep blogazine bagaimana dengan anda...?
beberapa waktu lalu ada tugas dari sekolah disuruh buat video tata cara akses internet yah saya gak jago buat video,jadinya videonya ya ancur gitu hehehe... :D
nih videonya:

hehehe gimanavideonya jelek ya ya maaf 

Ada banyak cara untuk melindungi konten blog kita salah satunya dengan cara ini. caranya sangatlah muda anda hanya perlu menganti kode <body> dengan kode

<body oncontextmenu='return false;' onmousedown='return false;' onkeydown='return false;'>
mudah bukan sekian posting kali ini. :D

Kali ini saya akan share template yang simpel banget langsung aja gk usah banyak bacot


DEMO

DONLOD

#Pengaturan Menu
<nav id='nav'><ul>
<li><a href='/'>Home</a></li>
<li><a href='/'>Home</a></li>
</ul></nav>

Ganti yang berwarna Merah Dengan Link Kamu
Ganti yang berwarna Hijau Dengan Text Kamu

Sekian posting saya kali ini Terimakasi
Melanjutkan posting yang sebelumnya tentang Loading blog dengan @keyframe. kali ini saya akan share loading blog seperti pada blog ini di bagian sidebar.


Penerapan Pada Blog

Letakkan kode di bawah ini di atas kode ]]></b:skin>

@-webkit-keyframes css3Animasi{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(10)}} @-moz-keyframes css3Animasi{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(10)}} @-ms-keyframes css3Animasi{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(10)}} @-o-keyframes css3Animasi{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(10)}} @keyframes css3Animasi{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(10)}}

Letakkan Kode di bawah ini di bagian code css bagian yang ingin di terapkan trik ini

-webkit-animation:css3Animasi 4s ease-in;-moz-animation:css3Animasi 4s ease-in;-ms-animation:css3Animasi 4s ease-in;-o-animation:css3Animasi 4s ease-in;animation:css3Animasi 4s ease-in}