Saturday, December 31, 2011

setting hotspot mikrotik


Sebelum ane setting hostpot di mikrotik kita juga harus memastikan bahwa wireless di radio mikrotik tsb sudah di set dengan baik dan benar dan menjadikannya Access Point (AP), dan koneksi internet sudah tersedia yang bisa ane ambil dari interface ether1 (lan) dan untuk yang memancar sinyal hostpot tidak lain dan tidak bukan yaitu interface wlan yg sudah di set sebagai AP. Oia...jgn lupa untuk setting DHCP server di interface WLan jika menginginkan user mendapatkan ip secara otomatis. Nah Kalo sudah dipastikan, baru kita mulai Setting hotspot Lalu kita masuk ke radio melalui winbox dan mulai....



[Tomie@mikrotik]>ip hotspot
[Tomie@mikrotik] ip hotspot>setup
 hotspot interface:LAN
 local address of network:xxx.xxx.xxx.xxx/xx -->ip dari inteface LAN
 masqurade network:yes
 address pool of network:xxx.xxx.xxx.xxx-xxx.xxx.xxx.xxx
 select certificate:none
 ip address of SMTP server:0.0.0.0
 DNS server:
 DNS name:
 name of local hotspot user: admin ----> user untuk masuk ke halam hotspot
 password for the user:
 sekarang buka web browser, ketikan ip addressnya hotspot
 masukan username yg telah di buat tadi

Sunday, December 25, 2011

Sofware accounting MYOB

Download

Bagi yang berminat mencoba seperti apa produk MYOB Accounting & Premier, bisa mendownload software tersrebut dengan klik ikon gambar dibawah ini. Software yang didownload dibawah ini masih bersifat TRIAL. Bisa digunakan untuk membuat file baru perusahaan dan mencatat transaksi hingga 30 hari kedepan sejak suatu file dibuat. Jika merasa cocok dengan aplikasi tersebut, silahkan hubungi distributor MYOB Indonesia untuk pembelian full version dengan mendapatkan nomor seri MYOB yang legal.
Tidak ada permintaan password untuk download.
Selesai mendownload dan menginstall MYOB, anda bisa bereksplorasi dengan membuka (Open) data contoh (Clearwtr.myo).
Silahkan Login dengan user standar dari MYOB = Administrator dan passwordnya = Kosong (tanpa password).
Pilih gambar dibawah ini dan klik pada jenis produk yang ingin anda download.

Saturday, December 24, 2011

Memeriksa adanya Bad Sector

Memeriksa adanya Bad Sector

Ada berbagai cara untuk memeriksa dan memastikan apakah ada bad sector di hardisk komputer atau laptop kita, tergantung seberapa jauh permasalahan yang kita alami. Berikut penjelasan lebih detailnya.
  • Jika kita masih bisa masuk windows, gunakan software gratis seperti HDTune dan juga HDDScan yang memang dibuat untuk melakukan scan hardisk dan memeriksa apakah ada bad sector (selengkapnya bisa membaca artikel saya terdahulu Periksa kondisi hardisk komputer anda ). Selain itu bisa juga menggunakan Easeus Partition Master Home Edition, disana ada menu untuk memeriksa hardisk (Check Partition, selengkapnya ada di artikel saya : Memperbaiki Hard disk yang terkena Bad Sector)
  • Jika tidak bisa masuk windows, bisa dibagi menjadi 2 hal sebagai berikut :
    1. Jika Masih ada komputer/laptop lain (jika belum ada, bisa pinjam), lepas hardisk yang bermasalah (jangan dilakukan jika masih ada waktu garansi) dan pasang hardisk di komputer/laptop yang masih normal. Untuk hardisk laptop, kita bisa menggunakan kabel USB 2.0 to SATA/IDE (bisa dibeli di toko accesories komputer dg harga sekitar Rp.60.000-an). Selanjutnya kita bisa melakukan scan atau recovery melalui windows dengan software gratis yang saya sebut sebelumnya.
    2. Jika kita tidak punya (tidak ada) komputer atau laptop lain, siapkan bootable CD atau USB yang berisi tools-tools untuk memeriksa hardisk, semisal UBCD4Win, Hiren’s Boot CD, Wondershare Live Boot, linux live CD seperti ubuntu dan sebagainya. Gunakan Tools yang ada untuk memeriksa kondisi hardisk

