Aim Ul

Cara Membuat Logo Google Chrome Dengan CSS

2014-03-04T16:04:00.000+07:00

Google Chrome adalah sebuah peramban web sumber terbuka yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit. Proyek sumber terbukanya sendiri dinamakan Chromium. (Wikipedia)
Kita pasti tahu bagaimana bentuk logonya, berbentuk bulat dengan warna merah, kuning, hijau, biru, dan putih. Nah, kali ini saya dan anda akan membuatnya dengan kode CSS. Yups, CSS. Ternyata kita bisa membuat logo tersebut dengan mudah hanya menggunakan sebuah CSS.

Untuk cara membuatnya memerlukan kode HTML dan CSS.

Code HTML

<div class="chrome"> <div class="chrome-yellow1"></div> <div class="chrome-green1"></div> <div class="chrome-green2"></div> <div class="chrome-center"> </div> </div>

Code CSS

.chrome { margin: 0 auto; margin-top: 40px; width: 200px; height: 200px; background-color: #e74c3c; @include border-radius(100px); position: relative; overflow: hidden; } .chrome-center { position: absolute; width: 75px; height: 75px; margin: 0 auto; margin-top: 58px; margin-left: 58px; background-color: #65A2D3; @include border-radius(50%); border: 4px solid white; } .chrome-green1 { position: absolute; background-color: #5FBF60; width: 65px; height: 135px; margin-left: -20px; margin-top: 30px; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); } .chrome-green2 { position: absolute; background-color: #5FBF60; width: 74px; height: 135px; margin-left: 35px; margin-top: 96px; @include transform(rotate(26.8deg)); } .chrome-yellow1 { position: absolute; background-color: #FCD630; width: 120px; height: 145px; margin-left: 94px; margin-top: 60.98px; @include transform(rotate(2deg)); }

Sekian artikel kali ini, semoga bermanfaat.

CSS Loading Android Kitkat

2014-02-20T20:41:00.002+07:00

Kali ini saya akan memberikan tutorial cara membuat loading ala Android terbaru yaitu Kitkat mengunakan CSS. Ok, ikuti langkah dibawah untuk memulai.

Code HTML :

<figure> <div class="dot white"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> </figure>

Code CSS :

body { background: #222; } figure { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 6.250em; height: 6.250em; animation: rotate 2.4s linear infinite; } .white { top: 0; bottom: 0; left: 0; right: 0; background: white; animation: flash 2.4s linear infinite; opacity: 0; } .dot { position: absolute; margin: auto; width: 2.4em; height: 2.4em; border-radius: 100%; transition: all 1s ease; } .dot:nth-child(2) { top: 0; bottom: 0; left: 0; background: #FF4444; animation: dotsY 2.4s linear infinite; } .dot:nth-child(3) { left: 0; right: 0; top: 0; background: #FFBB33; animation: dotsX 2.4s linear infinite; } .dot:nth-child(4) { top: 0; bottom: 0; right: 0; background: #99CC00; animation: dotsY 2.4s linear infinite; } .dot:nth-child(5) { left: 0; right: 0; bottom: 0; background: #33B5E5; animation: dotsX 2.4s linear infinite; } @keyframes rotate { 0% { transform: rotate( 0 ); } 10% { width: 6.250em; height: 6.250em; } 66% { width: 2.4em; height: 2.4em; } 100%{ transform: rotate(360deg); width: 6.250em; height: 6.250em; } } @keyframes dotsY { 66% { opacity: .1; width: 2.4em; } 77%{ opacity: 1; width: 0; } } @keyframes dotsX { 66% { opacity: .1; height: 2.4em;} 77%{ opacity: 1; height: 0; } } @keyframes flash { 33% { opacity: 0; border-radius: 0%; } 55%{ opacity: .6; border-radius: 100%; } 66%{ opacity: 0; } }

Konfigurasi Dasar Switch Cisco

2014-02-05T12:44:00.002+07:00

Kali ini saya akan memberikan tutorial mengenai Konfigurasi Dasar Switch Cisco.
Untuk mendapatkan informasi konfigurasi switch, sebelumnya kamu perlu masuk ke priviledeged
EXEC. kemudian, gunaka perintah show, untuk melihat apa saja yang dapat dilihat, tambahkan tanda ? dibelakang perintah show.

Switch>ena Switch#show ? access-lists List access lists arp Arp table boot show boot attributes cdp CDP information clock Display the system clock dtp DTP information etherchannel EtherChannel information flash: display information about flash: file system history Display the session command history hosts IP domain-name, lookup style, nameservers, and host table interfaces Interface status and configuration ip IP information logging Show the contents of logging buffers mac-address-table MAC forwarding table mls Show MultiLayer Switching information port-security Show secure port information privilege Show current privilege level processes Active process statistics running-config Current operating configuration sessions Information about Telnet connections snmp snmp statistics spanning-tree Spanning tree topology startup-config Contents of startup configuration storm-control Show storm control configuration tcp Status of TCP connections tech-support Show system information for Tech-Support terminal Display terminal configuration parameters users Display information about terminal lines version System hardware and software status vlan VTP VLAN status vtp VTP information

Untuk melihat konfigurasi yang berjalan di switch, hunakan perintah show running-config.

Switch#show running-config Building configuration... Current configuration : 1009 bytes ! version 12.2 no service timestamps log datetime msec no service timestamps debug datetime msec no service password-encryption ! hostname Switch ! ! ! interface FastEthernet0/1 ! interface FastEthernet0/2 ! interface FastEthernet0/3 ! interface FastEthernet0/4 ! interface FastEthernet0/5 ! interface FastEthernet0/6 ! interface FastEthernet0/7 ! interface FastEthernet0/8 ! interface FastEthernet0/9 ! interface FastEthernet0/10 ! interface FastEthernet0/11 ! interface FastEthernet0/12 ! interface FastEthernet0/13 ! interface FastEthernet0/14 ! interface FastEthernet0/15 ! interface FastEthernet0/16 ! interface FastEthernet0/17 ! interface FastEthernet0/18 ! interface FastEthernet0/19 ! interface FastEthernet0/20 ! interface FastEthernet0/21 ! interface FastEthernet0/22 ! interface FastEthernet0/23 ! interface FastEthernet0/24 ! interface GigabitEthernet1/1 ! interface GigabitEthernet1/2 ! interface Vlan1 no ip address shutdown ! ! line con 0 ! line vty 0 4 login line vty 5 15 login ! ! end

Untuk melihat konfigurasi yang akan dijalankan saat switch pertama kali hidup, gunakan perintah show startup-config.

Switch#show startup-config startup-config is not present

Karena tidak ada konfigurasi yang disimpan, maka muncul pesan diatas.
Selanjutnya, cara melihat konfigurasi VLAN 1 switch. Caranya menggunakan perintah show interfaces vlan 1.

Switch#show interfaces vlan 1 Vlan1 is administratively down, line protocol is down Hardware is CPU Interface, address is 000c.854a.b0b1 (bia 000c.854a.b0b1) MTU 1500 bytes, BW 100000 Kbit, DLY 1000000 usec, reliability 255/255, txload 1/255, rxload 1/255 Encapsulation ARPA, loopback not set ARP type: ARPA, ARP Timeout 04:00:00 Last input 21:40:21, output never, output hang never Last clearing of "show interface" counters never Input queue: 0/75/0/0 (size/max/drops/flushes); Total output drops: 0 Queueing strategy: fifo Output queue: 0/40 (size/max) 5 minute input rate 0 bits/sec, 0 packets/sec 5 minute output rate 0 bits/sec, 0 packets/sec 1682 packets input, 530955 bytes, 0 no buffer Received 0 broadcasts (0 IP multicast) 0 runts, 0 giants, 0 throttles 0 input errors, 0 CRC, 0 frame, 0 overrun, 0 ignored 563859 packets output, 0 bytes, 0 underruns 0 output errors, 23 interface resets 0 output buffer failures, 0 output buffers swapped out

Lihat ip address VLAN 1 dengan perintah show ip interfaces vlan 1.

Switch#show ip interface vlan 1 Vlan1 is administratively down, line protocol is down Internet protocol processing disabled

Terlihat bahwa vlan 1 masih mati (down). Kemudian, kamu bisa melihat informasi IOS switch cisco kamu dengan perintah show version.

Switch#show version Cisco IOS Software, C2960 Software (C2960-LANBASE-M), Version 12.2(25)FX, RELEASE SOFTWARE (fc1) Copyright (c) 1986-2005 by Cisco Systems, Inc. Compiled Wed 12-Oct-05 22:05 by pt_team ROM: C2960 Boot Loader (C2960-HBOOT-M) Version 12.2(25r)FX, RELEASE SOFTWARE (fc4) System returned to ROM by power-on Cisco WS-C2960-24TT (RC32300) processor (revision C0) with 21039K bytes of memory. 24 FastEthernet/IEEE 802.3 interface(s) 2 Gigabit Ethernet/IEEE 802.3 interface(s) 63488K bytes of flash-simulated non-volatile configuration memory. Base ethernet MAC Address : 000C.854A.B0B1 Motherboard assembly number : 73-9832-06 Power supply part number : 341-0097-02 Motherboard serial number : FOC103248MJ Power supply serial number : DCA102133JA Model revision number : B0 Motherboard revision number : C0 Model number : WS-C2960-24TT System serial number : FOC1033Z1EY Top Assembly Part Number : 800-26671-02 Top Assembly Revision Number : B0 Version ID : V02 CLEI Code Number : COM3K00BRA Hardware Board Revision Number : 0x01 Switch Ports Model SW Version SW Image ------ ----- ----- ---------- ---------- * 1 26 WS-C2960-24TT 12.2 C2960-LANBASE-M Configuration register is 0xF

Untuk melihat konfigurasi dari interface fastethernet 0/4 atau interface fastethernet lainnya gunakan perintah show interfaces fastEthernet 0/4.

Switch#show interfaces fastEthernet 0/4 FastEthernet0/4 is up, line protocol is up (connected) Hardware is Lance, address is 0007.ec69.c404 (bia 0007.ec69.c404) BW 100000 Kbit, DLY 1000 usec, reliability 255/255, txload 1/255, rxload 1/255 Encapsulation ARPA, loopback not set Keepalive set (10 sec) Full-duplex, 100Mb/s input flow-control is off, output flow-control is off ARP type: ARPA, ARP Timeout 04:00:00 Last input 00:00:08, output 00:00:05, output hang never Last clearing of "show interface" counters never Input queue: 0/75/0/0 (size/max/drops/flushes); Total output drops: 0 Queueing strategy: fifo Output queue :0/40 (size/max) 5 minute input rate 0 bits/sec, 0 packets/sec 5 minute output rate 0 bits/sec, 0 packets/sec 956 packets input, 193351 bytes, 0 no buffer Received 956 broadcasts, 0 runts, 0 giants, 0 throttles 0 input errors, 0 CRC, 0 frame, 0 overrun, 0 ignored, 0 abort 0 watchdog, 0 multicast, 0 pause input 0 input packets with dribble condition detected 2357 packets output, 263570 bytes, 0 underruns 0 output errors, 0 collisions, 10 interface resets 0 babbles, 0 late collision, 0 deferred 0 lost carrier, 0 no carrier 0 output buffer failures, 0 output buffers swapped out

Hampir sama dengan cara melihat konfigurasi dari fastethernet, untuk melihat informasi dari gigabitethernet 1/1 gunakan perintah show interfaces gigabitEthernet 1/1.

Switch#show interfaces gigabitEthernet 1/1 GigabitEthernet1/1 is down, line protocol is down (disabled) Hardware is Lance, address is 0002.172c.8501 (bia 0002.172c.8501) BW 1000000 Kbit, DLY 1000 usec, reliability 255/255, txload 1/255, rxload 1/255 Encapsulation ARPA, loopback not set Keepalive set (10 sec) Half-duplex, 1000Mb/s input flow-control is off, output flow-control is off ARP type: ARPA, ARP Timeout 04:00:00 Last input 00:00:08, output 00:00:05, output hang never Last clearing of "show interface" counters never Input queue: 0/75/0/0 (size/max/drops/flushes); Total output drops: 0 Queueing strategy: fifo Output queue :0/40 (size/max) 5 minute input rate 0 bits/sec, 0 packets/sec 5 minute output rate 0 bits/sec, 0 packets/sec 956 packets input, 193351 bytes, 0 no buffer Received 956 broadcasts, 0 runts, 0 giants, 0 throttles 0 input errors, 0 CRC, 0 frame, 0 overrun, 0 ignored, 0 abort 0 watchdog, 0 multicast, 0 pause input 0 input packets with dribble condition detected 2357 packets output, 263570 bytes, 0 underruns 0 output errors, 0 collisions, 10 interface resets 0 babbles, 0 late collision, 0 deferred 0 lost carrier, 0 no carrier 0 output buffer failures, 0 output buffers swapped out

Melihati status VLAN, menggunakan perintah show vlan

Switch#show vlan

VLAN Name Status Ports

---- -------------------------------- --------- -------------------------------

1 default active Fa0/1, Fa0/2, Fa0/3, Fa0/4

Fa0/5, Fa0/6, Fa0/7, Fa0/8

Fa0/9, Fa0/10, Fa0/11, Fa0/12

Fa0/13, Fa0/14, Fa0/15, Fa0/16

Fa0/17, Fa0/18, Fa0/19, Fa0/20

Fa0/21, Fa0/22, Fa0/23, Fa0/24

Gig1/1, Gig1/2

1002 fddi-default act/unsup

1003 token-ring-default act/unsup

1004 fddinet-default act/unsup

1005 trnet-default act/unsup

VLAN Type SAID MTU Parent RingNo BridgeNo Stp BrdgMode Trans1 Trans2

---- ----- ---------- ----- ------ ------ -------- ---- -------- ------ ------

1 enet 100001 1500 - - - - - 0 0

1002 fddi 101002 1500 - - - - - 0 0

1003 tr 101003 1500 - - - - - 0 0

1004 fdnet 101004 1500 - - - ieee - 0 0

1005 trnet 101005 1500 - - - ibm - 0 0

Remote SPAN VLANs

------------------------------------------------------------------------------

Primary Secondary Type Ports

------- --------- ----------------- ------------------------------------------

Melihat informasi flash, menggunakan perintah show flash.

    Switch#show flash
    Directory of flash:/
        1 -rw-     4414921          <no date> c2960-lanbase-mz.122-25.FX.bin
    64016384 bytes total (59601463 bytes free)

Untuk semua daftar perintah show kamu bisa melihat melalui dokumen support cisco di sini.

Cara Membuat Template Responsive

2014-02-04T22:39:00.002+07:00

Gambar dari github.io

Banyak desainer web yang membuat template dengan fitur responsive, termasuk saya yang menggunakannya pada template blog ini. Fitur ini penting dalam dunia web saat ini yang lebih banyak menggunakan gadget sebagai alat untuk browsing. Cara kerjanya adalah ketiga anda membuka web responsive, maka template tersebut akan menyesuaikan dengan layar gadget yang anda gunakan.

Namun, bagaimana dengan template yag belum responsive? Bagaimana caranya? ikuti langkah-langkah di bawah ini.

Cara Membuat Template Menjadi Responsive

Untuk template website anda menulias seperti halnya menulis CSS pada umumnya. Sementara yang menggunakan Blogger, yang perlu anda lakukan hanya meletakan kodenya didalam ]]></b:skin>.

