Tampilkan postingan dengan label Coretan Tutoring. Tampilkan semua postingan
Tampilkan postingan dengan label Coretan Tutoring. Tampilkan semua postingan

Exception Pada Firewall dan Web Proxy Menggunakan Mikrotik(Accepted, Drop, Reject)

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat firewall sederhana dimana kita dapat membuat beberapa IP yang akan kita masukan kedalam exception untuk mendapatkan hak aksesnya. Untuk pengaplikasian web proxy hanya untuk memblock beberapa website yang ingin kita masukan ke dalam exception.

Sebelum masuk dalam pembahasan tata cara konfigurasi, pastikan kita sudah menginstall VirtualBox dan Mikrotik sebagai router virtual dan menggunakan utility Winbox yang dapat kita download secara geratis pada web resmi mikrotik dan virtual box.

Konfigurasi Firewall 

1. Langkah pertama setelah kita sudah menginstall VirtualBox dan sudah terpasangkan Mikrotik didalamnya, maka kita harus membuka winbox (utility yang disediakan mikrotik sebagai bentuk konfigurasi berbentuk GUI)

2. Selanjutnya akan muncul tampilan seperti berikut pada winbox. Pada panel IP yang terdapat di bagian kiri, kita dapat menambahkan berbagai macam konfigurasi yang berhubungan dengan jaringan.


3. Karna kita ingin menkonfigurasi sebuah firewall, maka pada panel IP pilihlah mode firewall.



4. Setelah itu kita dapat menseting exception pada ip yang kita inginkan dengan memilih button "+".


5. Selanjutnya akan muncul tampilan seperti dibawah dimana kita akan men konfigurasi IP yang ingin kita berikan hak akses. Pada tab general pilih chain sebagai forward, Src.Adrress untuk menentukan IP mana yang ingin kita exception, lalu tentukan juga out.interface yang aktif.


6. Pada tab action kita dapat memilih hak akses apa sajakah yang akan diberikan, total pada option terdapat beberapa action, accept untuk memberikan akses menerima pada ip tertentu, drop untuk men deny akses ip tertentu, dan reject untuk menolak akses ip tertentu.


7. Jika IP tertentu sudah kita berikan action akses, maka pada firewall list akan terdapat beberapa ip yang sebelumnya kita berikan exception. Perlu diketahui, pada mikrotik kita juga dapat mensetting firewall untuk memblock mac address, sekelompok ip address client, mem block website tertentu dan lain-lain.



Konfigurasi Web Proxy

1. Langkah pertama pada panel IP pilihlah WebProxy, lalu enable port yang akan digunakan. Default pada mikrotik adalah 8080.


2. Selanjutnya sampai langkah ini, web-proxy pada Router Mikrotik sudah aktif sebagai Regular HTTP Proxy. Dengan kata lain jika PC Client ingin menggunakan service proxy ini, maka harus disetting secara manual pada web browser masing-masing client dengan menunjuk ip-mikrotik port 8080. 

Agar tidak perlu setting web-browser client satu per satu, ubah web-proxy Mikrotik agar berfungsi sebagai Transparent Proxy. Implementasinya, gunakan fitur NAT untuk membelokan semua traffic browsing HTTP (tcp 80) yang berasal dari client ke fitur internal web-proxy yang sudah diaktifkan sebelumnya. 

Untuk membuatnya masuk pada menu IP->Firewall->NAT->Klik �+�.



3.  Setelah itu kita dapat men setting web rules pada bagian webproxy. Jika  diperhatikan, penulisan dst-host tidak menggunakan alamat website lengkap akan tetapi menggunakan tanda bintang (*) di depan dan belakang nama/alamat website. Tanda * dimaksudkan sebagai wildcard untuk menggantikan semua karakter. Dengan ditambahkan wildcard, traffic client yang menuju ke website yang URL-nya terdapat kata "youtube" akan diblock. 


4. Jika kita coba browsing pada browser dengan memasukan URL youtube maka web proxy mikrotik otomatis akan me block akses dari web tersebut