Cara memperbaiki hardisk

 Cara memperbaiki hardisk
Salah satu penyebab dari komputer sering hang, komputer restart sendiri dan terjadinya tampilan bluescreen adalah terdapatnya masalah / kerusakan pada hardisk komputer. Kerusakan pada hardisk ini diantaranya disebabkan karena sering dimatikannya komputer tanpa perintah shutdown dan karena gangguan pada aliran listrik seperti matinya listrik secara tiba-tiba atau terjadinya lonjakan pada tegangan listrik seperti yang biasa terjadi ketika adanya petir saat hujan. Selain itu faktor usia (lifetime) dari hardisk itu sendiri juga merupakan hal yang dapat mempengaruhi performa dari hardisk. Dalam kesempatan ini saya akan berbagi informasi mengenai Cara Memperbaiki Hardisk menggunakan Perintah Checkdisk/ CHKDSK.EXE.


Checkdisk merupakan tool bawaan Windows yang dapat kita gunakan untuk menguji dan memperbaiki kondisi hardisk. Menjalankan perintah Checkdisk secara rutin juga merupakan salah satu cara untuk merawat dan meningkatkan kinerja komputer.  Umumnya cukup dengan perintah Checkdisk / CHKDSK ini kita sudah dapat memperbaiki keruksakan pada hardisk seperti bad sector, lost clusters, cross-linked files, dan directory errors. Perintah Checkdisk dapat kita jalankan dengan 2 cara yaitu lewat Command Promt dan lewat My Computer atau Windows Explorer.

1. Menjalankan perintah CHKDSK pada Command Prompt.
  • Pada tampilan Command Prompt ketik perintah: CHKDSK D:
    Perintah tersebut akan menjalankan CHKDSK pada Drive D dalam mode read-only.
  • Ketikkan perintah: CHKDSK D:/F
    Perintah tersebut digunakan untuk merepair error tanpa melakukan scanning bad sector.
  • Ketikkan perintah: CHKDSK D:/R
    Perintah tersebut digunakan untuk merepair error, menemukan bad sector dan me-recover data.
2. Menjalankan perintah CHKDSK pada My Computer atau Window Explorer.
  • Buka Windows Explorer, atau My Computer.
  • Klik kanan pada hardisk yang akan di-cek, klik Properties.
  • Klik tab Tools, pada pilihan Error Checking klik Check Now..
  • Jendela Check disk option akan tampil.

    cara memperbaiki hardisk

Tuesday, September 20, 2011

Tips & Triks

