[-] Cheat & Tips
Tampilkan postingan dengan label [-] Cheat & Tips. Tampilkan semua postingan
Tampilkan postingan dengan label [-] Cheat & Tips. Tampilkan semua postingan

Cara membuat form masuk (login) / daftar (register) di blog dengan mudah



Cara membuat form masuk (login) / daftar (register) di blog dengan mudah

Baiklah, kali ini saya akan memposting mengenai bagaimana  Cara membuat form masuk (login) / daftar (register) di blog dengan mudah. Biasanya pada blog-blog yang dipasang form login / register ini bertujuan agar para pengunjung blognya bisa masuk ke form login / register yang telah disediakan, agar lebih mudah dan tidak terlalu banyak membuka di tab browser serta juga bisa menjadi membernya. Nah kalo yang saya bahas ini bukan seperti layaknya login / register seperti yang ada di facebook, twitter, email atau forum-forum lainnya. Tetapi form login / register yang saya bahas ini adalah untuk umum dan bukan untuk form khusus menjadi member. Mungkin anda penasaran dengan bagaimana Cara membuat form masuk (login) / daftar (register) di blog dengan mudah ini. Kalau memang penasaran dengan tutorial ini, anda bisa ikuti langkah-langkah untuk membuat form login / register di blog kita. Berikut ini adalah tutorialnya :

 1.Login ke blogger.com dengan ID sendiri
2.Masuk ke Rancangan dan klik edit html
3.Sebelumnya di "Download template lengkap" (tujuannya untuk membackup template kita).
4.Kemudian klik "Exspand template widget"
5.Kemudian anda cari kode ini </head> 
6.Kalau sudah ketemu letakkan kode dibawah ini tepat diatas kode </head>


<script src='http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js' type='text/javascript'/><script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Log In | Register&quot; to  &quot;Close Panel&quot; on click
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});
</script>

7. Terus cari kode lagi seperti ini ]]></b:skin> dan setelah ketemu anda letakkan kode dibawah ini tepat diatas kode  ]]></b:skin>


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}

8.Masih belum selesai kawan, cari kode lagi seperti ini </body> dan letakkan kode dibawah ini tepat diatasnya.


<!-- Login -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Blogger dp-media</h1>
<h2>Contoh Sliding Login Dengan JQuery</h2>
<p class='grey'>Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya Silahkan : <a href='http://dp-media.blogspot.com' title='Media Belajar Online'>Klik Disini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>
<!-- /login -->
<!-- The tab on top -->
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>
<!-- / top -->
</div>
<!-- panel -->

Catatan : * Perhatikan tulisan warna merah dan biru dibawah langkah ke delapan. Kalimat bisa diganti dengan selera sobat. 

 9.Terakhir klik save template.

Sekarang lihat hasil kerja keras kita ya kawan, semoga berhasil dan sukses. Jangan lupa comment ya kawan.
Read More

Cara setting mouse biasa menjadi macro



Kalian Tahu Mouse Macro Kan??  Jelas Tahu Lah. Nah Mouse Macro itu biasanya di pakai oleh Gamer online , Seperti Untuk Main PointBlank , CSO, Crossfire ,dll. Tapi Kali ini gak usah beli , soalnya Mahal. Mending Ngotak-Ngatik Ya Gak?. Kelamaan ya? Haha

Dari pada baca repot , mending nih ane ada / trik untuk mouse biasa menjadi macro/lebih cepat QuickChangenya Untuk PB kawan dan lain lain.

Pertama-tama Download aja Rar nya.!! Di Mana ya? Klik aja Tulisan Downloadnya.!

 Habis Itu Kan Ada RAR tuh yang kalian download , buka aja dan Extract Here
Selanjutnya Buka Inject.exe nya ...............


 Tutor udah ada difile jadi jangan banyak cincong ato lu gue fatok buka aja tong

 Saya Dapat Tutorial ini Dari Woles-Blog

 Terima Kasih Telah Membaca Artikel Ini Semoga Bermanfaat ya.!
 OH IYA , INI BUKAN CHEAT LOH,    
   Dan Lebih Baik Kalian                           
   Menggunakan F11 , Soalnya Kalo  
   Menggunakan F10
   Kebanyakan Bisa Menyebabkan
   DC.!! INGAT YA
   Passwordnya : woles-blog








