Cara Mengetahui Teknologi yang digunakan oleh sebuah website

Untuk mengetahui apakah sebuah website itu dibangun menggunakan cms dan fitur-fitur apa yang terdapat  pada website tersebut, kita hanya tinggal menambahkan ekstensi pada browser yaitu ekstensi wappalyzer. Ekstensi ini dapat di download pada google aplikasi, Mozilla ekstensi atau langsung pada website wappalyzer.

Gambar diatas merupakan contoh penggunaan wappalyzer pada browser google chrome. Dari hasil diatas di ketahui bahwa website tersebut menggunakan cms drupal, jquery bahasa pemograman php, google analytic dll.

Berikut cara menambahkan ekstensi wappalyzer pada browser google chrome dan Mozilla firefox

1.    Pada Google Chrome
Klik pada menu aplikasi yang terdapat disudut sebelah kiri browser kemudian klik menu store. Pada kotak pencarian tulis kata wappalyzer kemudian enter. jika Ekstensi wappalyzer telah ditemukan tekan tanda + untuk menginstalnya kedalam browser.

2.    Pada Mozilla FireFox
Klik menu Firefox dan pilih add ons, pada kotak pencarian klik wappalyzer kemudian tekan enter untuk pencarian ekstensi tersebut. Jika sudah muncul kemudian klik install. Setelah itu restart browser untuk mengaktifkan add ons wappalyzer.

Jika anda ingin mengetahui teknologi yang digunakan dalam pembuatan sebuah situs, dapat langsung mengunjungi situs tersebut, secara otomatis wappalyzer akan memperlihatkan teknologi apa yang digunakan pada site itu yang dapat berubah cms, framework ataupun script-script java.

Contoh pada browser firefox hasil dari website yang menggunakan cms drupal

Ekstensi ini biasa saya gunakan untuk melihat-melihat pengembangan website yang berbasis cms, terutama website drupal untuk dijadikan contoh dalam belajar pembuatan web menggunakan cms drupal

Cara Install Modul di CMS Drupal

Untuk meningkatkan performa drupal, kita perlu melakukan instalasi beberapa modul. Adapun cara install modul drupal akan saya bahas di tutorial kali ini. Menginstal Modul pada drupal tidaklah begitu rumit, kita hanya menempatkan modul tersebut ke dalam folder modul yang telah disediakan di folder utama drupal dan tinggal mengaktifkannya pada administrator.

Pada contoh kali ini kita akan belajar install modul pathauto yang berfungsi untuk merubah alamat url website sesuai dengan nama judul artikel yang kita buat. Namun dalam penginstalan modul pathauto kita memerlukan modul bantuan yaitu modul token. Jika module token tidak terinstal maka modul pathauto juga tidak bisa dilakukan instalasi.

Download modul pathauto dan modul token di web drupal. Ekstrak modul tersebut dan tempatkan kedalam folder modules yang berada pada c://xamp/htdocs/drupalku/sites/all/modules. Buka browser ketikan alamat url web drupal anda dan  Login dengan menggunakan user admin pada web drupal klik menu modules cari modul token dan pathauto kemudian centang kedua modul tersebut dan klik save configuration.

Setelah itu untuk menguji apakah modul pathauto sudah terinstal, cobalah untuk membuat sebuah artikel dengan judul sesuai dengan keinginan kemudian save. Buka artikel tersebut dan cek url yang ada pada address url browser, jika url browser sudah sesuai dengan nama artikel yang anda buat, berarti modul pathauto telah berhasil terinstal.

sampai disini kita telah selesai menginstall modul pathauto. Dan untuk menginstal modul-modul lain di drupal prosesnya sama dengan cara diatas, Tinggal settingan ataupun konfigurasi modul yang berbeda-beda sesuai dengan jenis modul itu sendiri.

Cara Mengganti Background Hotspot Mikrotik

Setelah kita merubah tampilan login hotspot mikrotik, sekarang kita akan merubah background hotspot mikrotik. Pada artikel sebelumnya kita sudah membahas bagaimana cara cepat modifikasi tampilan login hotspot mikrotik.Namun pada tutorial sebelumnya kita belum melakukan perubahan pada background login hotspot mikrotik

sebelumnya tampilan login hotspot yang ada pada artikel belum mempunyai background. nah kali ini kita akan menambahkan background berupa gambar dan patern. untuk gambar dan patern dapat di download DISINI. copy gambar dan pattern tersebut ke dalam folder image hotspot mikrotik anda

Info : Download Template Login Hotspot Mikrotik Slideshow dan Responsive