Hati2lah !! dalam mempraktekkannya, khususnya yang berhubungan dengan Registry, untuk lebih amannya, lakukanlah Backup Registry terlebih dahulu. Saya tidak bertanggung jawab bila terjadi kerusakan.
Langkah2 di bawah  ini Baru sebagian sudah di tes dan hasilnya memuaskan
  • Membuat autorun pada CD-Rom
    Buka notepad dan tuliskan :
        [Autorun]
        OPEN=xxx.exe
        ICON=xxx.ico
    Simpan file tersebut dengan nama autorun.inf
        NB : xxx.= nama file atau icon.
  • Meng-aktifkan/non-aktifkan fungsi autorun pada CD-rom :
    1.  Buka folder MyComputer, pada menu View/folderoption/filetypes pilih audiocd, kemudian pilih edit.
         Bila tulisan play tebal, itu berarti aktif, bila normal itu berarti tidak aktif.
         Pilih set default untuk mengaktifkan dan menonaktifkan fungsi ini.
    2.  Dengan cara menekan tombol SHIFt setiap kali memasukkan CD ke dalam CD-Rom. (cara manual).
  • Mengamankan Windows-registry :
    Klik Start/Run, ketik Regedit, klik menu Registry|Export Registry File, di dalam terdapat all dan Selected Range, terserah akan membackup-nya semua file registry atau yang dipilih saja. Apabila ada kerusakan pada file di registry, tinggal klik saja file yang di export tadi, langsung akan masuk ke registry database yang rusak tersebut.

  • Mencegah orang mengganti display di desktop :
    Klik Regedit/HKEY_Current_User/software/Microsoft/windows/currentversion/policies/system, buat key baru :
        Value name     :  NoDispCPL
        Data type        :  Reg_Dword
        Data                :  1 (enable), o (disable)

  • Mencegah perubahan setting network :
        Regedit/HKEY_Current/Software/Microsoft/windows/currentversion/policies/network, buat key baru :
        Value name     :  NoNetSetup
        Data type        :  Reg_Dword
        Data                :  1 (enable), o (disable)

  • Mengubah animasi logo IE :
        Hkey_Current_user/software/microsoft/internetexplorer/toolbar
        String : BrandBitmap=namafilebitmapbesar

        Hkey_Current_user/software/microsoft/internetexplorer/toolbar
        String : Brandbitmap=namafilebitmapkecil

  • Daftar file-file temporary yang harus dibasmi :
        1.  .Avi (sisa dari penginstalan windows)
        2.  .Bak (sesusah menginstal program/software baru)
        3.  .Chk (file backup selepas scandisk)
        4.  .Cnt (berhubungan dengan menu help dalam sebuah program/software)
        5.  .Fts (berhubungan dengan menu help setelah melakukan pencarian dengan menu help)
        6.  .Gid (sama dengan .Fts)
        7.  .Grp (file manager)
        8.  .Old (file lama yang pernah digunakan)
        9.  .Temp(Temporarily file)
        10.  .~mp (sama dengan Temp.)
        11.  .$$$ (file lama yang tidak terpakai lagi)
        12.  .000 (file lama yang tidak terpakai lagi)

    Pembasmian cookies lewat menu dos :
        C:\ delc:\Windows\cookies\*.txt
        C:\ delc:\Windows\cookies\*.dat

    Ruang2 file temporarily :
        1.  C:\windows\applicationdata\microsoft\office\recent
        2.  C:\windows\cookies
        3.  C:\windows\history
        4.  C:\windows\recent
        5.  C:\windows\temp
        6.  C:\windows\temporarilyinternetfiles
        7.  C:\windows\msdownload
        8.  Recycle Bin

  • Mempercepat tampilan menu start pada windows :
    Masuk ke registry ke folder "Mycomputer\HKEY_Current_User\controlpanel/desktop kemudian tambahkan string baru dan tuliskan "menushowdelay" lalu isikan value data dengan 0.
  • Menonaktifkan fungsi display Control Panel di desktop :
    "Regedit/HKEY_CURENT_USER/Software/Microsoft/windows/Currentversion/policies/system" dan ubah nilai "NoDispCPL" (nilai DWORD) menjadi 1 untuk diaktifkan dan 0 untuk sebaliknya.

  • Mengatur Search Path untuk file2 DLL dalam sebuah program :
    Regedit/Hkey_Local_Machine/software/microsoft/windows/currentversion/appaths/nama program. dalam setiap program harus terdapat dua entri. entri pertama "default' berikan path yang lengkap untuk program tersebut, entri kedua ketikkan direktori tempat file DLL program tersebut.

  • Menyesuaikan program lama dengan program baru/mengubah sistem 16 Bit menjadi 32 bit :
    Start/Run/MKCOMPAT.EXE kemudian buka program yang mengalami kekurangan dan sesuaikan konfigurasinya

  • Windows lupa password :
    Ada tiga faktor yang menyebabkan biasanya file dial up networking tidak bisa menyimpan password (save password) ketika akan membuka internet :
    File Client for Microsoft Network tidak ikut terinstall atau rusak atau terhapus. Cari file berektensi .pwl di direktori windows, kemudian hapuslah file tersebut. kemudian restart. 

  • Membuat shorcut Windows Explorer langsung ke Drive C: atau Drive D: dll-nya. :
        1.  Ketikkan di Start/run : Explorer.exe /n, /e, /root, C:\ atau D:\ (C:\Mydocu~1)
        2.  Di desktop buat shortcut baru, pada perintah "command line" ketikkan perintah diatas".

  • Bila kita membuka folder dengan format setting "open folder on its own windows" dan kita tidak menginginkannya terjadi tapi tidak mau merubah settingnya, maka ketika mengklik folder untuk membuka tekan juga tombol "ctrl".

  • Mengubah nama windows yg terdaftar/nama DVD Region/nama Wallpaper/nomor registrasi windows/ :
    regedit/HKEY_LOCAL_MACHINES/software/microsoft/windows NT/currentversion.

  • Mengubah Drive Standar untuk instalasi windows NT :
    Pada source pathnya isilah dengan F:\i.386 (bila drive yang diinginkan ada di drive F:\), setelah itu buka juga \Windows\Currentversion\Setup isikan sourcepathnya dengan F:\.

  • Program IE tidak terdapat di controlpanel/add and remove programs, cara menghapusnya :
    Buka folder C:/programs/internetexplorer, hapus semua file (bukan folder) juga file2 di folder setup dan plugins.
    Backup file system registry (system.dat dan user.dat).jalankan registry : "HKEY_LOCAL_MACHINES"/software/microsoft/internetexplorer dan ubah nilai entrinya menjadi "4.17.1500.0", restart. install ulang IE.5, akan muncul pesan IE.5 tidak bisa diinstal maka abaikan saja, IE 5 akan muncul di control panel/add and remove programs.

  • Internet Explorer tidak bisa mensetting menu2 yang direstricted :
    File ratings.pol di direktori Windows/System mungkin hilang atau rusak, kalau begitu install ulang IE.5 dan atur ulang konfigurasi yang diiinginkan.

  • Mengatur Printer dengan network untuk program dos :
    Ketikkan net use LPT*\\ComputerName\shareName /YES
                *  adalah nomor LPT
                Computer Name  adalah nama komputer yang ingin dihubungi
                Share Name  adalah nama share Printer.

  • Menyamakan waktu komputer dalam jaringan :
    Ketikkan pada program notepad : NET TIME\\NAMASERVER/SET/YES
            namaserver  diisi dengan nama komputer yang dijadikan sebagai server.
            set  adalah untuk menentukan waktunya yang diinginkan.
    Kemudian simpan di menu Startup. copy dan paste di semua komputer client yang ikut server tersebut.

