Konfigurasi MikroTik Sebagai Router (winbox)

Untuk langkah demi langkah yang akan dilakukan pada konfigurasi dengan menggunakan winbox adalah sama ketika menggunakan command shell. Disini juga tidak akan di bahas cara test koneksinya karena sudah kita bahas sebelumnya, jadi disini nantinya hanya membahas cara konfigurasinya saja melalui winbox.

Untuk cara login ke router mikrotik lewat winbox bisa di lihat pada article berikut cara masuk mikrotik melalui winbox. Step selanjutnya adalah setting konfigurasi interface name pada router mikrotik dengan menggunakan winbox

Konfigurasi Interface Name pada Mikrotik Router

Step berikutnya adalah konfigurasi IP Address dan default Gateway pada mikrotik router dengan menggunakan winbox

Konfigurasi IP Address pada MikroTiK Router

Konfigurasi Default Gateway pada MikroTiK Router

Selanjutnya kita perlu melakukan setup DNS Server agar router mikrotik kita ini bisa mentranslate sub/domain name menjadi IP Address.

Konfigurasi DNS Server pada MikroTiK Router

Langkah terakhir adalah dengan melakukan test koneksi dari mikrotik itu sendiri kemudian baru test koneksi dari client.

------------------
sumber : http://belajar-mikrotik.info/2013/05/konfigurasi-mikrotik-sebagai-router-winbox/

Konfigurasi MikroTik Sebagai Router

Kali ini kita akan coba mengkonfigurasikan MikroTik untuk menjadi Router. Diagram jaringan yang akan kita setup cukup simple hanya ada 1 router mikrotik (RB450) yang salah satu ethernet-nya terhubung dengan koneksi ke ISP sedangkan satu ethernet lainnya terhubung ke Client. Client disini menggunakan 2 PC dengan OS DSL (Damn Small Linux). Diagram jaringan selengkapnya bisa di lihat pada gambar di bawah:

Diagram Jaringan Mikrotik Sebagai Router

- Pertama kita akan merubah interface name pada mikrotik router, fungsinya untuk memudahkan perawatan pada masa mendatang
Konfigurasi Interface Name MikroTik
1. /interface ethernet set ether1 name="ether1=ISP"
2. /interface ethernet set ether2 name="ether2=LAN"

- Kemudian kita setup mikrotik router dengan ip address yang sudah di alokasikan dari ISP dan ip address yang kita alokasikan untuk LAN (Local Area Network), jangan lupa dengan Default Gateway dan DNS Server yang di dapat dari ISP.
Konfigurasi IP, Gateway dan DNS Mikrotik
1. /ip address add address=10.10.10.2/30 interface="ether1=ISP"
2. /ip address add address=192.168.0.1/24 interface="ether2=LAN"
3. /ip route add gateway=10.10.10.1
4. /ip dns set servers=10.10.10.1

- Selanjutnya kita akan test koneksi dari mikrotik router ke internet, caranya adalah dengan perintah dibawah.
 MikroTik Test Connection
1.   [admin@MikroTik] > ping 10.10.10.1 count=3
2.   HOST                                     SIZE TTL TIME  STATUS
3.   10.10.10.1                                 56  64 0ms 
4.   10.10.10.1                                 56  64 0ms 
5.   10.10.10.1                                 56  64 0ms 
6    sent=3 received=3 packet-loss=0% min-rtt=0ms avg-rtt=0ms max-rtt=0ms

7.   [admin@MikroTik] > ping 8.8.8.8 count=3
8.   HOST                                     SIZE TTL TIME  STATUS
8.   8.8.8.8                                    56  46 39ms
9.   8.8.8.8                                    56  46 39ms
10. 8.8.8.8                                    56  46 40ms
11.  sent=3 received=3 packet-loss=0% min-rtt=39ms avg-rtt=39ms max-rtt=40ms