Contoh Kode:

@media only screen and (max-width: 720px){ #outer-wrapper { width: 100%;} #header-wrapper { width: 100%; padding: 0; margin: 0;} .slides { background-image: none; }

Maksut kode diatas adalah pada layar ukuran 720px, outer-wrapper diatur lebar 100% agar ukurannya dapat menyesuaikan ukuran layar gadget, header-wrapper diatur lebarnya 100% memiliki batas dalam 0px dan batas luar 0px, dan slides diatur gambar background tidak terlihat.

Yang perlu diingat adalah mencari ID CLASS dari struktur penyusun template kamu.

Dalam Blogger, ID CLASS yang umum digunakan adalah

#outer-wrapper #main-wrapper #sidebar-wrapper #header #footer

Contoh yang biasa saya gunakan.

@media screen and (max-width: 1040px) { .header-wrapper { width: 760px; } .branding .sidebar { width: 760px ; margin: 0 auto; } .content-wrapper { width: 760px; } .main-wrapper { width: 500px; } .slides { width: 760px; background-image: none; } .slides .grid { width: 233.33333333333333333333333333333px; margin-left: 10px; margin-right:10px; } } @media screen and (max-width: 780px) { .header-wrapper { width: 500px; } .header, .navigation { width: 100%; float: none; clear: both; text-align: center; } .header img { margin-left: auto; margin-right: auto; } .navigation { margin-top: 30px; } .navigation ul, .navigation ul li { float: none; } .navigation ul li { text-align: center; display: inline; } .branding .sidebar { width: 500px ; } .content-wrapper { width: 500px; } .sidebar-wrapper { width: 500px; margin: 40px 0 0 0; } .slides { width: 500px; } .slides .grid { width: 100%; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px dotted #777; } footer.credit .footer { width: 500px; margin: 0 auto; } }

Jangan lupa tambahkan kode

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

di bawah <head>

Sekian artikel kali ini, semoga bermanfaat.

Cara Convert CCS menjadi LESS/SASS

2014-02-04T06:38:00.003+07:00

Gambar dari: scotch.io

LESS adalah preprosesor CSS yang memberikan sentuhan dinamis kepada CSS dengan fitur variabel, mixin, serta operasi dan fungsi yang dimilikinnya. Tujuan dibuatnya LESS sendiri adalah untuk memberikan kemudahan dan keringkasan dalam membangun tampilan website yang menggunakan CSS. Proses kompilasi LESS menjadi CSS dapat berjalan baik di sisi klien dengan javascript maupun di sisi server dengan bantuan Node.js dan Rhino. Berkas LESS yang memiliki format *.less dan akan diubah menjadi file berformat CSS oleh file javascript less.js pada sisi klien atau melalui kompilasi pada sisi server.(bisakomputer) Untuk selengkapnya mengenai tentang LESS bisa menuju halaman ini.

Sementara SASS (Syntactically Awesome Stylesheets) adalah alternatif lain bagi anda yang malas mengetik kode CSS (menurut saya), karena sebagian kode CSS itu merupakan kode yang statis, serba berbelit belit dan manual, dengan adanya SASS ini mungkin cara anda untuk membuat kode Style semudah anda membuat fungsi For, karena SASS ini di desain sedemikian rupa seperti bahasa pemrograman, jadi lebih efektif.

Dalam jenis nya, SASS dibagi 2 bentuk ada yang berbahasa SCSS (Sassy CSS) dan SASS itu sendiri. yang membedakan itu adalah SCSS masih menggunakan tanda ( { } ) layaknya CSS Biasa, tapi SASS menggunakan indent seperti bahasa ruby atau Python, jadi belajar rapih gitu kodingan nya.

Jika anda masih bingung dengan penulisan syntax LESS atau SASS, saya akan memberikan cara praktisnya, yaitu dengan memanfaatkan Css2Less atau Least Website ini dirancang untuk menconvert CSS menjadi LESS. Penggunaannya cukup mudah anda cukup menuliskan CSS pada bagian kiri. Maka Css2Less atau Least akan otomatis menconvert code CSS menjadi code LESS pada bagian kiri.

Contoh Flat Web Design

2014-01-26T21:56:00.000+07:00

Flat Web Design menjadi salah satu tren dalam tahun ini dan tahun selalu, tpi ada masih ada orang yang bingung gimana design itu, bagaimana konsepnya. Flat Design menggunakan warna solid datar tanapa ada efek 3D, tak ada gradient, dll. Jadi Flat Design tampil dengan sederhana namun masih terlihat keren.

Untuk itu saya memeberikan contoh website yang menggunakan Flat Design.

1. Foundation

2. OnSite

3. Layer Vault

4. Werkpress

5. Etch

6. Geckoboard

7. Sam Markiewi

8. Applove

9. Founders

10. FitBit

Itulah bebrapa website yang menggunan Flat Design sebagai konsep website mereka. Masih banyak sekali website yang bisa kalin temukan.

Cara Install Dropbear Pada ContOS

2014-01-25T22:12:00.001+07:00

Sebelum menginstall Dropbear, pastika VPS sudah terinstall Webin. Jika belum Install dulu Webmin di VPS kalin, ini tutorial nya [Cara Install Webmin Di VPS CentOS].

Download Packge untuk Dropbearnya.

CentOS 5 64 Bit

wget ftp://rpmfind.net/linux/epel/5/x86_64/dropbear-0.55-1.el5.x86_64.rpm

CentOS 5 32 Bit

wget ftp://rpmfind.net/linux/epel/5/i386/dropbear-0.55-1.el5.i386.rpm

Kemudian install RPMnya.

rpm -Uvh *.rpm

*.rpm = nama file yang ingin diinstall. contoh : rpm -Uvh dropbear-0.55-1.el5.x86_64.rpm

CentOS 6 64 Bit

wget ftp://rpmfind.net/linux/epel/6/x86_64/dropbear-2013.62-2.el6.x86_64.rpm INSTALL DEPENDENCIES wget ftp://rpmfind.net/linux/epel/6/x86_64/libtommath-0.42.0-3.el6.x86_64.rpm rpm -Uvh libtommath*.rpm wget ftp://rpmfind.net/linux/epel/6/x86_64/libtomcrypt-1.17-21.el6.x86_64.rpm rpm -Uvh libtomcrypt*.rpm rpm -Uvh dropbear*.rpm

CentOS 6 32 Bit

wget ftp://rpmfind.net/linux/epel/6/i386/dropbear-2013.62-2.el6.i686.rpm INSTALL DEPENDENCIES wget ftp://rpmfind.net/linux/epel/6/x86_64/libtommath-0.42.0-3.el6.i686.rpm rpm -Uvh libtommath*.rpm wget ftp://rpmfind.net/linux/epel/6/i386/libtomcrypt-1.17-21.el6.i686.rpm rpm -Uvh libtomcrypt*.rpm rpm -Uvh dropbear*.rpm


Dropbear sudah terinstall, sekarang masuk ke config dropbear.

nano /etc/init.d/dropbear

tamabahkan :

OPTIONS="-p 22 -p 109 -p 143 -p 443"

Setelah itu tekan CTRL+X - Y dan SAVE (Enter).

Ganti Port SSHnya.

nano /etc/ssh/sshd_config #Port 22 ==> rubah jadi Port 333 (tanpa tanda #) Ctrl+X - Y - Enter (save) service sshd restart

Jalankan Dropbearnya.

service dropbear start

Jalankan auto stratup dropbear.

hkconfig --add dropbear chkconfig dropbear on

Atau bisa juga via Webmin.

login ke webmin

system

bootup and shutdown

centang dropbear ( start on boot) atau (start now and on boot)

Disini Dropbear sudah berjalan di CentOS kalian.

yum -y service dropbear reload

Jika gagal

yum -y remove dropbear

Ulangi Langka-langkah diatas.

Cara membuat user.

useradd -m -s /sbin/nologin namauser

tapi bagaimana jika user sudah dimasukan atau sudah ada user dengan shell:
/bin/false
caranya dengan memodif sedikit shell.

cat "/bin/false" >> /etc/shells

Thanks to : groundmans

Cara Install Webmin di VPS CentOS

2014-01-25T11:12:00.001+07:00

Install Webmin di VPS CentOS

OS yang dapat mendukung Webmin dan Virtualmin.

- CentOS 5 and 6 on i386 or x86_64
- RHEL 5 and 6 on i386 and x86_64
- Scientific Linux 6 on i386 and x86_64
- Debian 6 on i386 or amd64
- Ubuntu 8.04 LTS, 10.04, and 12.04 LTS on i386 or amd64

Sebelum memulai install Webmin & Virtualmin, sebaiknya periksa hostname apakah hostname sudah fully qualified domain name (FQDN), kalau belum silahkan di setting dulu, karena bisa mengganggu proses installasi webmin.

1. Periksa hostname

# hostname -f
host1.aim-ul.com

Jika keluar tulisan diatas, konfigurai FQDN sudah benar.
Jika belum keluar tulisan FQDN seperti diatas, sebaiknya setting dulu FQDN di /etc/hosts

# cat /etc/hosts
# Do not remove the following line, or various programs
# that require network functionality will fail.
127.0.0.1 host1 localhost.localdomain localhost
::1 localhost6.localdomain6 localhost6

Ganti menjadi

# pico /etc/hosts
# Do not remove the following line, or various programs
# that require network functionality will fail.
127.0.0.1 host1.e-padi.com localhost.localdomain localhost
::1 localhost6.localdomain6 localhost6

Metode instalasi Webmin pada server CentOS.

1. Automatic Install Virtualmin + webmin dengan install.sh installer [RECOMMENDED]

a. # wget http://software.virtualmin.com/gpl/scripts/install.sh
b. # sh ./install.sh
c. Ikuti proses installasi
d. Jika sudah selesai, akses ke webmin dengan cara: https://IP_Mesin:10000/
Login: root
Passwd: (passwd root ssh)

2. Install webmin manual via SSH

a. Buka http://www.webmin.com/download.html cari paket yang cocok untuk server
b. # wget http://prdownloads.sourceforge.net/webadmin/webmin-1.510-1.noarch.rpm
c. # rpm -ivh webmin-1.510-1.noarch.rpm
d. Jika sudah selesai, akses ke webmin dengan cara: https://IP_Mesin:10000/
Login: root
Passwd: (passwd root ssh)

3. Install Webmin + Virtualmin manual

a. # wget http://prdownloads.sourceforge.net/webadmin/webmin-1.580.tar.gz
b. # gunzip webmin-1.500.tar.gz
c. # tar xf webmin-1.500.tar
d. # cd webmin-1.500
e. # ./setup.sh /usr/local/webmin

4. Install virtualmin / webmin dengan yum / repository

a. # vi /etc/yum.repos.d/webmin.repo

b. Paste code dibawah ini kebagian bawah file /etc/yum.repos.d/webmin.repo
[Webmin]
name=Webmin Distribution Neutral
#baseurl=http://download.webmin.com/download/yum
mirrorlist=http://download.webmin.com/download/yum/mirrorlist
enabled=1

Akhiri dengan menyimpan file tersebut dengan cara : "ESC + :" ketik "wq!" + Enter
c. Download key
   # wget http://www.webmin.com/jcameron-key.asc
   # rpm –-import jcameron-key.asc
   # rm -rf jcameron-key.asc

d. Mulai install webmin
# yum install webmin

e. Tunggu hingga proses install selesai, Jika sudah selesai, akses ke webmin dengan cara: https://IP_Mesin:10000/
Login: root
Passwd: (passwd root ssh)

Semoga artikel kali ini bermanfaat bagi kalian.

Tren Web Design 2014

2014-01-24T07:50:00.001+07:00

Tahun 2014 telah datang, muncullah tren baru. Tak terkecuali Web Design. Dari tahun ketahun tren sebuah desain web selalu berganti, desain dari suatu web memang harus di perhatikan seperti halnya fashion yang selalu mengikuti tren. Mari kita lihat apa saja tren Web Design di tahun 2014 ini.

Flat Design

Flat design adalah salah satu tren terbesar yang muncul pada 2013 lalu dan itu akan berlanjut pada tahun ini. Desain ini menyingkirkan 3D grafis dan gradient dan pada umumnya hanya menggunakan bentuk pipih dan indikator untuk membantu pengguna memiliki pengalaman lebih mudah diakses.

Experimental Typhography

Semakin banyak desainer yang bersenang-senag dengan font, mereka menciptkan desain unik dengan ide tata letak dan dalam penggunaan font. Beberapa diantaranya bisa bertemakan fun dan lucu sementara yang lain artistik namun tetap profesional. Jadi anda tidak akan bosan melihat situs-situs typhography.

Slide Out Menu

Ingin melihat situs web tanpa ada ganggunan? Silde Out Menu bisa jadi solusinya. Slide Out Menu dapat berjalan dari atas atau sisi web unutuk memperlihatkan seluruh konten situs tersebut, dengan animasi halus yang tidak mengganggu pengalaman browsing anda.

Big Background Videos

Desain web yang menampilkan background full halaman dengan video. Tren baru ini membuat gelombang tersendiri, pengalaman baru dalam browsing yang membuat pengunjung merasa terhubung.

Endless Scrolling

Scroll melalui situs web lebih cepat dan mudah dari pada harus mengklik link unuk mangakses berbagai informasi. Teknik desain baru ini memungkinkan konten yang akan selalu teroganisir dan diformat dengan cara yang super mudah dibaca dan dicerna. Situs yang hanya dengan klik dapat scroll seperti halnya pindah halaman.

Simple Color

Tren baru dengan menggunakan warna yang lembut dan warna latar belakan bersih. Efeknya adalah minimalis dan user friendly.

Focus On Mobile

Web Desain Responsif adalah tren besar lain pada tahun 2013 dan sekarang, melihat situs yang dirancang secara tegas untuk penggunaan mobile. Desainer lebih bekerja pada situs yang berfungsi pada perangkat mobile. Hal seperti login, integrasi social media, langganan email, dan banyak fitur lainya yang membuat situs jauh lebih mudah untuk digunakan pada ponsel atau tablet.

Download Adobe Creative Cloud Full Version

2014-01-23T14:13:00.001+07:00

Download Adobe Creative Cloud Full Version

Daftar:

    Adobe Premiere Pro CC7.0.0
    Adobe Photoshop CC v14.0 Final Multilanguage
    Adobe After Effects CC v12.0.0.404 Multilingual
    Adobe Audition CC 6.0 Build 372
    Adobe Dreamweaver CC 13.0 Build 6390
    Adobe Flash Professional CC v13.0.0.759
    Adobe Illustrator CC 17.0.0 Multilingual
    Adobe Bridge CC 6.0.0.151 LS20 Multilingual
    Adobe InCopy CC 9.0 LS20 Multilingual
    Adobe InDesign CC 9.0 LS20 Multilingual
    Adobe Muse CC 5.0 LS23

Download Link: Total (10GB)
Part.1 (1.00GB)
Part.2 (1.00GB)
Part.3 (1.00GB)
Part.4 (1.00GB)
Part.5 (1.00GB)
Part.6 (1.00GB)
Part.7 (1.00GB)
Part.8 (1.00GB)
Part.9 (1.00GB)
Part.10 (982MB)

Passwor jika dibutuhkan : www.p30day.com

Cara Membuat Efek Bokeh Pada Teks

2013-10-16T12:27:00.000+07:00

Bokeh dalam fotografi adalah sebuah kata yang menggambarkan "cara lensa membuat poin out-of-fokus cahaya".
Berhubungan dengan Bokeh saya akan membagika tutorial cara membuat efek Bokeh pada teks dengan menggunakan Photoshop.

Saya disini menggunakan Photoshop CC, jika tidak punya sobat bisa menggunakan Photoshop CS3 ke atas.

Bahan-bahan :
* Ethon font.
* Neou (OT1) font.
* Light/Bokeh Texture 21 by xnienke.

Langkah 1.

Buat dokumen baru dengan ukuran 1000 x 600 px. Ganti Foreground color dengan #271c2d dan Background color dengan #141416. Pilih Gradient Tool, pilih Foreground to Background, Radial Gradient, di bar Pilihan. Kemudian klik dan tarik dari tengah dokumen ke salah satu sudut untuk menciptakan gradien Latar Belakang.

Letakan gambar bokeh diatas Background, dan ubah Banlding Optionnya menjadi Overlay.

Buat teks berwarna putih dengan font 'ETH' dengan ukuran 310pt lalu ubah Tracking Valuenya menjadi 70 agar nanti efeknya tidak saling bertumpukan. (Sobat bisa ubah ukuran dan tracking value sesuai keinginan sobat).

Langkah 2.

Buka panel brush (Window > brush) lalu ikuti aturan seperti di bawah ini.

PickBrush Tip Shape: Rubah Size menjadi 25px, dan Spacing menjadi 95%.

Shape Dynamics: Rubah Size Jitter menjadi 45%.

Scattering: Rubah Scatter menjadi 95%, dan centang kotak Both Axes.

Color Dynamics: Centang kotak Apply Per Tip,dan rubah Foreground/Background Jitter menjadi 100%.

Transfer: Rubah Flow Jitter menjadi 100%.

Langkah 3.

Klik kanan layer teks dan pilih Create Work Path. Kemudian, semubunyikan layer teks dengan mengklik ikon mata di sebelahnya.
Buat layer baru saya namai "Bokeh", atur warna Foreground ke # f06eaa dan warna Latar Belakang # 6dcff6, dan memilih Direct Selection Tool.

Klik kanan pada lembar kerja dan pilih Stroke Path. Kemudian, pilih Brush Tool dari menu drop-down, dan pastikan bahwa kotak Simulate Pressure tidak dicentang.
Hilangkah Path dengan cara klik kanan Delete Path.

Langkah 4.

Dobel klik "Bokeh" layer, klik Inner Glow, ubah seperti di bawah.

Selanjutnya klik Filter > Blur > Guassian Blur. Rubah radiusnya menjadi 0.5. Ini akan menambahkan blur halus untuk bokeh, membuatnya lebih lembut dan lebih realistis.

Untuk pelengkap bisa ditambahakan teks dengan font "NEOU" yang sudah di download, saya merekomendasikan dengan warna #e2d6e9.

Hasil Akhir.

(Artikel di impor dari blog lama "Aim The Antero")

Pengertian Dan Konfigurasi DHCP

2013-10-14T17:04:00.000+07:00

DHCP (Dynamic Host Configuration Protocol) adalah protocol yang berbasis arsitektur client/server yang digunakan untuk memudahkan pengalokasikan alamat IP dalam satu jaringan. ISP secara otomatis akan memberikan alamat IP baru kepada komputer yang memintanya. Komputer yang meminta alamat IP disebut DHCP Client sedangkan Komputer yang memberikan alamat IP disebut DHCP Server.Ketika konfigurasi TCP/IP. administrator tidak perlu memberikan alamat IP secara manual, cukup dengan memberikan refrensi kepada DHCP Serever.

Ketika kedua DHCP client dihidupkan, maka komputer tersebut melakukan permintaan ke DHCP Serever untuk memperoleh alamat IP. Kemudian DHCP akaman merespon dengan memberikan alamat IP yang ada di database DHCP. Setelah itu Server meminjamkan (lease) alamat IP yang ada ke DHCP Client dan mencoret nomor IP tersebut dari daftar pool. Alamat IP diberikan bersama dengan subnet mask dan default gateway. Apabila tidak terdapat lagi lamat IP yang harus diberikan, maka client tidak akan bisa menginisialisasi TCP/IP, sehingga tidak bisa tersambung dengan jaringan tersebut.

Pemakaian DHCP Client tersebut dinyatakan selesai setelah periode waktu tertentu, sehingga client tidak memperbaharui permintaanya lagi, dan alamat IP tersebut dikembalikan kepada DHCP Server sehingga dapat memberikan nomor IP tersebut kepada Client yang memperlukan.

Kelebihan DHCP

Memudahkan dalam transfer data kepada PC Client lain atau PC Server.
DHCP meyediakan alamat-alamat IP secara dinamis dan konfigurasi lain. DHCP ini didesain untuk melayani network yang besar dan konfigurasi TCP/IP yang kompleks.
DHCP memungkinkan suatu client menggunakan alamat IP yang reusable, artinya alamat IP tersebut bisa dipakai oleh client lain jika client tersebut tidak sedang menggunakanya.
DHCP memungkinkan suatu client menggunakan suatu alamat IP untuk jangka waktu tertentu dari server.
DHCP akan memberikan suatu alamat IP dan parameter-parameter konfigurasi lainnya kepada cilent.

Kondigurasi DHCP

IP FastEthernet : 192.168.10.1

Network : 192.168.10.0

Netmask : 255.255.255.0

Router>enable
Router#configure terminal
Router(config)#ip dhcp pool aris
Router(dhcp-config)#network 192.168.10.0 255.255.255.0
Router(dhcp-config)#default-router 192.168.10.1
Router(dhcp-config)#dns-server 8.8.8.8
Router(dhcp-config)#exit

Setelah konfigurasi diatas sudah dilakukan pada Router Cisco. Maka tinggal pengecekan pada komputer atau PC yang sudah terhubung langsung dengan cara klik PC Desktop, maka akan muncul seperti gambar dibwah.

Selanjutnya klik IP Configuration, Ubah IP Static menjadi DHCP, maka jika berhasil dengan sendirinya.

PC atau Laptop akan terisi sendiri dengan status DHCP request successfully

Jika sudah berhasil, lakukan langkah yang sama ke pada masing-masing PC.

Cara Membuat Efek Tilt Shift

2013-10-11T13:43:00.000+07:00

Photoshop adalah program edit foto yang kaya fitur, salah satu adanya Tilt Shift yang dimiliki oleh generasi Photoshop terbaru taitu Photoshop CC (Creative Cloud). Untuk caranya ikuti langkah-langkah di bawah ini.

Yang pertama dilakukan tentu saja menyiapkan bahan yang akan di kerjakan.

Jika sudah, klik Filter > Blur > pilih Tilt Shift.

Setting sesuai foto atau sesuai dengan citarasa sobat.

Biasanya efek tilt-shift (atau efek miniature) mempunyai kesan warna yang agak saturate (pekat dan terang). Jadi, kita boleh menambah adjustment layer Brightness/Contrast dan Vibrance.

Hasil.

Mempercantik Foto Dengan Efek Cahaya

2013-10-11T08:38:00.000+07:00

Untuk kali ini saya akan membagikan postingan bagaimana cara membuat efek cahaya, hampir sama dengan postingan sebelumnya namun ada perbedaan dari langkah dan efek yang dihasilkan.

Foto yang akan diedit.

1. Langkah pertama tekan Ctrl + B, untuk memunculkan jendela Color Balance lalu antur seperti gambar di bawah.

2. Buat layer baru dan warni dengan Paint Bucket Tool (G) dan format warna #ff0000, kemudian rubah Blanding Optionnya menjadi Luminosity.

3. Buat Layer lagi seperti langkah no. 2 namun dengan format warna #818181 dan Darker Color pada Blending Option.

4. Tekan Ctrl + M, akan terbuka jendela Curve, atur seperti di bawah.

6. Jika sudah klik tombol Image > Adjustment > Channel Mixer, atur seperti di bawah.

7. Buat layer baru dengan gradient fill (Gradient Tool) seperti di bawah.

8. Ubah Blanding Option menjadi Screen dan Opacity menjadi 35%.

9. Tingakatkan Contrast menadi 5. (Image > Adjustmant > brightness/Contrast.) Ubah Opacity menjadi 26%.

10. Buat layar baru dengan format warna #f2aaa0. Ubah Opacity menjadi 12%.

11. Tekan Ctrl + M, atur seperti di bawah.

12. Atur Selctive Color kemudian atur blending option seperti di bawah.

13. Langkah terakhir adalah Klik Filter > Sharpen > Sharpen Edges.

Hasil Akhir

Cisco Packet Tracer + Modul

2013-10-07T11:40:00.000+07:00

Cisco Packet Tracer adalah sebuah aplikasi simulasi yang memungkinkan kita untuk melakukan percobaan dalam jaringan, sehingga memudahkan kita unutk meemaljari jaringan.
Langsung saja saya kasih softwarenya.

Screenshot :

Link Download :

Password : aim-theantero

Download Modul Packet Tracer :

Pro Evolution Soccer 2014 Full Version

2013-10-06T21:03:00.000+07:00

Mungkin sudah lama sekali Blog ini tidak update, dikarenakan kesibukan sebagai siswa SMK dan sebagai jurnlist dengan kegiatan yang padat.
Posting kali ini saya akan membagikan game yang dinanti-nati bagi para pecinta bola yaitu Pro Evolution Soccer (PES) 2014. Game ini mempunyai perubahan besar-besaran dibandingkan Versi PES sebelumnya.
Dengan mengusung Engine baru yang bernama Fox Engine PES 2014 memang tidak bisa dianggap enteng soal grafisnya.

Link Download :
(Link By : Bagas31)
Part 1
Part 2
Part 3
Part 4
Part 5
Part 6
Crack
Regfile

Password : www.bagas31.com

Cara Install :

1. Letakkan semua part dalam 1 folder kemudian Extract dengan menggunakan Winrar.

2. Jalankan setup.exe kemudian install seperti biasa.

3. Jika ada layar Command Prompt, biarkan saja dan jangan ditutup.

4. Tunggu hingga instalasi selesai.

5. Jika sudah selesai , klik kanan file .reg yang telah diberikan kemudian edit dengan notepad dan gantilah ganti key "Installdir" dengan tempat dimana PES 2014 terinstall.

6. Setelah itu, save kemudian jalankan file .reg tersebut.

7. Done

Minimum system requirements :

Operating System: Win Xp 32, Vista, Windows 7
Graphic Card: GeForce 510, Radeon HD 5450 512MB
CPU: Pentium D 820 2.8GHz, Athlon LE-1640
RAM: 1 GB
HDD: 10 GB
DirectX: 9.0c
Other Console

Recommended system requirements :

Operating System: Win Xp 32, Vista, Windows 7, Windows 8
Graphic Card: GeForce GT 440, Radeon HD 5550 1024MB
CPU: Core 2 Duo E7400 2.80GHz, Athlon II X2 255
RAM: 4 GB
HDD: 10 GB
DirectX: 9.0c

Other Console

Thanks For : bagas31.com

Cara Membuat Efek Lomo Pada Photoshop

2013-06-22T07:46:00.000+07:00

Sebelumnya saya membagikan bagaimana Mempercantik Foto Dengan Efek Cahaya, Sekarang saya akan mebagikan Cara Membuat Efek Lomo Pada Photoshop. Efek ini hampir sama dengan sebelumnya, namun caranya lebih mudah dan simple.

1. Buka Photoshop kalian.

2. Buka foto yang kalian pilih sebagai bahan.

3. Jika sudah, tekan CTRL+L dan atur seperti di bawah ini. Klik OK.

4. Lalu Klik Layer > Layer Style > Blending Option. Pada Underlying Layer atur seperti di bawah dengan cara awal ALT+Double Click (untuk memecah panahnya) pada panah hitam, lalu atur pada angka 94/127. Klik OK.

5. Jika sudah klik Layer > New Fill Layer > Gradient. Atur seperti di bawah. Klik OK.

6. Kamudian atur seperti di bawah.

7. Setelah itu klik Layer > New Adjustment Layer > Brightness/Contrass. Atur seperti di bawah. Klik OK.

8. Selesai

Cara Mempercantik Foto Dengan Efek Cahaya

2013-06-20T15:02:00.000+07:00

Kali ini saya membagikan sebuah tutorial bagaimana Cara Mempercantik Foto Dengan Efek Cahaya sehingga photo terkesan lebih cantik. Untuk caranya ikuti yang dibawah ini.

1. Buka Photoshop kalian
2. Buka Gambar yang kalian pilih.

3. Duplikat Layer (CTRL+J)
4. Kemudian klik tekan tombol CTRL+U, lau atur seperti di bawah ini. Klik OK.

5. Tekan tombol CTRL+J, Lalu klik Filter > Distort > Diffuse Glow. Atur seperti gambar di bawah ini. Klik OK.

6. Kemudian, klik Layer > New Fill Layer > Gradient > OK. Atur seperti di bawah dengan warna #80a2ef dan #f799d7.

7. Rubah Layer Menjadi Soft Light dan atur Opacitynya menjadi 70%.

8. Tekan tombol CTRL+J, sehingga Gradient Fillnya menjadi dua. Lalu atur seperti di bawah.

9. Pindah ke Layer 1 copy, lalu klik Filter > Lens Correction. Atur seperti di bawah.

9. Klik kanan pada Layer lalu Marge Visible. Kamudian tekan CTRL+J.
10. Langkah selanjutnya klik Filter > Other > High Pass. Atur Radiusnya menjadi 4 Pixels
11. Rubah Layer menjadi Soft Light. Dan Selesai.

Hasil Akhir

Download Action Photoshop

2013-06-16T16:04:00.000+07:00

Kali ini saya akan membagikan file Actions Photoshop. Ada 114 file yang bisa miliki secara gratis diantaranya ada:

Cross Process
Vintage
Rertouch
Comics
HDR
Old Photo
Pencil Draw
Wedding
Dan masih banyak lagi.

Untuk Link Downloadnya silakan klik link dibawah.

Password: aim-theantero.blogspot.com

Mematikan Komputer Orang Dengan CMD

2013-06-06T20:19:00.000+07:00

CMD memang kaya dengan perintah-perintah yang berguna membantu kita untuk melakukan banyak hal di komputer, salah satu hal yang bisa kita lakukan adalah mematikan komputer orang lain dalam sebuah jaringan. Cara ini biasanya di lakukan oleh orang-orang jahil atau pemilik jaringan yang memberi hukuman kepada pengguna jaringan yang telah melanggar ketentuan dari sang pemilik.
Caranya cukup mudah, sobat hanya perlu mengetahui IP komputer korban.

Langkah-langkah:
1. Pastikan komputer sobat terkoneksi ke Internet, begitu pula komputer korban
2. Buka Command Prompt
3. Setelah Command Prompt muncul, tulis shutdown -i lalu tekan Enter

4. Kemudian muncul kota Remote Shutdown Dialog

5. Klik Add lalu masukan IP korban, klik OK

6. Pilih mana sobat yang akan pilih Restart, Shutdown, dan logoff

7. Masukan alasan sobat telah mematikan komputer korban pada kotak Comment

8. Klik OK untuk menyelesaikan.

Dengan begitu komputer korban akan mati secara otomatis sesuai waktu yang telah ditentukan.

Cara Memanjangkan Rambut Dengan Photoshop

2013-05-24T13:58:00.000+07:00

Sobat antero, pada tutorial kali ini kita akan belajar cara memanjangkan rambut dengan Photoshop. Tidak perlu pergi ke salon untuk melakukan perawatan maupun hair extention. Ini dia langkah-langkanya:

1. Buka foto yang akan diedit.

2. Seleksi dengan Polygonal Lasso Tool

3. Klik kanan pada seleksi > pilih Layer Via Copy

4. Setelah itu pilih Smudge Tool

5. Kemudian pilih brushnya. Saran saya gunakan brush ini.

6. Silahkan tarik-tarik (klik dan drag) perlahan di bagian rambut. Upayakan agar tetap terkesan natural.

7. Hasil Akhir.

Tutorial Efek Nashville Instagram

2013-05-19T14:53:00.000+07:00

Sobat antero pasti tau dengan Instagram, aplikasi ini terdapat berbagai efek-efek foto tyang di sediakan. Contohnya Efek Nashville, efek ini sendiri tidak hanya dapat dilakukan di Instagram, melainkan di lakukan di Photoshop. Oleh karena itu sekarang saya akan memberikan Tutorial Efek Nashville Instagram.

1. Buka Photoshop, kemudian buka foto yang ingin sobat edit.

2. Kemudian copy/duplikat layer dengan cara menekan CTRL + J
3. Setelah itu pilih menu Image > Adjutement > Curves (CTRL + M), kemudian aturlah channel green dan blue setelah itu tekan OK.

4. Kemudian tekan CTR + L dan atur seperti gambar di bawah ini. Kemudian tekan OK.

5. Setelah itu buka menu > Adjustment > Brightness > Contrast. Atur seperti di bawah ini. Kemudian klik OK.

6. Kemudian buka Curves dengan menekan CTRL + M dan edit channel green dan blue seperti di bawah ini.

7. Setelah itu buka Image > Adjustment > Brightness/Contrast dan atur seperti di bawah ini.

8. Buka Curves lagi dengan menekan CTRL + M, kemudian edit chanell red dan blue seperti di bawah ini.

9. Setelah itu buat layer baru dengan warna coklat muda (#f7d9ad), unutk membuat layer baru sobat bisa tekan tombol CTRL + Shift +N.

10. Kemudian rubah blend mode layer 2 menjadi Multiply.

Hasil Akhir

Membuat Blog Lebih SEO Friendly

2013-05-16T14:02:00.000+07:00

Salah satu cara agar blog kita ada di halaman pertama Google adalah dengan membuat blog lebih SEO friendly. Disamping isi postingan yang menjadi faktor utama blog ada di halaman pertama Google, blog yang SEO friendly itu biasanya lebih mudah bersaing di pencarian. Karena robotnya Google lebih gampang membaca dan menganalisa blog tersebut.
Langsung saja ke topik utama cara membuat blog lebih SEO friendly.

1. Meta keyword dan deskripi
Salah satu mesin pencari seperti Google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi, sobat harus tambahkan tag meta. Caranya dengan menambahakn kode berikut sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta name="description" content="DESKRIPSI BLOG ANDA" /> <meta name="keywords" content="KATA KUNCI, KATA KUNCI, KATA KUNCI" /> </b:if>

2. Title Tag
Edit template blog lalu cari kode <title><data:blog.pageTitle/></ title> dan ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if>

Fungsinya agar judul postingan kita ada di depan judul blog, ini penting untuk posisi di pencarian terutama dengan kata kunci yang persaingannya berat.

3. Heading Tag
Kita awali dengan mengganti Heading tag untuk postingan, sobat cari kode di bawah ini lalu ganti h3 dengan h2

<b:if cond='data:post.title'><h3><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h3></b:if>

Soabat cari kode dibawah ini lalu ganti h3 dengan h2. Kadang di beberapa template kodenya akan ada kalimat tambahan itemprop='name' dan memakai h1 tag, tetap lakukan hal yang sama dengan mengganti menjadi h2.

<h3 class='post-title entry-title'><data:post.title/></h3> Atau/Dan
<h3 class='mobile-index-title entry-title'><data:post.title/></h3>

Untuk heading tag wigdet, sobat cari kode dibawah ini lalu ganti h2 jadi h3. Sebenarnya tidak dirubah tidak apa-apa, tapi agar SEO friendly diganti saja. Kalau jumlahnya lebih dari satu diganti semua.

<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>

4. Dupliat Konten (Archive)
Kita pasang kode ini untuk menghindari duplikat konten dari archive blog. Copy kode di bawah ini lalu paste di antara <head> </head>.

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></ b: if>

Jangan sampai ada duplikat konten di blog karena mengakibatkan penurunan rangking atau yang lebih parah lenyap dari pencarian Google.

5. Memasang Breadcrumbs
Breadcrumbs adalah menu navigasi yang ada di atas sebuah posting. Cara pasanganya juga sudah banyak dibahas di blog-blog lain. Tinggal di search saja di Google.

6. Memasang Related Post
Related Post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasanglah segera related post di blog sobat.

7. Menambahkan Kode 'Rel=Canonical'
Gunanya sama dengan penjelasan dari No. 4 namun kodenya yang berbeda.

<link expr:href='data:blog.url' rel='canonical' />

Tutorial Membuat Jaringan Komputer LAN

2013-05-14T17:34:00.000+07:00

Tutorial Membuat Jaringan Komputer LAN(Local Area Network) secara sederhana dan mudah dipahami, bisa dijadikan sebagai sebagai refrensi untuk para pelajar yang akan mengikuti uji kompetensi jaringan. LAN dapat didefinisikan sebagai network atau jaringan sejumlah komputer yang lokasinya terbatas didalam satu gedung, satu kompleks gedung atau suatu kampus dan tidak menggunakan media fasilitas komunikasi umum seperti telepon, melainkan pemilik dan pengelola media komunikasinya adalah pemilik LAN itu sendiri.
Kesimpulan dari definisi dari di atas adalah bahwa LAN adalah jaringan dari sejumlah komputer yang dapat saling berhubungan namun dibatasi oleh lokasi jarak tertentu. Kalau masalah fungsi sudah pasti, jaringan LAN berfungsi agar komputer dapat terhubung antara satu komputer dengan komputer lain sehingga bisa bertukar data dan berbagi pakai perangkat keras yang lain.
Untuk membuat sebuah jaringan LAN ada material yang kita butuhkan. Berikut peralatang atau meterial yang dibutuhkan untuk membuat sebuah jaringan komputer LAN:
1. Dua ataui lebih PC
2. Network Card sesuai dengan jumlah PC
3. Kabel coaxial atau UTP
4. Hub bila diperlukan
5. Terminator
6. T-Connector

Langkah-langkah membuat jaringan komputer LAN:

Sebelumnya anda harus mengetahui dahulu tipe jaringan yang ingin anda gunakan. Untuk mengetahui tipe-tipe jaringan silahkan baca artikel sebelumya tentang topologi jaringan komputer.
Pasanglah kabel dan network card. Pemmasangan kabel disesuaikan dengan topologi/tipe jaringan yang sobat pilih, sedangkan pemilihan network card disesuaikan dengan slot yang ada pada motherboard sobat. Bila board sobat punya slot PCI maka itu lebih baik karena LAN card berbasis PCI bus lebih cepat dalam transfer data.
Buil sobat menggunakan tipe baus maka pada masing-masing komputer harus sobat pasang T-Connector yang memiliki dua inputer. Dan pada komputer yang hanya mendapat 1 inputer kedua harus dipasang Terminator kecuali bila sobat membuat jaringan berbentuk Circle (Lingkaran) dimana semua komputer mendapat 2 input. Misalnya komputer 1, komputer 2, komputer 3 berjajar maka T-Connector pada komputer 1 dipasang terminator dan kabel ke komputer 2. Pada komputer 2 dipasang kabel dari komputer 1 dan kabel komputer 3. Sedangkan komputer 3 dipasang kabel dari komputer 2 dang Terminator.
Bila sobat memilih tipe star maka masing-masing kabel dari komputer dimasukkan ke dalam port yang tersedia di hub. Dan bila sobat ingin menghubungkan hub ini ke hub lainya sobat gunakan kabel UTP yang dimasukan ke port khusus yang ada pada masing-masing hub.

Langkah Selanjutnya adalah sebagai berikut :

Pilih Sistem Operasi yang sesuai, seperti : Windows atau Linux.
Persiapkan Komputer Server yang memadai, sesuai dengan jumlah client.
Pilih jenis jaringan, misal: jaringan kabel atau wireless.

Alat-alat yang dibutuhkan dalam membuat jaringan LAN :

PC Server
OS (Operating System)
Lan Card
Kabel UTP Cat 5
Switch atau Hub
RJ 45
Pemotong kabel/Crimping Tool
Tester Kabel

Langkah Terkahir adalah setting control panel network connection

Setting network connection di Control Panel > Network Connection
Klik kanan Local Area Connection > pilih Propeties
Pilih Tab General pilih internet protocol (TCP/IP) pilih propeties
Pilih use the following Ip Adress
Masukan IPaddress : 192.168.0.1 subnet mask : 225.225.225.0
Pilih OK
Klik kanan My Computer pilih Propeties
Pilih Computer Name pilih Change
Di Membre of pilih 'WORKGROUP' isi apa saja, misal : ANTERO
Isi 'Computer Name', misal : User 1
Pilih OK
Lakukan hal demikian di kopmuter lain dengan syarat 'Computer Name' harus berbeda dan Ip Acress harus berbeda yang lainnya. Untuk Ip Address yang berbeda hanya digit terkahir ayng lainnya harus sama.

Manfaat Blog Dalam Dunia Pendidikan

2013-05-07T14:48:00.000+07:00

Manfaat Blog Dalam Dunia Pendidikan. Dalam dunia pendidikan, banyak sekali media yang bisa digunakan untuk menyalurakan ilmu seperti hal nya di sekolah kita diajarkan materi langsung oleh guru. Dalam dunia blog juga terkadung unsur pendidikan dimana penulis membuat artikel sementara pengunjung adalah sebagai pembacanya atau bisa digambarkan penulis adalah sebagai guru dan pembaca adalah sebagai murid.

Adapun manfaat blog dalam dunia pendidikan adalah:

• Blog sebagai Sumber Informasi

Dalam dunia pendidikan dibutuhkan berbagai macam pengetahuan. Untuk itu guru dan siswa haruslah memiliki berbagai macam buku untuk mengembangkan pengetahuannya. Nah selain buku, ada satu wadah praktis yang bisa dimanfaatkan yaitu blog. Kita bisa mencari berbagai macam pengetahuan dari blog-blog yang ada didunia maya. Memang tingkat keakuratannya tidak begitu tinggi, namun sangat bermanfaat sebagai pelengkap dari pengetahuan yang kita miliki. Karena sebagai mana kita ketahui, internet merupakan jaringan yang sangat cepat, sehingga informasi terbaru juga akan lebih cepat didapatkan. Tentu saja ini membantu penambahan sumber informasi bagi dunia pendidikan, baik itu untuk guru maupun siswa.

• Blog sebagai Media Pembelajaran

Pernahkah sobat melakukan belajar online bersama guru didunia maya? Ya, semakin pesatnya teknologi memang memungkinkan semua itu akan terjadi. Belajar bisa dilakukan dari jarak jauh dengan menggunakan blog. Biasanya guru yang akan menyediakan bahan diblognya, kemudian para siswa akan dituntut untuk membuka blog tersebut untuk mengikuti proses pembelajaran. Suatu kegiatan yang mungkin terjadi saat ini.

• Blog sebagai Penunjang Bakat dan Minat

Fenomenanya pada saat sekarang ini, tidak semua siswa yang suka ngeblog. Beberapa diantara siswa lebih memilih bakat didunia nyata dibandingkan dunia maya. Contohnya siswa yang suka basket, dia tidak akan suka ngeblog. Biasanya siswa yang suka ngeblog itu adalah siswa yang hobby fotografi, sastra, seni atau lainnya. Dengan demikian siswa yang hobi fotografi akan dengan mudah memampangkan hasil karya mereka diblognya. Siswa yang hobi sastra akan lebih senang menulis diblognya. Siswa yang hobi seni akan lebih sering memampangkan drama teater diblognya. Otomatis blog sangat berfungsi bagi dunia pendidikan salah satunya menunjang bakat dan minat siswa. Yah, kalau memang ada siswa yang tida suka ngeblog, sebaiknya jangan dipaksakan.

• Blog sebagai Sarana Promosi Institusi

Dengan blog, sebuah institut pendidikan bisa mempromosikan diri. Ini sangat berpengaruh terhadap dunia pendidikan. Sebagai calon siswa kita akan dengan mudah mengetahui informasi tentang sebuah institut pendidikan dari blog khusus yang mereka miliki.