Monday, September 19, 2011

Tombol pintas office


Kumpulan Tombol Pintas Microsoft Word

            ! Harap diperhatikan, daftar tombol shorcut yang dijelaskan pada tulisan ini diambil dari dokumentasi Microsoft Word 2003, jadi bagi anda yang menggunakan versi Word di bawah versi 2003, kemungkinan akan menemukan beberapa shorcut yang tidak berfungsi sebagaimana yang dijelaskan. Namun tidak perlu kecewa, karena kebanyakan shorcut-shorcut yang dijelaskan di tulisan ini berlaku di semua versi Microsoft Word. Nah, semoga  tulisan ini bisa bermanfaat dan selamat mencoba. J




CTRL+N
Membuat dokumen baru
CTRL+O
Membuka dokumen.
CTRL+S
Menyimpan dokumen yang sedang dibuka/diedit
CTRL+W
Menutup dokumen. Jika dokumen belum disimpan, akan muncul kotak dialog yang menanyakan apakah dokumen ingin disimpan atau tidak.
CTRL+ALT+S
Membagi (split) jendela dokumen menjadi dua bagian. Setelah mengetik CTRL+ALT+ S, klik pada posisi yang diinginkan.
SHIFT+ALT+C
Menutup kembali jendela dokumen yang telah dibagi dua bagian / displit (CTRL+ALT+ S)
CTRL+ALT+P
Mengubah tampilan dokumen menjadi tampilan Print Layout. Lihat menu View
CTRL+ALT+O
Mengubah tampilan dokumen menjadi tampilan outline. Lihat menu View
CTRL+ALT+N
Mengubah tampilan dokumen menjadi tampilan Normal. Lihat menu View
ALT+R
Mengubah tampilan dokumen menjadi tampilan Reading. Lihat menu View


