14 July 2012

CARA BUAT IKLAN POP UP DI BLOG

Bismillahirrahmanirrahim...


Multi Paste - Anda ingin memasang Pop-up Iklan di blog..? caranya cukup mudah, tetapi sebelum kita membahas Cara Buat Pop-up Iklan di Blog ada baiknya jika kita memahami apa sebenarnya yang dimaksud dengan Pou-upPop-up adalah jendela yang muncul secara otomatis tanpa permisi, tanpa anda merasa telah membukanya. Ukuran jendela bervariasi namun biasanya tidak menutup keseluruhan layar. Sebagian pop-up tampil pada bagian atas jendela aktif browser, sementara yang lain muncul di bawah jendela aktif browser.

Iklan ini cukup menarik karena tampil di atas blog, jika diklik, maka iklan akan bergeser ke atas dan akhirnya menghilang, untuk memasang Pop-up iklan ini anda cukup meng-copy script di bawah ini dan memasukkannnya ke dalam gadget type HTML/Javascript, detailnya bisa anda ikuti langkah di bawah ini.
  • Login ke blogger.com dengan ID Anda
  • Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.
    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:right;
    border:2px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, -1500) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5: 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:[Close]:.
    </a>
    </div>
    <center>

    Masukan kode iklan atau gambar di sini

    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>
  • Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.

09 July 2012

PAGE LOGIN LORPINS HOTSPOT

page login hotspot sudah saya edit silahkan downloand

                                                                                                      

 Cara mudah setting hotspot pada mikrotik adalah ada 2 pilihan selain menggunakan teks mode kita juga bisa menggunakan setting wizard dengan menggunakan Winbox Router OS, Langkah-langkat berikut merupakan konfigurasi dasar hotspot mikrotik sebagai Gateway Server. Pertama install Mikrotik Router OS pada PC atau pasang DOM atau kalau menggunakan Rouer Board langsung aja Login = ‘admin’ sedangkan untuk pasword anda kosongin untuk defaultnya.
Masuk ke IP ==> Hotspot ==> Setup



Kemudian tentukan IP lokal hospot yang akan ada gunakan, misal 202.148.80.1 dan Tentukan IP DHCP ke clientnya yang akan anda gunakan, dalam contoh ini adalah 202.148.80.11-202.148.80.255



Untuk SMTP Server sebaiknya anda kosongin saja, Kemudian DNS servernya anda isikan sesuaikan dengan Provider anda, dalam contoh ini adalah DNS1=202.134.1.10 DNS2=202.134.0.155



Hotspot Server Profile digunakan untuk mensetting server yang akan sering digunakan untuk semua user seperti metode autentikasi dan Limitasi data rate. Ada 6 jenis autentikasi Hotspot mikrotik yang berbeda dalam profile setting, jenis autentikas tersebut adalah : HTTP PAP, HTTP CHAP, HTTPS, HTTP cookie, MAC address, Trial



Hotspot user profile digunakan untuk menyimpan data user yang akan dibuatkan rule profilenya. Dimana didalamnya bisa dilakukan setting firewall filter chain untuk traffic yang keluar/masuk, juga bisa untuk mensetting limitasi data rate dan selain itu dapat juga dilakukan paket marking untuk setiap user yang masuk kedalam profile tersebut secara otomatis.




MEMBUAT USERMANAGER
1. masuk winbox - new terminal

2. Buat sebuah server Radius
/ radius add service=hotspot address=127.0.0.1 secret=123456

3. Buat profile dan set profile tersebut untuk menggunakan Radius Server
/ ip hotspot profile set hsprof1 use-radius=yes

4. Membuat scriber
/ tool user-manager customer add login="(username login )" password="(password login)" permissions=owner

5. Tambahkan Router kita dalam hal ini localhost.
/ tool user-manager router add subscriber=MikroTik ip-address=127.0.0.1 shared-secret=123456

6. Lalu silahkan browser ke http://ip routeranda/userman

scrensnya seperti ini




selesai.selamat mencoba

SUMBER:http://internetdangameonline.blogspot.com/2011/12/cara-mudah-seting-hotspot.html
script Page Login Hotspot

script Page Login Hotspot



Saya sudah pernah share halaman login hotspot yang sudah jadi,mungkin sobat ingin mendesain page login hotspot dan ingin mencobanya tapi bingung mau mulai dari mana,saya coba bantu sedikit berbagi pengalaman.coba copy beberapa code dibawah ini lalu diedit untuk menambah kan background sesuai selera agan bisa warna ataupun gambar.tapi agan harus mengerti sedikit HTML,saya sendiri juga tidak mengerti HTML tapi saya menggunakan [tool web page maker],anda juga bisa mencoba tool satu ini,di coba aja pasti asik.


code login :