Read More

Kumpulan tools dragon city



Kali ini ane akan bagi" link hack tools buat agan" para blogger
Langsung aja nih webnya


XP dan GOLD  
XP  
------------------------ 
GEMS DRAGON CITY - Weekly Rewards (5 gems)
------------------------ 
Get 17 Dragon Free di Dragon City
BUy eggs - 25 gems - lastest update 
------------------------
XP dan Gold Dragon City 
XP dan Gold Dragon City 
Food Dragon City 
------------------------
XP dan Gold Dragon City 
Get Free White Dragon & Black Dragon di Dragon City 
DRAGON CITY - Buy egg 25 gems 
------------------------
Cheat Event Dragon City 
Food Dragon City 
5 Gems per week 
-----------------------
Dragon City 
+ Unlock 5th island 
+ Unlock 6th island 
+ Epic Temple (25 gems)
+ Wonders Temple (25 gems)
------------------------
Food Dragon City 
50 gems per day Dragon City 
------------------------
Food Dragon City 
50 gems per day Dragon City

NB : Setelah Nge Cheat, Dragon City tidak dapat dibuka sekitar 30 menit. Itu bukan berarti eror atau bagaimana, tetapi memang begitu prosesnya jika Ngecheat. Thanks
Read More

Teknik Crawling ( Mencuri template website orang lain )

Teknik Crawling ( Mencuri template website orang lain )





Hy sahabat, artikel kali ini saya akan memberikan sebuah catatan bagaimana kita bisa menggunakan template website keren yang orang lain punya.
Berawal dari melihat situs-situs berita, dan saya melihat template beritanya  bagus-bagus he he he….
maka terlintaslah di benak saya untuk mencari sofware bagaimana cara untuk mengambil template dari website berita tersebut. Sebenarnya dari search engine seperti  Mozila atau Google Crome bisa melihat code dari template website, dengan cara menekan keyboard Ctrl + U atau klik kanan pilih View Page Source namun dengan cara yang demikian tidak akan mendapatkan template lengkap maksud dari template lengkap yang saya maksud adalah dimana kita hanya mendapatkan halaman index atau halaman depan nya saja, sedangkan seperti code css, image, js dan asset lainya tidak bisa kita dapatkan.
Nah maka dari itu saya akan berbagi pada sahabat-sahabat ku sekalian software yang dapat mencomot template website orang yang mana sahabat-sahabat sukai.
Dan yang pastinya software ini saya berikan pada sahabat-sahabat yang belum terlalu mahir seperti saya  untuk  mengkolaborasikan kode html,  css, dan js. Jadi nya mengambil jalan pintas deh untuk mencuri template website orang lain he he he…..
agak sedikit jahil sih, tapi dengan niat belajar saya kira tidak apalah ya ???? dan saran saya untuk sahabat untuk bisa memahami dan mempraktekan setelah berhasil mencomot template orang nantinya.
Karna tujuan saya memberikan software ini selain berbagi juga agar dapat kita belajar bersama-sama tentunya.  
Baiklah langsung sajalah ya,,,
Dan downloatanya bisa di klik dibawah sini


dan langkah-langkah penggunaanya sebagai berikut :
  1. Setelah anda mendapatkan HTtrack nya, lansung saja di install softwarenya
  2. Kemudian cara menggunakannya klick icon yang HTtrack yang telah di install
  3. Klik Next
  4. Kemudian isi Project Name Contoh : template_keren
  5. Dan project kategori dikosongin aja tidak apa-apa
  6. Untuk base path nya terserah mau diletak dimana hasil downloadtanya
  7. Setelah itu lanjut Next
  8. Action biarkan tetap seperti ini saja  Download web site(s)
  9. Kamudian isikan url atau alamat website sahabat yang pengen di comot template nya
  10. Like this RiauOne.com
  11. Tampa www ataupun http:// Oke …!
  12. Kemudian lanjut Next
  13. Terus finish
  14. Ingat setelah di klick finish biarin saja, jangan di apa-apain Oke
Emang sedikit lama sih tapi sabar saja, proses download nya hingga berhasil.
Selamat mencoba semoga bermanfaat.
Salam semangat Chozinul Musthofa.
Read More
Langganan: Postingan (Atom)
xXx-Blog. Diberdayakan oleh Blogger.