Berhubungan Dengan Pencarian dan Penelusuran Dalam Dokumen

CTRL+F
Mencari teks atau objek spesial lainnya dalam dokumen
ALT+CTRL+Y
Melanjutkan pencarian CTRL+F setelah kotak dialog pencarian ditutup
CTRL+H
Mencari teks tertentu di dalam dokumen kemudian menimpanya/menggantinya dengan teks lain
CTRL+G
Cara singkat untuk menuju ke suatu halaman, bookmark, footnote, tabel, komentar (comment), gambar,atau ke lokasi tertentu lainnya.
ALT+CTRL+Z
Pindah ke dokumen lain, atau ke bagian lain dalam dokumen, atau antar dokumen dengan email yang diedit di MS Word.
Tombol arah/panah:
     
Menggerakkan kursor sesuai arah tanda panah
PAGE UP atau PAGE DOWN
Pindah ke atas batas atau ke bawah batas halaman yang ditampilkan di monitor
ALT+CTRL+PAGE UP
Pindah ke awal tampilan di monitor
ALT+CTRL+PAGE DOWN
Pindah ke akhir tampilan di monitor
CTRL+HOME
Pindah ke awal dokumen
CTRL+END
Pindah ke akhir dokumen
HOME
Pindah ke awal baris
END
Pindah ke akhir baris

Thursday, September 8, 2011

Link tutorial autocad 2007

Sebagai info, video buatan cadclips.com menggunakan autocad 2007. Tidak maslah menggunakan versi berapa, yang penting dasarnya sama saja, walaupun di versi terbaru selalu ada penambahan fitur terbaru yang lebih powerful. Cara downloadnya gampang. Klik kanan pada link di tiap judul video, lalu klik kanan dan pilih “save target as“. Biar lebih cepet gunakan download manager seperti IDM, FDM, ataupun yang lainnya.
Type : Video tutorial
Language : English
Size : Mulai dari 15MB – 90MB
1. 3D Intro – DUCS, Palettes, Workspaces, Materials
2. 3D Intro – Solids, Dashboard, Visual Styles, Jitter, Help
3. Section Plane
4. PolySolid
5. Gear Lab
6. Slice
7. General Information
8. PessPull Tool
9. FlatShot Tool
10. 3D Rotate Tool
11. 3D Move
12. Loft
13. Sweep
14. Interference Checker
15. Convert to Solid
16. Convert To Surface
17. Planar Surfaces
18. Thicken Surface
19. Fun With Fillet
20. Fun With Perspective
21. DUCS Rocks !
22. Imprint Tool
23. Sweep a Polyline Profile
24. Revolve Tool
25. DUCS Rocks !
26. Camera Tool
27. Motion Pictures
28. FLY Through
29. WALK Through
30. Recording an Animation
31. Copy Face Tool
32. More Sweep Tricks

Tuesday, September 6, 2011

setting repeeter acces point & AP TP-Link WA5210G


Teknologinya disebut dengan WDS = Wireless Distribution System, di mana ada 1 WiFi Access Point yang utama dan WiFi Access Point lainnya sebagai repeater/relay.
1. Syarat pertamanya adalah: baik Access Point yang pertama maupun Access point repeater HARUS memiliki/mendukung fitur WDS. Pastikan dulu ttg hal ini!!!
2. Syarat kedua yang harus diperhatikan adalah: Authentication access point yang didukung dalam WDS hanyalah WEP 64/128 bit.
Dan semua Access Point yang terlibat dalam 1 koneksi harus menggunakan konfigurasi WEP yang sama persis.
3. Channel yang digunakan harus sama. Misal: Channel 3
4. Pastikan MAC Address repeater sudah diijinkan untuk konek pada Access Point utama.
Jika temen2 sudah memenuhi 4 syarat ini … maka yang perlu dilakukan hanya :
a. Aktifkan Wireless Bridging / WDS di semua Access Point yang ingin “digabungkan”
b. Catat MAC Address WiFi AP utama, lalu masukkan MAC Address itu ke WiFi repeater pada bagian WDS. Begitu juga sebaliknya.
c. Setting IP WiFi AP repeater sebagai bagian dari Network WiFi AP Utama
d. Matikan DHCP server di WiFi AP Repeater, krn DHCP akan diambil alih oleh WiFi AP Utama.
Catatan:
I. SSID tidak perlu sama
II. Ada kemungkinan beda Merk WiFi AP tidak bisa direlay
III. Sudah sukses dilakukan di Belkin F5D7231-4 sebagai WiFi AP Utama, JAHT WP-4001B2 sebagai WiFi AP Repeater.
IV. AP Utama tidak bisa mengaktifkan Mode Bursting tipe apa pun