Pertama-tama buka login-box.css dengan menggunakan aplikasi editor, kalau ga punya bisa menggunakan notepad ataupun wordpad, aplikasi bawaan windows. Kemudian tambahkan code berikut dibagian paling atas dan save.

body {
    background-image: url(images/pattern.png), url(images/2.jpg);
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: repeat, no-repeat;
    background-size: auto auto, cover;
}

info : Download Template Simple Login Hotspot Mikrotik

keterangan dari code css diatas untuk menambahkan background hotspot mikrotik adalah :
background image berfungsi untuk mengambil gambar pattern dan gambar background, properti fixed berguna agar gambar tidak mengikuti scrool mouse, position center center berfungsi agar gambar background berada pada tengah browser, background repeat berfungsi agar pattern.png melakukan perulangan sedangkan no-repeat berfungsi agar gambar 2.jpg tidak melakukan perulangan gambar. Background size cover berfungsi agar gambar background memenuhi seluruh halaman browser.

cukup dengan menambahkan code diatas, tampilan login hotspot kita sudah tampil menarik dengan berupa gambar :)

untuk tampilan login hotspot mikrotik yang lengkap anda dapat mendownloadnya DISINI

Cara Instal Drupal

Cara Install Drupal - Sebagai pengguna setia drupal saya berbagi pengalaman tentang bagaimana cara install cms drupal. Kita dapat menggunakan CMS Drupal untuk membuat website secara cepat. Disini saya menggunakan drupal 7 sebagai contoh. Nah bagi yang baru dengar kata drupal dan bertanya-tanya tentang apa itu drupal dapat langsung search di om google ya heheh.

Untuk menginstal CMS Drupal kita hanya membutuhkan waktu sekitar 10 menit saja namun sebelumnya kita harus mempersiapkan aplikasi seperti xampp untuk webserver. Pertama-tama download cms drupal disini kemudian ekstrak file drupal dan tempatkan di folder C > xampp >htdocs dan rename folder drupal 7 menjadi drupalku.

Sebelum melanjutkan penginstalan buat sebuah database untuk drupal. buka browser dan ketikkan localhost/phpmyadmin dan buat database dengan nama drupalku.

lanjut tahap pertama penginstalan drupal, buka browser dan ketikkan localhost/drupalku kemudian enter dan akan muncul tampilan pertama tahap instalasi drupal. pilih profil standart kemudian klik save and continue. pada pilihan bahasa pilih english dan klik save and continue.

Selanjutnya pada tampilan Database Configuration, database type pilih mysql, mariadb or equivalent, database name isi dengan nama database yang telah dibuat tadi yaitu drupalku, database username isikan dengan root password biarkan kosong dan kemudian klik save and continue. Proses instalasi sedang berjalan.

Setelah proses instalasi telah selesai, tinggal mengkonfigurasi site drupal. Site name isi dengan nama site kita contoh drupalku, site e-mail address isi dengan alamat email, username isi dengan admin, password isi sesuai dengan keinginan dan yang terakhir dafault country isi dengan indonesia dengan timezone sesuai daerah masing-masing kemudian klik save and continue.

tampilan akhir dari instalasi drupal. untuk memperlengkap fitur-fitur dalam cms drupal kita tinggal menambahkan modul-modul drupal.

Cara setting halaman Ukuran kertas HVS / F4 pada MS Word

Cara setting halaman Ukuran kertas HVS / F4 pada MS Word - Tahukah anda bahwa pada MS Word 2007 tidak terdapat settingan ukuran kertas atau ukuran halaman untuk kertas HVS atau kertas F4. Mungkin sebagian dari kita menggunakan ukuran kertas jenis A4 ataupun Legal untuk melakukan print pada kertas HVS, padahal sebenarnya akan mempersulit dalam pengaturan print outnya nanti.
Untuk melihat apakah ms word anda tidak memiliki settingan untuk kertas hvs dapat dengan cara klik menu Page Layout kemudian klik menu size. Perhatikan ukuran kertas yang muncul jika terdapat kertas dengan ukuran F4 berarti ms word anda sudah terdapat settingan ukuran kertas hvs.

Baca Juga : Teknik Mengatur Ukuran Margin Untuk Print di Ms Word Klik Disini

untuk merubah halaman kerja ms word anda agar sesuai dengan ukuran kertas HVS atau F4 dapat dengan cara klik menu page layout kemudian klik menu size dan klik More Paper Size yang ada pada bagian bawah.

pada tampilan jendela page setup pilihan paper size pilih custom size dan height ganti menjadi 33 cm ini sesuai dengan ukuran kertas hvs atau kertas F4.

NB: jika ukuran satuan pada tampilan page setup adalah inchi anda dapat merubahnya dengan cara mengganti satuan ukuran pada ms word

