Cara membuat tombol download Yang diprotect Password

Halo gan kali ini saya akan posting tutorial lagi buat agan, kali ini kita akan membahas tentang "Cara membuat tombol download yang diprotect Password" baiklah gak basa basi mari kita bahas tutorialnya!

Sumber : Seocips.com

DEMO

✔Cara membuat tombol password yang diprotect Password

1. Buka Blogger agan DISINI

2. Pilih Template >> Edit HTML Masukkan kode dibawah ini diatas </head>

<style>
/*Downloadbutton*/
.whitebutton { margin:20px auto; padding:20px 0; width:200px; }
.whitebutton a { background:#fff; color:#666; display:block; font-size:17px; font-weight:700; font-family:'Arial',Verdana,sans-serif; height:50px; line-height:50px; text-align:center; text-decoration:none; text-transform:uppercase; width:200px; position:relative; z-index:2; }
.whitebutton a:before { content:'f019'; font-family:FontAwesome; font-weight:normal; padding:8px; margin-left:-12px; margin-right:6px; }
.whitebutton span { background:#444; color:#fff; display:block; font-size:12px; font-family:'Arial',Verdana,sans-serif; height:40px; line-height:40px; text-align:center; width:200px; z-index:1; text-transform:uppercase; font-weight:bold; }
.whitebutton .up { background:#e25734; margin:-25px auto; opacity:0; border-radius:0 0 5px 5px; transform:translate(0,-50px); transition:350ms; }
.whitebutton .down { margin:-30px auto; opacity:0; border-radius:5px 5px 0 0; transform:translate(0,-50px); transition:350ms; }
.whitebutton .down:before { content:'f14a'; font-family:FontAwesome; font-weight:normal; margin-right:6px; color:#aaa; }
.whitebutton:hover .up { opacity:1; transform:translate(0,0); }
.whitebutton:hover .down { opacity:1; transform:translate(0,-90px); }
.whitebuttondemo { margin:20px auto; padding:20px 0; width:200px; }
.whitebuttondemo a { background:#e25734; color:#fff; display:block; font-size:17px; font-weight:700; font-family:'Arial',Verdana,sans-serif; height:50px; line-height:50px; text-align:center; text-decoration:none; text-transform:uppercase; width:200px; position:relative; z-index:2; transition:350ms; }
.whitebuttondemo a:before { content:'f002'; font-family:FontAwesome; font-weight:normal; padding:8px; margin-left:-12px; margin-right:6px; }
.whitebuttondemo a:hover { color:#fff; }
.whitebuttondemo span { background:#444; color:#fff; display:block; font-size:12px; font-family:'Arial',Verdana,sans-serif; height:40px; line-height:40px; text-align:center; width:200px; z-index:1; text-transform:uppercase; font-weight:bold; }
.whitebuttondemo .up { background:#444; margin:-25px auto; opacity:0; border-radius:0 0 5px 5px; transform:translate(0,-50px); transition:350ms; }
.whitebuttondemo:hover .up { opacity:1; transform:translate(0,0); }
</style>
<script src='https://rawgit.com/Brando07/seocips/newbe/seocips-pass.js' type='text/javascript'></script>

3. Buka postingan masukkan kode HTML ini (Bukan Compose)

<div class="whitebuttondemo">
<a href="javascript:decryptText('ca7voEsg')" >DOWNLOAD</a><br>
<span class="up">click to view</span></div>
<br>
<div class="whitebutton">
<a href="Link-Download" target="_blank">Download</a><br>
<span class="up">click to begin</span><br>
<span class="down">1.6MB .rar</span></div>

4. Cut Kode <div class="whitebutton"> sampai </div> Jadi yang kamu cut adalah bagian yang ini

<div class="whitebutton">
<a href="#" target="_blank">Download</a><br>
<span class="up">click to begin</span><br>
<span class="down">1.6MB .rar</span></div>

5. Buka HALAMAN INI Untuk Menggunakan toolsnya (password : seocips)

6. Buat password kamu di kotak pertama, Contoh :

7. Lalu, pastekan kode yang kami cut ini di kotak yang ke 2, kemudian tekan Encrypt

8. Dan jadi nya akan seperti ini

9. Copy kode yang ada di HTML Code dan pastekan ke kode yang kamu cut tadi

10. Dan contoh kode nya akan berubah seperti ini

<div class="whitebuttondemo">
<a href="javascript:decryptText('ca7voEsg')" >DOWNLOAD</a><br>
<span class="up">click to view</span></div>
<br>
<div id="zFA1iNiU" title="U2FsdGVkX1+VYHZJZlMs29EGOz9kGPKmItOlDOzbk5QEZfZJ89dWPIywEyUYX4KUoZQ9rwgqqNVtm6tRaN1MDzHiIvACwkt2YpfTt/i+A/k/ALyv7G2/JCXQHROvPRhZAp8KdoevDkPbT2lJ3nexYjhTdiyRtlXjZAqpjW0sbD/gqa05pJXwtn+FK9wBJdvlWetGrjSZCGivwgeuSFOgawPFLZt2Kzvm+k34F4AuzSal161BP5dT+D+WYtIZ/XXsaFW9buNFwAj07r7+A027rVmCr6cl5RVQbEf0vL/Am1o=">
<a href="javascript:decryptText('zFA1iNiU')">Show encrypted text</a></div>

11. Note : Samakan kode berwarna Kuning Dengan Kode yang berwarna Hijau Contoh

<div class="whitebuttondemo">
<a href="javascript:decryptText('zFA1iNiU')" >DOWNLOAD</a><br>
<span class="up">click to view</span></div>
<br>
<div id="zFA1iNiU" title="U2FsdGVkX1+VYHZJZlMs29EGOz9kGPKmItOlDOzbk5QEZfZJ89dWPIywEyUYX4KUoZQ9rwgqqNVtm6tRaN1MDzHiIvACwkt2YpfTt/i+A/k/ALyv7G2/JCXQHROvPRhZAp8KdoevDkPbT2lJ3nexYjhTdiyRtlXjZAqpjW0sbD/gqa05pJXwtn+FK9wBJdvlWetGrjSZCGivwgeuSFOgawPFLZt2Kzvm+k34F4AuzSal161BP5dT+D+WYtIZ/XXsaFW9buNFwAj07r7+A027rVmCr6cl5RVQbEf0vL/Am1o=">
<a href="javascript:decryptText('zFA1iNiU')">Show encrypted text</a></div>

12. SELESAI!!!

Sekian tutorial dari saya. Dan jangan lupa untuk berlangganan lewat email dibawah ini. TERIMA KASIH ^_^

Tulis Email kamu dibawah:

Dibuat Oleh ALLGAMES ENTALSEWU V2

Tweet