Friday, September 2, 2011

remote destop

Remote Desktop adalah salah satu dari sekian banyak program yang difungsikan sebagai penyedia akses ke komputer lewat jaringan. Microsoft menyediakan program ini untuk me-manage komputer berbasis Microsoft Windows. Dengan program ini Anda dapat terhubung dengan komputer di kantor Anda dari rumah Anda. Anda bisa mengakses program, file dan resource di jaringan LAN seolah Anda benar-benar berada di depan komputer kantor.

Agar proses Remote Desktop bisa berjalan, Anda perlu mempersiapkan tiga hal sebagai berikut:
  1. Komputer yang Akan anda akses dari jarak jauh harus diinstall Windows XP Professional atau ke atas. Komputer ini juga harus berada dalam jangkauan jaringan network yang memperbolehkan akses koneksi dengan Remote Desktop. Komputer ini selanjutnya disebut sebagai Host.
  2. Komputer yang akan Anda gunakan sebagai sarana remote komputer Host harus berjalan di atas Windows 95 ke atas. Komputer ini juga harus memiliki Software Remote Desktop Connection Client. Komputer ini selanjutnya disebut sebagai Klien.
  3. Kedua komputer harus terhubung dengan salah satu dari jaringan: Internet via koneksi VPN atau jaringan LAN lokal
Catatan:
- Jika Anda kedua komputer tidak saling tehubung dengan VPN, Anda perlu mengetahui IP Address komputer Host serta Computer Name.
- Ingat, komputer Host atau komputer yang akan Anda remote harus memakai Windows XP Professional ke atas. Windows XP Home Edition belum mendukung komputer sebagai Host Remote Desktop.
Untuk men-setting Remote Desktop, mulai dari komputer Host. Disini saya misalkan dengan komputer kantor Anda.
Pastikan Anda login sebagai user yang memiliki level akses Administrator
  1. Klik Start > Control Panel seperti gambar di bawah. Jika Control Panel Anda masih menggunakan tampilan Category View, agar lebih mudah mengikuti ulasan ini saya sarankan Anda untuk mengganti tampilan ke Classic View dengan meng klik tombol “Switch to Classic View” di sisi kiri Control Panel.

Friday, August 26, 2011

Pemahaman Footer 3 Kolom