selamat mencoba :)

Cara Mengganti Satuan Ukuran Pada Microsoft Word

Pada microsoft word satuan ukuran bawaannya menggunakan satuan inchi, namun kita dapat merubahnya menjadi satuan centimeter. Sebenarnya ini berguna untuk mempermudah kita dalam mengatur kertas ataupun penggunaan rules pada lembar kerja microsoft word.


untuk merubahnya klik tombol office button yang ada di pojok sebelah kanan lembar kerja microsoft office, kemudian pilih menu word options

kemudian pilih menu advance, scrol cursor kebawah hingga menemukan menu display. ganti option show measurements in units of dengan pilihan satuan centimeters lalu klik ok.

setelah mengikuti langkah-langkah diatas dengan benar, satuan ukuran pada microsoft sudah berubah menjadi centimeter :)

selamat mencoba

Cara cepat modifikasi tampilan login hotspot mikrotik part 1

Tampilan login hotspot standar mikrotik sangatlah sederhana, nah untuk memperindah atau memodifikasi tampilan tersebut kita harus sedikit menguasai tentang penggunaan bahasa css. Namun kali ini saya akan share cara cepat modifikasi tampilan login hotspot mikrotik. Sebelum itu ada baiknya dulu sobat bloger membaca cara mengganti tampilan hotspot mikrotik untuk mempermudah dalam memodifikasi tampilan login hostpot nantinya.

Untuk memodifikasi tampilan hotspot kita tidak perlu melakukan coding dari awal , tapi cukup modifikasi tampilan login yang sudah ada. seperti contoh Template Login Hotspot Mikrotik Responsive dan Slideshow yang saya design. sebagai contoh disini saya menggunakan Blue Login Box yang bisa didownload disini. Ekstrak file arsip Blue login box kemudian buka file index.html menggunakan aplikasi dreamweaver ataupun aplikasi lainnya.

pertama ganti title-nya menjadi Login Hotspot Mikrotik seperti gambar dibawah

selanjutnya copykan code berikut tepat dibawah tag <body>

$(if chap-id)<br /> <form name="sendin" action="$(link-login-only)" method="post"><br />  <input type="hidden" name="username" /><br />  <input type="hidden" name="password" /><br />  <input type="hidden" name="dst" value="$(link-orig)" /><br />  <input type="hidden" name="popup" value="true" /><br /> </form><br /><br /> <script type="text/javascript" src="/md5.js"></script><br /> <script type="text/javascript"><br /> <!--<br />     function doLogin() {<br />  document.sendin.username.value = document.login.username.value;<br />  document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');<br />  document.sendin.submit();<br />  return false;<br />     }<br /> //--><br /> </script><br />$(endif)<br />

kemudian ubah kode dibawah yang saya tandai dengan kotak warna merah

untuk input username ubah name="q" menjadi name="username", masukkan value="$(username)" begitu juga untuk input password name="password",  dan hapus code yang menampilkan tombol button dan yang menampilkan checkbox remember me. kita akan membuat sendiri tombol button yang sesuai dengan form login.

tambahkan code berikut untuk membuat button login tepat dibawah code input password
<div id="login-box-submit"><input type="submit" value="" /></div>

nah yang terakhir copy code dibawah ini dan paste tepat di atas tag </body>,,ingat diatas tag </body>
<script type="text/javascript"><br /><!--<br />  document.login.username.focus();<br />//--><br /></script>
 jika sudah benar, maka hasilnya akan seperti gambar dibawah ini

sekarang tambahkan code css untuk merubah tombol button diatas, buka login-box.css dan tambahkan code berikut

 #login-box-submit > input {<br />    background: url("images/login-btn.png") repeat scroll 0 0 transparent;<br />    height: 42px;<br />    margin-left: 90px;<br />    width: 103px;<br />}

selanjutnya save semua file yang telah dimodifikasi tersebut, ubah nama file index.html menjadi login.html, kemudian copy folder images, file login.html dan login-box.css ke folder hotspot mikrotik dengan mengikuti tutorialnya DISNI

selamat mencoba :)

Cara menjebol dan mengganti password log on windows

Kali ini saya akan share bagaimana cara menjebol dan mengganti password log on administrator dengan menggunakan hirens tools. Saya menggunakan hirens ketika ingin mengganti password administrator computer server. Ini saya lakukan terpaksa karena orang yang sebelumnya menangani server ini tidak mau memberitahukan password administratornya.

Sebelumnya pasti sobat bloger sudah tau apa itu hirens tools, apa lagi kalau sobat blogger yang kesehariannya bergelut dengan dunia computer nama hirens mungkin sudah tidak asing lagi di telinga heheh. Bukan hanya password administrator saja tapi password user dapat dirubah dengan menggunakan hirens tools ini.