12.  [admin@MikroTik] > /tool traceroute 8.8.8.8
13.  # ADDRESS                                 RT1   RT2   RT3   STATUS
14.  1 10.10.10.1                              1ms   1ms   1ms
15.  2 72.14.212.202                           32ms  32ms  31ms
16.  3 209.85.243.156                          55ms  0ms   53ms
17.  4 209.85.242.243                          40ms  49ms  39ms  <MPLS:L=521954,E=4>
18.  5 209.85.250.255                          41ms  89ms  42ms
19.  6 0.0.0.0                                 0ms   0ms   0ms
20.  7 8.8.8.8                                 42ms  39ms  41ms

- Dari perintah diatas, router mikrotik akan melakukan pengiriman data (dalam hal ini packet icmp) dari router mikrotik ke ip 8.8.8.8 yang notabene adalah ip DNS Server milik Google, dalam perjalanannya router mikrotik akan melewatkan data tersebut melalui Default Gateway yang sudah di set diatas karena memang IP Address 8.8.8.8 tidak satu Network class dengan IP Address yang ada di router mikrotik baik itu 10.10.10.2/30 maupun 192.168.0.1/24. Untuk lebih jelasnya bisa dilihat dari hasil traceroute diatas (CMIIW).
Sekarang masuk kebagian MASQUERADE pada router mikrotik. MASQUERADE  yang berarti Menyamar memiliki fungsi utama dari MASQUERADE ini adalah untuk menyamarkan semua request yang keluar melalui interface “ether1=ISP” adalah berasal dari IP Address 10.10.10.2 bukan dari IP Address client (misal: 192.168.0.2). Berikut adalah perintah untuk membuat MASQUERADE pada interface “ether1=ISP” di mikrotik router.
 mikrotik router masquerade
1. /ip firewall nat add chain=srcnat out-interface="ether1=ISP" action=masquerade

- Selanjutnya kita perlu melakukan test koneksi dari client ke internet, tetapi sebelumnya kita harus terlebih dahulu melakukan setup IP Address pada client, untuk PC-1 dengan IP Address 192.168.0.2, netmask 255.255.255.0, broadcast 192.168.0.255, default gateway 192.168.0.1 dan DNS Server 10.10.10.1. Untuk PC-2 dengan IP Address 192.168.0.3, netmask 255.255.255.0, broadcast 192.168.0.255, default gateway 192.168.0.1 dan DNS Server 10.10.10.1. Pada DSL (Damn Small Linux) perintahnya adalah sebagai berikut:
Setup DSL Network
1. Pada PC-1
2. =========
3. # ifconfig eth0 192.168.0.2 netmask 255.255.255.0 broadcast 192.168.0.255
4. # route add default gw 192.168.0.1
5. # netstat -nr

6. Pada PC-2
7. =========
8. # ifconfig eth0 192.168.0.3 netmask 255.255.255.0 broadcast 192.168.0.255
9.# route add default gw 192.168.0.1
10. # netstat -nr

- Dan ini adalah test koneksi client beserta hasilnya:
DSL test koneksi
1. root@ttyp1[root]# ping -c 3 192.168.0.1
2. PING 192.168.0.1 (192.168.0.1): 56 data bytes
3. 64 bytes from 192.168.0.1: icmp_seq=0 ttl=64 time=1.5 ms
4. 64 bytes from 192.168.0.1: icmp_seq=1 ttl=64 time=1.3 ms
5. 64 bytes from 192.168.0.1: icmp_seq=2 ttl=64 time=1.2 ms

6. --- 192.168.0.1 ping statistics ---
7. 3 packets transmitted, 3 packets received, 0% packet loss
8. round-trip min/avg/max = 1.2/1.3/1.5 ms
9. root@ttyp1[root]# ping -c 3 10.10.10.1
10. PING 10.10.10.1 (10.10.10.1): 56 data bytes
11. 64 bytes from 10.10.10.1: icmp_seq=0 ttl=63 time=1.4 ms
12. 64 bytes from 10.10.10.1: icmp_seq=1 ttl=63 time=1.3 ms
13. 64 bytes from 10.10.10.1: icmp_seq=2 ttl=63 time=3.1 ms