Pemahaman Footer 3 Kolom
Untuk membuat footer 3 kolom–yang paling pertama, buat dulu tag html pembentuknya, nantinya kita pakai tag div, kenapa pakai tag div? tanya sama w3C yah :)
setelah tag HTML-nya sudah siap, selanjutnya kita menggunakan CSS, untuk membentuk dan menyesuaikan tampilanya. Setelah terbentuk, barulah kita masukan fungsi-fungsi wordrpess supaya nantinya bisa dimasukan ke theme dan bisa di(drop-drag/widget). Ok, lanjut dengan
Code tag html dan style css footer 3 atau 4 kolom
untuk previewnya silakan salin source code berikut, lalu paste ke notepad kemudian save as dengan namafooter3atau4kolom.html lalu jalankan menggunakan peramban kesayangan sobat *firefox
<html>
<head>
<title>Footer 3 atau 4 komlom by indam</title>
<meta content="indam url:http://www.indaam.com" name="author"/>
<meta http-equiv="refresh" content="120;url=http://www.indaam.com"/>
<style type='text/css'>
/*
ini adalah cssnya, silakan diedit
* background-color berfungsi untuk mengatur warna latar belakang
* margin berfungsi untuk mengatur jarak luar
* padding berfungsi untuk mengatur jarak dalam,
* border berfungsi untuk mengatur pinggiran
* font berfungsi untuk mengatur font/
* text-transform untuk mengatur apakah huruf itu kapital, kecil semua atau diawai dengan kapital
* color berfungsi untuk mengatur warna(umumnya text)
* float berfungsi untuk mengatur untuk mengatur penekanan apakah ke kiri-atau kekanan
* width berfungsi untuk mengatur lebar
* height berfungsi untuk mengatur tinggi
* text-align berfungsi untuk mengatur perataan text
* http://www.indaam.com
*/
#footer-3-atau-4-kolom{
padding:0;
margin:0;
min-width:100%;
clear:both;
background-color:#fff;
color:#333;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom{
margin:20px auto 0 auto;
text-transform:capitalize;
padding:0 2px;
}
#footer-3-atau-4-kolom .dalam-footer-3-atau-4-kolom .widget-kolom{
float:left;
width:25%;
font-size:16px;
margin:0 0 15px 0;
}
#footer-3-atau-4-kolom h4{
font:normal 15px arial;
text-align:center;
border-bottom:4px double #ccc;
padding:4px 0;
text-transform:uppercase;
margin:6px 4px 4px 4px;
}
#footer-3-atau-4-kolom .isi{
margin:0 4px;
min-height:200px;
}
#footer-3-atau-4-kolom ol,
#footer-3-atau-4-kolom ul{
list-style:none;
margin:0;
padding:0;
}
#footer-3-atau-4-kolom li{
padding:5px 4px 2px 4px;
margin:0;
border-bottom:1px solid #ccc;
}
#footer-3-atau-4-kolom a,
#footer-3-atau-4-kolom a:link,
#footer-3-atau-4-kolom a:visited{
font-weight:bold;
text-decoration:none;
color:inherit;
font-size:15px;
}
#footer-3-atau-4-kolom a:hover,
#footer-3-atau-4-kolom a:active{
font-style:italic;
}
#footer-3-atau-4-kolom a:focus{
outline:2px solid lime;
}
/* silakan tambahakan style
* http://www.indaam.com *
*/
</style>
</head>
<body>
<div id='footer-3-atau-4-kolom'>
<div class='dalam-footer-3-atau-4-kolom'>
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
<div class='widget-kolom'>
<h4>title-nya</h4>
<div class='isi'>
<ul>
<li><a href='http://www.indaam.com'title='indam site'>link ke Indam site</a></li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
</ul>
</div>
</div><!-- .widget-kolom -->
</div><!-- .dalam-footer-3-atau-4-kolom -->
<div style='clear:both'></div>
<!-- http://www.indaam.com -->
</div><!-- #footer-3-atau-4-kolom -->
<span style='position:fixed;bottom:3%;right:3%;display:block:margin:0;font:italic bold 120% "comic sans ms";'>Original Source Code by <a style='text-decoration:none;color:red;' href='http://www.indaam.com' target='_blank' title='Indam Site'>Indam Site</a></span>
</body>
</html>
Lanjut! source code diatas adalah contoh tampilan static-nya.

CARA MEMBUAT FOOTER 3 KOLOM DI WORDPRESS


Beberapa hari ini saya ngga ngupdate blog, di waktu yang senggang ini kita akan share cara menambah footer 3 kolom di themes wordpress, untuk tampilanya nanti sobat bisa edit sendiri sesuai selerah
Tanpa basa-basi lagi, berikut cara membuat footer di wordpress!

Footer 3 Kolom Versi Static