Perlu diketahui web proxy pada mikrotik juga dapat memblock redirect sebuah website, dan dapat memblock sebuah file extension seperti .iso, .rar, .zip dan lain-lain
READMORE
 

Konfigurasi Web Server Menggunakan Windows 8.1 64bit

Untuk pembahasan kali ini, saya akan menjelaskan tata cara untuk mengkonfig dan membuat web server pada windows. Sebelumnya yang umum tentang web server adalah menggunakan aplikasi XAMPP untuk membuat sebuah localhost beserta fitur phpmyadmin/databasenya. Tidak hanya Linux OS yang dapat membuat web server tetapi windows juga sudah menyediakan fitur localhost nya sendiri. Untuk lebih jelasnya mari kita konfigurasi web server pada windows.

1. Langkah pertama, kita harus membuka fitur Control Panel yang ada di laptop/PC kita. Ada beberapa cara untuk mengakses menu control panel ini, bisa dengan pencarian pada tombol windows, atau dengan shortcut yang sangat praktis yaitu cukup menekan CTRL + X  maka akan muncul menu popup lalu pilihlah Control Panel.


2. Selanjutnya, jika kita sudah masuk pada tampilan Control Panel lalu pilihlah menu Program and Features. Setelah tampilan Program and Features muncul lalu pilihlah Turn Windows Features on or off


3. Pada tampilan Windows Features akan ada banyak sekali feature dengan tampilan check box. Pilihlah Internet Information Service lalu expand untuk melihat fitur apa saja yang disediakan. Kita hanya perlu men-checklist Web Management Tools dan World Wide Web Services lalu apply/ok changes.


4. Setelah kita meng-apply changes maka akan muncul notice box untuk pengaktifan fitur, pada tahap ini kita hanya perlu menunggu beberapa menit saja sampai fitur telah aktif terpasang.


5. Setelah fitur terpasang maka kita akan mencoba untuk membuka IIS pada browser. Cukup buka browser yang tersedia pada laptop/pc lalu pada search box tuliskan localhost. Bila IIS dapat diakses maka akan muncul tampilan seperti berikut :


6. Langkah selanjutnya untuk memasukan link yang kita mau agar dapat terkoneksi dengan IIS, kita harus mengedit file host yang berada di direktori C:Windows\System32\Driver\etc. Untuk mengedit file host dapat menggunakan beberapa cara, bisa dengan run notepad as administrator atau mengedit hak akses file host pada properties.


7. Setelah mengedit hak akses pada file host maka kita dapat mengedit nama domain yang ada pada file host. Jika sudah kita edit maka kita dapat mencoba memasukkan nama domain yang ada di file host untuk membuka IIS.





READMORE
 

Game Legend Flakboy Lab Escape!

Kali ini saya ingin share game yang mungkin bisa dibilang "Legend" untuk game sekelas game web yang cuma bisa kita jumpai di web - web game seperti Games.co.id, Spil games dll. Game yang saya share kali ini sangat terkenal dengan fitur ragdollnya yang sangat mengocok perut pemain xD.
Langsung aja Plug n' Play!




Untuk Embed Code/ Source codenya bisa kalian lihat disini :
<div class="gameplayer" data-sub="cdn" data-width="600" data-height="800" data-gid="576742227280295542"></div>
<script>
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'http://cdn.gameplayer.io/api/js/publisher.js'; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'gameplayer-publisher'));
 </script

Sumber : http://publishers.spilgames.com/


READMORE
 

Cara Membuat Running Welcome Bar Pada Blog

Hai para blogwalker....
Kali ini saya ingin memposting sesuatu nih...
masih seputar tutor blog....
kali ini saya akan menunjukan cara MEMBUAT RUNNING WELCOME BAR
Don't Miss it oke...!
*First.., Login Blogger kalian...
*Klik Design...
*Lalu, Edit HTML
*Cari TAG < body >
*Setelah itu.. Copy URL ini

