Ingin punya fitur login username + password di blogspot? Well, kamu bisa coba install fitur ini di blog atau website blogspot milikmu.

Banyak pemilik blog yang ingin punya fitur login di blog miliknya, karena platform blogspot sendiri memang tidak menyediakan fitur ini, jadi kamu harus membuat kodenya sendiri.

Kode fitur login ini saya bagikan secara gratis, ada panduan instalasinya, namun sebagian kode dan fitur premiumnya saya enkripsi atau batasi.

Untuk lebih jelasnya, ini kelebihan dari fitur login blogspot yang saya buat:

Jika kamu tertarik ingin mencoba fitur login username + password blogspot ini, silahkan coba demo fiturnya dibawah ini:

Username: pembacadbp
Password: dbp123

Kekurangan:
Fitur login blogspot ini tidak disertai fungsi database member seperti yang saya terapkan di website Daily Blogger Pro, jadi kamu tidak bisa memiliki database email, no hp, dan informasi dari member kamu. Jika kamu ingin fitur login yang lebih canggih untuk membuat web membership di blogspot, kamu bisa baca artikel yang ini: Cara membuat website membership di blogspot

Panduan Cara Pasang Plugin Login Username + Password di Blogspot

Silahkan ikuti panduan yang telah saya buat di artikel ini ya:

1. Download atau Beli Kode Fitur Login Username Password Blogspot

Ada dua versi kode yang bisa kamu pilih, 1) versi gratis, & 2) versi premium. Silahkan pilih opsi yang kamu inginkan:

kalau tidak mau ribet unduh kode dari google drive, Kamu juga bisa menyalin kodenya di poin selanjutnya ya.

2. Salin Kode Fitur Login Blogspot di Editor HTML Blogspot

Ada beberapa hal yang harus kamu ketahui, ketika menerapkan kode di editor html, pertama, kamu harus menyematkan kode css dengan tag pembuka "<style>" dan penutup "</style>".

<style>
/* CSS Login Form */
h1{font-size:22px}
#boxdailybloggerpro{position:center;left:40%;border-radius:8px;background:#fff;width:100%;margin:15px auto;padding:20px 40px;display:block;border:1px solid #ddd;box-shadow:2px 2px 20px #ddd}
input{padding:10px;border-radius:5px;margin:10px 0;width:100%;border:1px solid #ddd}
input:focus{border-color:#07acec;outline:none}
button{background:#07acec;color:#fff;border:none;font-weight:bold;border-radius:5px;padding:10px}
</style>  

Kedua, kode html tidak perlu dirubah, cukup salin kode html dibawah ini.

<div id="boxdailybloggerpro">
<h1>Halaman Login DBP</h1>
<form>  
Username<input name="userid" type="text" />
Password<input name="pswrd" type="password" /><br /><b>Note:</b> <i>Jangan Beritahu ID Username dan Password Kamu Pada Siapapun !</i><br/><br />
<input onclick="check(this.form)" type="button" value="Login" />
<input type="reset" value="Cancel" />
</form>
</div>

Terakhir, kode javascript harus menggunakan tag pembuka "<script>" dan penutup "</script>" seperti ini:

<script>  
(function(_0xcbbcd2,_0x55ec4b){var _0x1cbcaf=_0x3303,_0x248ef9=_0xcbbcd2();while(!![]){try{var _0x2677f0=parseInt(_0x1cbcaf(0x1a9))/0x1+-parseInt(_0x1cbcaf(0x1a6))/0x2+-parseInt(_0x1cbcaf(0x1aa))/0x3+parseInt(_0x1cbcaf(0x1ab))/0x4+parseInt(_0x1cbcaf(0x1a2))/0x5*(parseInt(_0x1cbcaf(0x1a0))/0x6)+parseInt(_0x1cbcaf(0x1a5))/0x7+-parseInt(_0x1cbcaf(0x19f))/0x8*(parseInt(_0x1cbcaf(0x1a8))/0x9);if(_0x2677f0===_0x55ec4b)break;else _0x248ef9['push'](_0x248ef9['shift']());}catch(_0x495822){_0x248ef9['push'](_0x248ef9['shift']());}}}(_0x36dd,0xc7033));function _0x3303(_0x232fb5,_0x2c9e18){var _0x36dd32=_0x36dd();return _0x3303=function(_0x33037a,_0x318ab4){_0x33037a=_0x33037a-0x19e;var _0x2ee291=_0x36dd32[_0x33037a];return _0x2ee291;},_0x3303(_0x232fb5,_0x2c9e18);}function _0x36dd(){var _0x31d594=['27144FOYVAL','314435BsawvW','4036233EatEIM','1668804XXZSir','pembacadbp','952kASNjt','4791324oslKVI','dbp123','5zYxySN','Error\x20Password\x20or\x20Username','href','7834379AYuBIa','259834eKzZKd','value'];_0x36dd=function(){return _0x31d594;};return _0x36dd();}function check(_0x1c8fa9){var _0x174342=_0x3303;_0x1c8fa9['userid'][_0x174342(0x1a7)]==_0x174342(0x19e)&&_0x1c8fa9['pswrd'][_0x174342(0x1a7)]==_0x174342(0x1a1)?location[_0x174342(0x1a4)]='https://www.dailybloggerpro.com/2024/05/cara-membuat-website-membership-di-blogspot.html':alert(_0x174342(0x1a3));}
</script>

Warna kuning: password
Warna oranye: username member.
Warna hijau: lokasi tujuan begitu user berhasil menginput username dan password.

Fitur login username dan password ini bisa kamu pakai di blog atau website blogspot milikmu. Kelebihan, kekurangan, dan fungsinya sudah saya jelaskan ya, intinya kamu bisa menyembunyikan url tujuan untuk anggota atau member kamu mengakses konten penting atau premium di website kamu dengan skema sistem login.

Kode versi gratisnya saja sudah cukup kok untuk mengunci satu halaman konten penting / premium, versi berbayarnya hanya untuk kamu yang ingin mendapatkan kode javascript utuh yang tidak dienkripsi + fitur multi usernama dan password. Silahkan pilih sesuai preferensi dan kebutuhan kamu.

Semoga konten ini bermanfaat untukmu ya.