Maaf ya gan!, versi staticnya dulu berikut!
Perhatikan code markup dibawah
<style type="text/css">
#pembentuk-footernya{
clear:both;
width:100%;
/*sobat bisa menambahkan beberapa property lagi seperti
background-color:blue;
border:1px solid;
dan lain sebagainya
*/
}
/**/
.bagian-dalam-footernya{
float:left;
width:31%;
min-height:300px;
border-bottom:1px dotted black;
margin:1% 1% 1% 1%;/*ini adalah jarak bagian dalam footer(kiri-kanan-tengah) sobat bisa menggantinya dangan length(px)*/
font:normal 17px times;
/*
sobat bisa menambah peropety lain, seperti
background-color:red;
color:white;
margin:0;
padding:0;
serta beberapa property lainya;
*/
}
/**/
.bagian-dalam-footernya h2{
border-bottom:2px dotted silver;
text-transform: capitalize;
font:normal 22px 'times new roman';
margin:5px 0;
padding:0 0 0 5px;
}
/**/
.bagian-dalam-footernya .isiwidgetnya{
margin-left:10px;
margin-top:10px;
}
</style>
<div id="pembentuk-footernya">
<!-- // -->
<!-- // -->
<div class="bagian-dalam-footernya">
<h2>judul footer kiri</h2>
<div class="isiwidgetnya">
<!-- masukkan kode widget disini -->
</div>
</div>
<!-- // -->
<div class="bagian-dalam-footernya">
<h2>judul footer tengah</h2>
<div class="isiwidgetnya">
<!-- masukkan kode widget disini -->
</div>
</div>
<!-- // -->
<div class="bagian-dalam-footernya">
<h2>judul footer kanan</h2>
<div class="isiwidgetnya">
<!-- masukkan kode widget disini -->
</div>
</div>
<!-- // -->
<!-- // -->
<!-- // -->
<div style="clear: both;"></div>
<!-- // -->
<!-- // -->
</div>
Untuk melihat hasilnya

Design HTML dg CSS3


.contohlah kita bisa membuat sebuah border yang melengkung tanpa gambar atau membuat shadow text. Pokoknya ada banyak deh! Kan nggak mungkin dijelasin one by one. Untuk belajar CSS 3 kamu tidak harus mengunjungi situs W3.org, Artikel menemukan ebook yang berisi property baru di CSS3, tinggal download, belajar anda langsung deh develop web kamu.
Download Di sini
Jangan lupa jika butuh bantuan gunakan daftar website yang mungkin sangat berguna dalam web design. Bagi yang pemula banget, untuk belajar HTML sama CSS itu nggak sulit kok, gampang-gampang nggak susah!! Nah ini yang bintang lakukan untuk belajar…
  • Pertama kunjungi atau cari website yang memiliki design bagus dan terlihat simple.
  • Lihat source code web itu, View — Page Source kalau di firefox.
  • Lalu utak atik deh tuh code CSS , dan lihat apa yang terjadi pada text, menu, background dsb. Lama-lama juga akan ngerti sendiri. Mengapa? karena pengalaman adalah guru terbaik.
  • Sttt!!! akan lebih jika menguasai Photoshop dan Javascript.

form kontak


Untuk membuat form kontak, bisa menggunakan HTML untuk pembuatan tampilan formnya. Sedangkan untuk mengirimkan pesannya ke email si pemilik website bisa menggunakan PHP.
Berikut adalah contoh coding untuk pembuatan form kontak:
Nama file kontak.html
<form action=’kirim.php’ action=’post’>
Nama : <input type=’text’ name=’nama’>
Email : <input type=’text’ name=’email’>
Pesan : <textarea name=’pesan’ cols=30 rows=5></textarea>
<input type=’submit’ value=’Kirim’>
</form>
Berikutnya adalah file kirim.php yang akan berfungsi untuk memproses data dari user lalu mengirimkannya ke email admin website.
Nama file kirim.php
<?php
//terima data input dari user
$nama=$_POST['nama'];
$email=$_POST['email'];
$pesan=$_POST['pesan'];
//konfigurasi kiriman
$to=”belajarwebdesign@gmail.com”;
$subjek=”Kontak dari Form”;
$from=”From: $nama <$email>”;
//kirimkan ke email admin
@ mail($to, $subjek, $pesan, $from);
echo “Pesan berhasil terikirim.”;
?>
PENJELASAN SCRIPT
  1. Pertama form dibuat di dalam file kontak.html yang kemudian akan diproses oleh file kirim.php.
  2. Di dalam file kirim.php, pertama-tama menampung dulu nilai (input) yang dimasukan user di file kontak.html
  3. Kemudian kita kirimkan ke email admin 

Iklan