Disana ada kalimat yang merupakan link tertuju ke Switch to hacker mode! Inilah yang akan Koben kupas bahas bagaimana trik cara membuat blog kita agar bisa berpenampilan seperti web/blog black theme with font greenlight looked :))
Karena menggunakan jQuery, jadi syarat mutlak sobat harus sudah mempunyai script tersebut di dalam template kalian<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>Selanjutnya memasukan snippet script jQuery tepat diatas/sebelum tag penutup
Kemudian cari kode<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($) {
;(function() {
var $body = $('body')
$shm = $('#hackmode')
$shm.mousedown(function(e) {
$body.toggleClass('hackmode')
})
}())
})
//]]>
</script>
Selesai deh, SAVE. Kode default CSS switch to hacker mode diatas hanya inti agar template tampil dengan latar belakang (body) berwarnabody.hackmode {
background: #000;
color: #FFF;
}
body.hackmode a {
color: #0F0;
}
body {
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
Supaya macho penampilannya dengan apa² yg kita inginkan, maka sobat harus sedikit kreatif merangkai dengan kode² CSS yg ada pada template kalian masing² ;) Lihat screenshot berikut hasil praktek gue terapkan pada blog demo Embah Google.
| Before | After |
 |  |
Perhatikan CSS coded baris pertama
body.hackmode,body.hackmode #header-wrapper ,body.hackmode #content-wrapper ,body.hackmode #footer ,body.hackmode .sidebar h2 ,body.hackmode .post h1 {
background: #000;
color: #FFF;
}Rangkai unik id kode CSS template seperti contoh. Rangkai dengan membubuhkan terlebih dahulu body.hackmode diikuti unik id template.Langkah terakhir buat syntax link pemanggil fungsi spt ini<a href="#" Jelas kode yg harus ditambahkan didalam link
Brute aeque deseruisse mei ex, invidunt constituto usu te, sea te delectus urbanitas interpretaris. Eu ullum ubique eum, id aliquid mediocrem quo. Nam ne eius debitis. Vis porro labitur laboramus an.
Klik 1x buat melihat secara keseluruhan, klik 2x untuk kembali. Tidak disangka ada wanita cantik, eh salah...cukup besar gambar yg ada ternyata ;))
melettt...
Please
Mary Lou
