Menyajikan Konten Eksklusif dengan Script Sederhana: Batasi Konten untuk Pengguna yang Belum Login

Dalam dunia digital saat ini, melindungi konten premium Anda adalah hal yang penting. Jika Anda ingin memastikan bahwa hanya pengguna terdaftar yang dapat mengakses seluruh artikel Anda, script PHP berikut ini akan sangat membantu. Script ini secara otomatis membatasi akses ke konten penuh untuk pengguna yang belum login dan menampilkan pesan login yang menarik.

Apa yang Dilakukan Script Ini?

Script ini akan memeriksa apakah pengunjung situs Anda sudah login atau belum. Jika pengunjung belum login, script akan menampilkan cuplikan singkat dari konten artikel dan menyarankan mereka untuk login agar bisa membaca artikel lengkap. Berikut adalah fitur utama dari script ini:

Menampilkan Cuplikan Konten: Untuk pengunjung yang belum login, hanya sebagian dari artikel yang ditampilkan, dengan maksimal 150 kata.
Pesan Login yang Menarik: Mencakup pesan yang dirancang secara visual untuk mendorong pengguna agar masuk dengan tampilan yang profesional dan menarik.
Desain Responsif: Styling pesan login dioptimalkan agar tetap tampak bagus di berbagai ukuran layar, baik di desktop maupun perangkat mobile.

Bagaimana Cara Kerjanya?

Berikut adalah script yang dapat Anda tambahkan ke file
code
di tema WordPress Anda:

Konten kode ini eksklusif untuk member PRO atau pembeli akses

Result:

Kustomisasi Plugin Login

Jika Anda menggunakan plugin Nextend Social Login, Anda dapat langsung menggunakan shortcode

.google-login-container { width: 100%; max-width: 400px; /* Opsional: bisa disesuaikan atau dihapus */ margin: 0 auto; } .google-login-btn { display: inline-flex; align-items: center; justify-content: center; background: white; color: #5F6368; border: 1px solid #DADCE0; border-radius: 4px; padding: 12px 16px; /*font-family: 'Roboto', sans-serif;*/ font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); width: 100%; /* Membuat tombol full width */ } .google-login-btn:hover { background: #F8F9FA; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .google-login-btn:active { background: #F1F3F4; } .google-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-right: 12px; } .google-icon { width: 100%; height: 100%; } .btn-text { white-space: nowrap; }

.x-login-container { width: 100%; max-width: 400px; /* Opsional: bisa disesuaikan atau dihapus */ margin: 0 auto; } .x-login-btn { display: inline-flex; align-items: center; justify-content: center; background: #000000; color: #FFFFFF; border: 1px solid #000000; border-radius: 4px; padding: 12px 16px; /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;*/ font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; width: 100%; } .x-login-btn:hover { background: #161616; border-color: #161616; } .x-login-btn:active { background: #222222; } .x-icon-wrapper { display:

...

★ PRO

Akses Konten Premium

Dapatkan akses ke konten premium ini dengan menjadi member PRO. Nikmati semua keuntungan keanggotaan PRO kami!

Akses semua konten premium

Update konten otomatis

DigitalWorks

Solusi Digital untuk Masa Depan

One thought on “Menyajikan Konten Eksklusif dengan Script Sederhana: Batasi Konten untuk Pengguna yang Belum Login”

Jwplay 002 says:
Awesome

Lelah dengan iklan? Hanya dengan IDR 833 / hari, buka konten eksklusif dan nikmati pengalaman tanpa iklan. Selengkapnya.

18 Desember 2024 at 11:52 AM

Beri komentar Batalkan balasan

Anda harus masuk untuk berkomentar.