14. --- 10.10.10.1 ping statistics ---
15. 3 packets transmitted, 3 packets received, 0% packet loss
16. round-trip min/avg/max = 1.3/1.9/3.1 ms
17. root@ttyp1[root]# ping -c 3 8.8.8.8
18. PING 8.8.8.8 (8.8.8.8): 56 data bytes
19. 64 bytes from 8.8.8.8: icmp_seq=0 ttl=45 time=42.1 ms
20. 64 bytes from 8.8.8.8: icmp_seq=1 ttl=45 time=42.4 ms
21. 64 bytes from 8.8.8.8: icmp_seq=2 ttl=45 time=39.9 ms

22. --- 8.8.8.8 ping statistics ---
23. 3 packets transmitted, 3 packets received, 0% packet loss
24. round-trip min/avg/max = 39.9/41.4/42.4 ms
25. root@ttyp1[root]# traceroute -n 8.8.8.8
26. traceroute to 8.8.8.8 (8.8.8.8), 30 hops max, 38 byte packets
27.  1  192.168.0.1  2.199 ms  1.369 ms  1.713 ms
28.  2  10.10.10.1  1.413 ms  2.113 ms  1.110 ms
29.  3  72.14.212.202  31.801 ms  32.711 ms  33.467 ms
30.  4  209.85.243.158  58.486 ms  56.347 ms  56.993 ms
31.  5  209.85.242.243  39.475 ms  56.993 ms  39.584 ms
32.  6  209.85.241.173  43.392 ms 209.85.242.125  54.672 ms  38.779 ms
33.  7  * * *
34.  8  8.8.8.8  46.233 ms  42.749 ms  38.663 ms

itu adalah setup konfigurasi mikrotik sebagai router dengan menggunakan command line.

------------
sumber  : http://belajar-mikrotik.info/2013/05/konfigurasi-mikrotik-sebagai-router/

Cara mengganti password user di winbox

1. Buka winbox lalu double klik.

2. Maka akan muncul tampilan seperti ini,, sebagai contoh saya menggunakan router milik samarinda, bisa di klik yang connect bisa juga dengan double klik.

3. Ini tampilan utama winbox .

4. Disini cari system lalu cari user dan klik.

5. maka akan muncul tampilan seperti di bawah ini, sebagai contoh saya menggunakan user milik Fahrul.

6.1 Di sini ada dua cara, gambar di bawah ini adalah cara pertama... dengan cara klik kanan pada nama yang di pilih, lalu cari password.

6.2 setelah itu akan muncul kolom new password dan confrim password.. Setelah di isikan klik apply lalu oke.

7.1 Ini cara yang kedua, dengan cara men-double klik nama yang di pilih. kemudian cari password lalu isikan.. Setelah itu klik apply lalu oke.

 

Sekian dan trimakasi _____@sandirh94

Widget Persib dan persibaya

PERSIB

POSISI BAWAH KIRI
<div style="text-align: center;">
<embed height="189" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persib-Bandung.swf" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed></div>

POSISI BAWAH KANAN
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persib-Bandung.swf','bottom','-2px','left','0px','112213','140','189','transparent','ffffff');

POSIS DI SIDEBAR
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persib-Bandung.swf','bottom','-2px','right','0px','113213','140','189','transparent','ffffff');
</script>

PERSEBAYA

POSISI BAWAH KIRI

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persebaya-Surabaya.swf','bottom','-2px','left','0px','112213','150','221','transparent','ffffff');
</script>

POSISI BAWAH KANAN

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persebaya-Surabaya.swf','bottom','-2px','right','0px','113213','150','221','transparent','ffffff');
</script>

POSIS DI SIDEBAR

<div style="text-align: center;">
<embed height="221" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b5f38f52-a-62cb3a1a-s-sites.googlegroups.com/site/vinievidievicie/FC-Persebaya-Surabaya.swf" type="application/x-

sumber : http://remajasampit.blogspot.com/2012/12/widget-animasi-persib-bandung.html
               http://remajasampit.blogspot.com/2012/12/widget-animasi-persebaya-surabaya.html