<center><div id='hehehe_asepjikuganteng' style='' width='100%'><marquee direction='left'><img src='http://i47.photobucket.com/albums/f195/missyluna/mashimaru.gif'/><a style='font-size: 20px; color: rgb(0, 255, 0);'>Blogwalking.. Welcome To My Blog.. Keep Follow me.</a></marquee></div></center>

*Lalu, Paste URL tadi 
READMORE
 

Screen Save Energy

Pada kali ini saya ingin memposting Cara Membuaat Screen Save Energy Mode.......
Ga rempong caranya.. tinggal Follow aja cara2nya.....
Oke ini dia:
*Login Blogger kalian.....
*Klik DESIGN untuk mengedit tampilang Page Blogger....
*Pilih EDIT HTML.....
*Lalu Copy URL ini.....
<!-- save your energy -->
<script language='javascript' src='http://myscriptforme.googlecode.com/files/EnergySaving.js' type='text/javascript'/>
<!-- save your energy end -->
 itu versi Tulisannya....
<!-- save your energy -->                                                                                                                             
<script language='javascript' src='http://myscriptforme.googlecode.com/files/ScreenMode.js'                          type='text/javascript'/>                                                                                                                                  
<!-- save your energy end -->    
 in                                                                                                                    
READMORE
 

Cara Membuat Efek Bubbles Pada Kursor Blog



Hai para Blogwalker......
sayaa mau berbagi Ilmu lagi nih.......
masih seputarr Tutorr Blog..... kalo dulu saya pernah posting EFEK SPARKLE PADA KURSOR....
Sekarang saya mau Posting EFEK BUBBLES PADA KURSOR........
Tinggal diikutin aja cara2nya oke gan..!!
*First, Loginn Blogger kaliann.......
*Setelah itu... klik design....
*pada Page Elements.... pilih Add Gadget.... pilih dimana saja sesuka hati.....
*lalu Copy URL ini 
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F587BE", "#F587BE", "#F587BE", "#F587BE", "#F7587BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
*Copy Dan Paste di ADD GADGET kalian.... jangan lupa.... title Bar nya gausah diisi.....
*kalian bisa mengganti Var Colours yang saya beri warna Merah sesuka hati kalian.....
*Dan kalian bisa merubah Nominal bubbles yang akan muncul, dengan merubah Var Bubbles yang daya beri warna biru.....
*Jika sudah... Save Template.. lalu View Blog...
*Finally..! Pada Kursor kalian akan muncul Gelembung2 yang lucu...!!
READMORE
 

Cara Membuat Screen Saving Energy Mode Pada Blog

Pada kali ini saya ingin memposting Cara Membuaat Screen Save Energy Mode.......
Ga rempong caranya.. tinggal Follow aja cara2nya.....
Oke ini dia:
*Login Blogger kalian.....
*Klik DESIGN untuk mengedit tampilang Page Blogger....
*Pilih EDIT HTML.....
*Lalu Copy URL ini.....
<!-- save your energy -->
<script language='javascript' src='http://myscriptforme.googlecode.com/files/EnergySaving.js' type='text/javascript'/>
<!-- save your energy end -->
 URL diatas untuk versi Tulisannya....
<!-- save your energy -->
<script language='javascript' src='http://myscriptforme.googlecode.com/files/ScreenMode.js' type='text/javascript'/>
<!-- save your energy end -->

dan yang diatas untuk versi gambarnya..
*setelah it.... COPAST salah satu URL diatas.... pilihh aja salah satu....
paste di tag < / Head >
*Lalu Save template.... lihat hasilnya dengan membiarkan TAB BLog anda beberapa Menit......
Semoga Berguna Gan..!!
READMORE
 

Cara Membuat Efek Kembang api di Blog