<div id="callToAction">
<!--kotak login-->
<form name="login" action="$(link-login-only)" method="post"
$(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<table border="0" cellpadding="0" cellspacing="0" width="375px">
<tr>
<td><span style="color: #FF1493">&nbsp;&nbsp;&nbsp;Username</sppan>
<input name="username" type="text" size="24" maxlength="25" style="text-align: center" /></td>
<td><span style="color: #FF1493">&nbsp;&nbsp;&nbsp;Password</span>
<input name="password" type="password" size="24" maxlength="25" style="text-align: center"/></td>
<td width="20px" valign="bottom" align="center">&nbsp;&nbsp;&nbsp; <input type="hidden" name="login" value="login">
<input type="submit" value=" LOGIN" width="32" height="32"></td>
</tr>
</table>
</form>
<!--akhir kotak login-->
</div>

</head><body>
$(if chap-id)
<form name="sendin" action="$(link-login-only)" method="post">
<input type="hidden" name="username" />
<input type="hidden" name="password" />
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
</form><script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>
$(endif)

<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>

code trial kalau mau ditambah trial login :



<td colspan="2" class="style-login"><div class="style-login">
                                    <span style="color: #9400D3"><blink>FREE LOGIN</blink></span> $(if trial == 'yes')<a style="color: #FF1493"href="$(link-login-only)?dst=$(link-orig-esc)&amp;username=T-$(mac-esc)"><blink>CLICK
                                    HERE!</blink></a>$(endif)</div></td>



code status :



<html>
<head>
<title>nama hotspot > status</title>
$(if refresh-timeout)
<meta http-equiv="refresh" content="$(refresh-timeout-secs)">
$(endif)
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">
<!--
textarea,input,select {

    font-size: 16px;
    color: #FF0000;
    font-weight: Bold;
}

.tabula{

border-width: 2px;
border-collapse: collapse;
border-color: #c1c1c1;
background-color: transparent;
font-family: Tahoma;
font-size: 16px;
}
body{ color: #FFFFFF; font-size: 16px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #FFFFFF; text-decoration: none; font-size: 16px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 16px; padding: 4px; font-weight: Bold;}

-->
</style>
<script language="JavaScript">
<!--
$(if advert-pending == 'yes')
    var popup = '';
    function focusAdvert() {
    if (window.focus) popup.focus();
    }
    function openAdvert() {
    popup = open('$(link-advert)', 'hotspot_advert', '');
    setTimeout("focusAdvert()", 1000);
    }
$(endif)
    function openLogout() {
    if (window.name != 'hotspot_status') return true;
        open('$(link-logout)', 'hotspot_logout', 'toolbar=0,location=0,directories=0,status=0,menubars=0,resizable=1,width=280,height=250');
    window.close();
    return false;
    }
//-->
</script>
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
</head>
<body background="images/20080606_1c0f1f2143bd19add293zb2QvoXa4Hzi.jpg">

</body>
</html>
<body bgcolor="#FFFFFF" bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0"
$(if advert-pending == 'yes')
    onLoad="openAdvert()"
$(endif)
>
<table width="100%" height="100%" >

<tr>
<td align="center" valign="middle">

<form action="$(link-logout)" name="logout" onSubmit="return openLogout()">
<table border="1" class="tabula">
$(if login-by == 'trial')
    <br><div style="color:red" "text-align: center;">Welcome trial user!</div><br>
$(elif login-by != 'mac')
    <br><div style="color:blue" "text-align: center;">Status Anda ...!</div><br>
$(endif)
    <tr bgcolor="red"><td align="right" width="50%">Identitas:</td><td width="50%">$(username)</td></tr>

$(if session-time-left)
    <tr bgcolor="green"><td align="right">Pemakaian:</td><td>$(uptime)</td></tr>
    <tr bgcolor="orange"><td align="right">Sisa waktu:</td><td> $(session-time-left)</td></tr>
$(else)
    <tr bgcolor="orange"><td align="right">connected:</td><td>$(uptime)</td></tr>
$(endif)
$(if blocked == 'yes')
    <tr bgcolor="gray"><td align="right">status:</td><td><div style="color: #FF8080">
<a href="$(link-advert)" target="hotspot_advert">advertisement</a> required</div>

</td>
$(elif refresh-timeout)

$(endif)



<TABLE BORDER=0><tr><td>
$(if login-by-mac != 'yes')
<input type="submit" value="  Keluar  ">
$(endif)<td>
</form>

$(if login-by-mac != 'yes')
<form action="$(link-alogin)" name="logout" onSubmit="return openLogout()">
<input type="submit" value="  Kembali  ">
$(endif)
</form></tr></td></table>
</td>
</table>
</body>
</html>


code status logout :



<table width="100%">
<tr>
<td height="237" align="center" valign="middle">
<b class="style1">Terimakasih sudah login</b> <br><br>
<table class="tabula" border="0">
<tr><td align="right">user name</td><td>$(username)</td></tr>
<tr><td align="right">IP address</td><td>$(ip)</td></tr>
<tr><td align="right">MAC address</td><td>$(mac)</td></tr>
<tr><td align="right">session time</td><td>$(uptime)</td></tr>
$(if session-time-left)
<tr><td align="right">time left</td><td>$(session-time-left)</td></tr>
$(endif)
<tr><td align="right">bytes up/down:</td><td>$(bytes-in-nice) / $(bytes-out-nice)</td></tr>
</table>
<br>
</td>
</table>


kalau sudah selesai copy semua file yang baru sobat buat dan copy paste di folder hotspot usermanager replace semua file asli dengan file yang baru di buat (biasakan melakukan backup sebelum mengedit file).
Selamat mencoba.
(update)
Download dulu ini http://www.webpage-maker.com/download.html
Download disini contoh penempatan script page login hotspot dengan tool webpage maker http://www.mediafire.com/?an6dyyp7iwf1k5v