6 Style / Skin Widgets Search Box Custom Untuk Blogger

Search Box atau biasa juga disebut sebagai kotak pencari adalah sebuah media atau alat yang bisa digunakan untuk mencari dan menemukan sesuatu sesuai dengan kata kunci yang diketikkan kedalam form. Search box mempunyai peranan yang sangat vital bagi blog, karena jika seorang pengunjung ingin mencari sesuatu, misalnya mencari  artikel yang berhungan dengan widget, maka pengunjung cukup memasukkan keyword kedalam form dan menekan tombol enter atau search untuk menemukan postingan yang berhubungan dengan keyword yang dimasukkan akan ditampilkan.

Demo By Image

Cara Memasang Kotak Kostum Pencari Pada Blog

• Terlebih dahulu login ke Blogger
• Pada Dashboard, pilih Tata Letak » Add Gadget » HTML/JavaScript
• Langkah selanjutnya, copy salah satu kode yang saya sediakan di bawah kemudian pastekan ke dalam form HTML/JavaScript Tersebut
• Lanjutkan dengan menekan tombol Simpan.

Skins Search Box Widget

SKIN 01

KODE

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

<style type="text/css">

#a-searchbox{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ap41HbBgP9CsKvJugdYkOKzdTKfFtWXHe9MRavLm6suUPkHsmSJQhab8JRQW3i2yNycu-fuaZ5VesxAuVX5NmMNwsNBc-mbbDwCPPbmFiuPxYxHBc0fni-1IDo8nPVbNAQVxh2VSOizI/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}

form#a-searchform{display: block;padding: 10px 12px;margin:0;}

form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}

form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

</style>

<center>

<div id="a-searchbox">

<form id="a-searchform" action="/search" method="get">

<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>

<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />

</form>

</div></center> 

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

SKIN 02

KODE

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

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjonK7G8txnWdPQqLAIkftoIG2Z-5T_9289xMMN3BhPMXTkemnhYW7DouVG39eTEMKBMjKFqrYC36_wtslIlSW5B4dDvA7G7-tjpKRGNf-dDovRtURfxscuTMrFK3uKVyQrFOpJMd3sAVZL/s1600/lostsector-search-box-darkgrey.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

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

SKIN 03

KODE

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

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnLA0O4DSnr4UxmJX4yHHU8NUDyz7iAK9fIHri2B-btH4GibWs5OlHZeBnyKbg53rRIc7DXoG1mp54AeTxzPYXnB3ZLngU-Jys4e26KAEMzOacFw8xQsKyI_wqKKR6fRfhrcEE9uD5VohC/s1600/lostsector-search-box-gray.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

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

SKIN 04

KODE

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

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwkK_V8Q6ILghDlBDzisa1FT-e_A9SoX9mVFM7PEFcwvuWSJZo32JksUCkDGOko2kc8saxaHB92_d4K36ZgyyjSAhlnish96DD4bI8iKJgqUYyW8lajcf1wHBBseMJ7PpCFq5Q0eMtCHkq/s1600/lostsector-search-box-black.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

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

SKIN 05

KODE

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

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNzaFtIyHRIHetrUeIbHEU9L3V7l-rcr-HNe9R12f5vqdvXdrgNZpzcsHQMFot4IrZxxOGQmXfGL8VFYO04AvsUT7VUWiZyqXMh9pwEbhgmzPPWfs_PXJUu1WEs32iyHqjDn7z2Ej41Ly9/s1600/lostsector-search-box-red.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

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

SKIN 06

KODE

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

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMVyhndm8oF0LOcc2ixLuvrMxjBRpf_70y9iwkSPzGOHPE9xe0l78zOkQrzBEBbh4hlUapKnWugtm4WsbEXurMfrr3QWJ7YWirsUZhHREhMx9SqryH2VYo0FSYvQ_OUhdu6iiHoCioYSAe/s1600/lostsector-search-box-yellow.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

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

---------
Sumber : http://www.lost-sector.net/2013/01/six-style-search-box-for-blogger.html