Untuk para Blogwalker....
saya kali ini akan memposting tentang Cara Membuat Efek Kembang Api pada Blog
Gampang aja caranya tinggal maen HTML/JavaScript aja... 
Cukup perhatikan aja.. oke Let's Do it
*First, Login Blogger ente..!!
*Lalu klik Design....
*Setelah itu.. pilih add gadget..
(Just info aja.... letakan gadget ini ditempat yang menurut kalian pas ya...!)
*Laluu... pilih HTML/JacaScript
*COPAST URL ini

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>  
*Lalu Save it..!! lalu liat hasilnya..! :D
Semoga berguna gan...!!!
READMORE
 

Cara Mengubah Template Pada Blog



Pada Postingan kali inii nihh.... masih seputarr tutor blog aja gan..!
Kali ini saya akan membagi ilmu CARA MERUBAH TEMPLATE DI BLOG.
Karna beberapa teman saya yang menannyakan hal ini....
Oke gausah panjang lebar... Let's Do it aja..
*First, So pasti Login account blogger kalian...
*Lalu, pilih Design untuk mendesign tampilan blog kita.....
sebenarnya ada dua cara untuk mengganti template blog kita..
yang pertama dengan template yang sudah di sediakan oleh pihak Blogger.com
dan yang kedua dari web2 yang menyediakan template dengan cara kita download file yang berbentuk .xml
Tapi untuk mengubah template dengan template yang sudah disediakan mungkin teman-teman sudah banyak yang tau caranya.
Maka dari itu saya hanya akan mentutor cara mengubah template hasil download.....
*Setelah kita buka tab design.. pilih EDIT HTML...
*Lalu jika teman-tema belum mempunyai file template yang akan diubah.. tentu kalian diharuskan untuk mencarinya dahulu.. dan mendownloadnya...
*jika sudah mempunyai file template yang ingin di Upload... liat bacaan Backup/Restore Template nah tinggal browse aja File template kalian disitu...
*Jika sudah... Upload deh...... jangan lupa untuk selalu mempreview hasil editan kalian...
biar ga rempong...
Mudah kan... udahh Tinggal Just Do It aja......
INI WEB-WEB TEMPAT PENYEDIA TEMPLATE JIKA KALIAN MAU MENDOWNLOADNYA TERLEBIH DAHULU....
    BlogCrowds 
Nah itu tempat2 buat nyari Templates2.... tingga carii teruss download aja...~ 





READMORE
 

Efek Sparkle Pada Kursor

Pada postingan kali ini saya akan berbagi Ilmu yang saya dapet seputar pengeditan blog nihh....
kali ini Cara menyisipkan efek sparkle pada kursor blog
caranya simple aja kok...!! seperti biasaa.... kita cukup bermain dengan URL2 yang tinggal kita COPAS aja.... nih tutornya..
*First, Yang so pasti... Login Blog agan2 dlu...
*Then, Klik Design
*lalu, pilih tab Edit HTML gan...!!
*setelah itu, COPAST URL dibawah ini
 <b><script src="http://calvinalx.googlepages.com/Sparkle.js" type="text/javascript">
</script> <script language="JavaScript" type="text/javascript">
var colour="white";
</script></b>
*paste URL diatas tepat diatas bacaan < / body >
*kalian bisa mengganti tipe warna sparkle dengan mengganti tipe *Var Colour*.. contoh Var Colour=red *kalo udah Save Template...
*Finally..... kursor kalian akan bertaburan sparkel
READMORE
 

Membuat Falling Snow Falakes untuk Blog

wahahahaha..... setelah saya puass otak-atik blogg saatnya berbagii ilmu nihh agan2......
yang pertama seputar edit2 blog aja....
yaitu buat blog kalian menjadi ada snow flakes nya.....
caranya
*Login ke Blog kamu
*Lalu pilih "DESIGN" untuk mengedit tampilan blog kamu
*klik edit HTML
*lalu copas URL ini di bawah bacaab <head> yang diatas
<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "pilih sesukamu(tipe File .GIF)";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/> 
*kamu bisa mengganti nominal animasi yang jatuh dengan mengganti "VAR No"
*dan untuk mnambah kecepatan jatuh animasi kamu dapat mengganti "Var Speed"
Just it..... langsung pasaang aje gann.!!


READMORE