Untuk mengganti password administrator dengan menggunakan hirens, booting computer anda dengan menggunakan cd hirens, anda bisa menggunakan cd hirens ataupun menggunakan flash disk untuk booting hirens. Disini saya menggunakan flash disk yang sudah saya jadikan booting hirens menggunakan aplikasi sardu.

Pertama-tama booting hirens dengan pilihan windows xp mini, kemudian jalan hirens hbcd menu

 

pilih program - passwords/keys - Windows Login - NTPWedit (Reset XP/Vista/7 User Passwor)sehingga muncul jendela NTPWedit seperti gambar dibawah ini 

klik open file seperti yang dilingkari merah pada gambar diatas, kemudian cari file SAM yang terdapat pada C:\WINDOWS\SYSTEM32\CONFIG\SAM, setelah membuka file SAM makan akan muncul user-user yang terdaftar pada windows tersebut, termaksud juga administrator. klik user yang ingin dirubah passwordnya kemudian pilih change dan save change. restart komputer dan masuk menggunakan password yang telah diganti

100% work dan tested pada windows 8, windows xp dan windows server 2008

selamat mencoba :)

cara mengatasi head printer epson lq2180 yang menumbuk kesamping kanan

Pernah mengalami error printer epson lq2180 ketika pada saat memprint dimana head printer menumbuk keras pada samping kanan printer? dan Head printer juga hanya melakukan print pada pojok kanan printer. Hal inilah yang saya alami ketika mencoba perbaiki printer epson yang lama tersimpan digudang.
penyebab dari permasalah diatas adalah sensor head yang ada tepat dibawah pita sebelah kiri kotor sehingga tidak berfungsi dengan baik. ketika melakukan test print, head akan menumbuk keras pada sebelah kanan dan hanya melakukan print juga disebelah kanan printer seperti gambar dibawah

solusinya kita hanya membersihkan sensor printer tersebut dengan menggunakan cairan contact cleaner dan sebuah tisu. Sensor tersebut berada tepat dibawah pita printer sebelah kiri. Semprotkan contact cleaner ke sensor dan lap menggunakan tisu. jika hasilnya masih tetap menumbuk kesamping kanan, berarti ada permasalah pada sensor tersebut.

Cara merubah atau menghapus menu bawaan template blogger

Kali ini saya akan share sedikit tentang bagaimana mengganti , menghapus atau merubah menu pada template blogger. Mungkin sebagian blogger sudah tau cara ini, tapi bagi pemula hal ini mungkin agak sedikit kurang dipahami.

Sebelumnya download template blogger di btemplates.com, situs penyedia template blogger. Pada situs itu terdapat beberapa template blogger dengan berbagai variasi. Terapkan pada blog anda dan lihat apakah ada menu-menu bawaaan dari template tersebut. Jika ada, kita dapat merubahnya sendiri dan disesuaikan dengan menu dari blog kita. Yang ingin belajar modifikasi tema template blog dapat mengikuti panduan Cara mudah modifikasi tema blog atau web dengan menggunakan firebug

Sebagai contoh berikut menu standar template yang saya download dan akan saya ganti sesuai dengan menu pada blog saya.

pada gambar disamping terdapat menu bawaan template yang saya gunakanan. namun saya ingin menghapus sebagian menu yang tidak sesuai dengan blog saya.

pertama-tama masuk pada blogger dan pilih menu template lalu klik edit html seperti gambar dibawah ini 

kemudian tekan Ctrl + F untuk mengaktifkan search pada file xml, masukkan nama menu yang ingin dihapus atau dirubah, dibawah ini saya ingin menghilangkan menu business pada menu template saya

untuk menghilangkannya dapat dengan menghapus menu business yang ditandai pada angka 2 sampai angka 3, tapi contoh diatas saya hanya menambahkan code <!-- pada awal code menu business dan --> pada akhir code, fungsinya yaitu agar kode li pada menu business hanya terbaca sebagai comment di browser sehingga tidak tampil pada browser.

Baca Juga : Cara Mengetahui Keyword Pengunjung Blog

sedangkan untuk merubah menu tersebut, cukup dengan merubah kata business sesuai dengan menu yang diinginkan namun jangan lupa untuk memasukkan alamat url menu baru dengan cara memasukkan link menu pada href='masukkan-link-menu-disini'.

Untuk membuat menu di blog dengan menggunakan fungsi page atau halaman dapat mengikuti panduan Cara Membuat Menu di Blog

nah sampai disini kita sudah dapat merubah menu template yang kita download sesuai dengan keinginan :) semoga membantu