Egi Agan

Skrip Langganan Premium untuk Bisnis Digital: Pengelolaan Mudah dengan Firebase dan Telegram

noreply@blogger.com (Egi Agan) — Mon, 26 May 2025 11:15:00 +0700

Skrip Langganan Premium

Harga

^Rp 150.000 / ^$15

Nama Produk

Contoh Nama Produk

contoh-id-produk

Versi Terbaru

1.0

Tanggal Rilis

01 April 2025

Pembaruan Terakhir

27 Mei 2025

Wajib membaca dan setuju dengan syarat dan ketentuan yang berlaku sebelum membeli (lihat di tab syarat dan ketentuan).

Gratis update ke versi terbaru jika tersedia dan tidak melanggar syarat ketentuan yang berlaku.

Produk tidak boleh dibagikan atau dijual ulang.

Panduan Membeli Produk

Formulir Pembelian

Harga

^Rp150.000 / ^$15

Deskripsi
Paket Produk
Dokumentasi
Syarat dan Ketentuan
Jaminan Update

Skrip Pemesanan Produk Premium dengan Firebase & Telegram: Solusi untuk Bisnis Online Anda

Apakah Anda seorang pengusaha atau pemilik bisnis yang menawarkan produk digital premium seperti desain grafis, video, artikel, atau konten eksklusif lainnya? Jika iya, pasti Anda tahu betapa pentingnya memiliki sistem pemesanan yang efisien, terorganisir, dan mudah diintegrasikan dengan sistem lain. Di sinilah skrip pemesanan produk premium yang kami tawarkan hadir untuk membantu Anda.

Dengan memanfaatkan teknologi modern, seperti Firebase dan Telegram, skrip ini dirancang khusus untuk memberikan kemudahan dalam mengelola pesanan, menyimpan data secara aman, dan memberi notifikasi langsung kepada admin melalui Telegram. Tidak hanya itu, skrip ini juga mendukung integrasi dengan sistem login premium, yang membuatnya sempurna untuk bisnis yang menawarkan konten eksklusif kepada pelanggan.

Fitur Utama Skrip Pemesanan Produk Premium

Integrasi dengan Firebase Skrip ini menggunakan Firebase sebagai backend untuk menyimpan dan mengelola data pesanan secara real-time. Dengan Firebase Realtime Database, Anda dapat memantau pesanan pelanggan secara langsung, memastikan data tetap aman dan terorganisir dengan baik. Semua data pelanggan dan produk yang dipesan akan disimpan secara otomatis di Firebase, memudahkan Anda untuk mengelola dan memproses pesanan.

Notifikasi Pesanan ke Admin Melalui Telegram Setiap kali pelanggan melakukan pemesanan, admin akan langsung mendapatkan notifikasi melalui Telegram. Sistem ini memungkinkan Anda untuk tetap up-to-date dengan setiap pesanan yang masuk tanpa perlu memeriksa dashboard secara manual. Notifikasi ini memberikan rincian pesanan, termasuk nama pelanggan dan produk yang dipesan, yang memungkinkan admin untuk segera mengambil tindakan.

Dukungan untuk Produk Premium dan Konten Digital Skrip ini tidak hanya terbatas pada produk fisik atau layanan, tetapi juga cocok untuk produk premium berupa konten digital seperti desain grafis, video, artikel, atau eBook. Dengan sistem ini, Anda bisa memanfaatkan fitur pembayaran untuk mengunci konten premium hanya untuk pengguna yang sudah membayar atau memiliki akses tertentu, seperti menggunakan sistem login premium.

Integrasi dengan Sistem Login Premium Jika Anda memiliki platform konten premium, seperti kursus online, membership site, atau sistem produk digital lainnya, skrip ini memungkinkan Anda untuk mengintegrasikannya dengan sistem login premium. Anda dapat memastikan bahwa hanya pelanggan yang terverifikasi yang dapat mengakses produk atau layanan premium yang ditawarkan, menjaga eksklusivitas dan kenyamanan.

Mudah untuk Diimplementasikan Skrip ini dirancang dengan kemudahan implementasi dalam pikiran. Anda cukup mengintegrasikannya ke dalam website Anda, dan sistem pemesanan akan langsung berjalan. Dengan bantuan Firebase dan Telegram, Anda mendapatkan dua alat yang kuat untuk memastikan proses pemesanan berjalan lancar dan data tetap terorganisir.

Skalabilitas dan Keamanan Dengan menggunakan Firebase, sistem ini dapat dengan mudah diskalakan seiring pertumbuhan bisnis Anda. Anda tidak perlu khawatir tentang masalah kapasitas penyimpanan atau keamanannya, karena Firebase menyediakan infrastruktur yang sangat aman dan skalabel.

Kenapa Skrip Ini Tepat untuk Bisnis Anda?

Menghemat Waktu dan Tenaga: Semua data pesanan dicatat secara otomatis di Firebase, mengurangi risiko human error dan memudahkan manajemen pesanan.

Notifikasi Real-Time: Dengan Telegram, admin menerima informasi pesanan secara langsung, memungkinkan reaksi cepat terhadap setiap pesanan.

Cocok untuk Berbagai Jenis Produk: Baik Anda menjual desain grafis, artikel premium, video tutorial, atau produk lainnya, skrip ini dapat diadaptasi dengan mudah untuk kebutuhan spesifik bisnis Anda.

Integrasi Mudah dengan Sistem Premium: Dapatkan manfaat dari integrasi dengan sistem login premium, memberikan kontrol penuh atas akses dan eksklusivitas konten Anda.

Keuntungan :

Mudah Digunakan:

Skrip ini sudah disusun dengan kode yang bersih dan mudah dimodifikasi. Anda tidak perlu menjadi ahli pengkodean untuk mengimplementasikannya di website Anda.

Tersedia Dokumentasi Lengkap:

Kami menyediakan dokumentasi yang jelas dan lengkap untuk instalasi dan pengaturan. Cukup ikuti langkah-langkah mudah untuk mengintegrasikan skrip ke dalam website Anda.

Mendukung Pembayaran Otomatis:

Dengan sistem yang terintegrasi langsung ke Telegram Bot, Anda tidak perlu lagi melakukan manajemen pemesanan secara manual. Semua proses akan berjalan otomatis.

Aman dan Terpercaya:

Kami menggunakan Firebase yang terkenal dengan keamanannya. Data pesanan Anda akan disimpan dengan aman di Realtime Database Firebase.

Penghematan Waktu:

Jika Anda memerlukan sistem pemesanan yang canggih tanpa harus mengembangkan semuanya dari nol, skrip ini adalah solusi yang ideal dan menghemat banyak waktu.

Kesimpulan

Jika Anda sedang mencari solusi pemesanan produk premium yang dapat diintegrasikan dengan sistem yang sudah ada, skrip ini adalah pilihan tepat. Dengan fitur integrasi Firebase dan Telegram, serta kemampuan untuk beradaptasi dengan berbagai jenis produk premium, skrip ini menawarkan fleksibilitas dan efisiensi untuk bisnis online Anda. Jangan ragu untuk mencobanya dan mulai mengelola pesanan produk premium dengan lebih mudah dan profesional.

Tampilan pada halaman demo mungkin berbeda karena pengaruh kode CSS pada template yang digunakan.

Ada tiga pilihan paket produk yang bisa kamu beli, yaitu standar, reguler, dan pro. Setiap paket ini sudah termasuk bundling file produk. Untuk detail lebih lanjut mengenai masing-masing paket, simak informasi berikut.

Paket Standar

Pada paket standar, kamu akan mendapatkan script dalam bentuk terenkripsi (bukan open source). Instalasi hanya diperbolehkan untuk 1 domain atau blog. Jika ingin menggunakannya di lebih dari satu domain, kamu perlu membeli lisensi tambahan. Selain itu, kamu harus melakukan verifikasi domain dan memasang kode lisensi di blog.

Paket Reguler

Untuk paket reguler, script yang kamu dapatkan juga terenkripsi (bukan open source). Namun, batas maksimal instalasi lebih banyak, yaitu hingga 5 domain atau blog. Jika ingin memasang di lebih banyak domain, kamu bisa membeli lisensi tambahan. Sama seperti paket standar, verifikasi domain dan pemasangan kode lisensi juga wajib dilakukan.

Paket Pro

Paket pro memberikan akses ke script terenkripsi (bukan open source) dengan batas instalasi tanpa batas (unlimited domain). Artinya, kamu bisa menggunakannya di banyak blog sekaligus tanpa perlu membeli lisensi tambahan seperti pada paket standar atau reguler. Paket ini sangat direkomendasikan bagi yang memiliki banyak blog. Namun, tetap diperlukan verifikasi domain dan pemasangan kode lisensi agar produk bisa digunakan.

Dokumentasi Instalasi Widget

Kamu tidak memiliki akses untuk melihat dokumentasi produk ini. Dokumentasi hanya dapat dilihat oleh pengguna yang sudah membeli produk dan dengan status pesanan AKTIF. Hubungi admin jika ada kesalahan.

Maaf, sepertinya status pesanan kamu untuk produk ini masih "PENDING". Silakan selesaikan pesanan terlebih dahulu atau hubungi admin jika ada kesalahan.

Kamu tidak memiliki akses untuk melihat dokumentasi produk ini. Dokumentasi hanya tersedia bagi pengguna yang telah membeli produk dengan status pesanan AKTIF. Hubungi admin jika ada kesalahan.

Maaf, status pesanan kamu untuk produk ini masih "PENDING". Silakan selesaikan pesanan terlebih dahulu atau hubungi admin jika ada kesalahan.

Setiap pembelian paket dalam produk ini sudah termasuk jaminan update ke versi terbaru seumur hidup (selamanya) secara gratis "jika tersedia", selama tidak melanggar syarat dan ketentuan yang berlaku. Hal ini mencakup larangan untuk TIDAK MEMBAGIKAN / MENJUAL ULANG produk yang telah dibeli kepada siapapun dengan alasan apapun. Pengguna yang melanggar syarat dan ketentuan tidak berhak mendapatkan update dan tidak akan menerima dukungan (support) dari admin. Untuk mengunduh file produk versi terbaru, silakan kunjungi halaman produk.

Sebelum melakukan pembelian produk, harap baca dan menyetujui syarat dan ketentuan yang berlaku di bawah ini.

Setiap proses pembelian produk semuanya dilakukan melalui blog ini. Kami tidak melayani pembelian di luar blog atau secara manual.

Template ini hanya dikhususkan untuk platform Blogger / blogspot.

Pembelian produk dengan opsi standar hanya dapat diinstal di satu (1) domain / blog yang didaftarkan saja dan WAJIB menggunakan kode lisensi yang valid. Untuk paket reguler limit instalasinya adalah 5 domain / blog. Dan untuk paket developer, kamu bebas menginstal Template di banyak blog tanpa limit dan tanpa memasang kode lisensi.

Jika ingin menginstal widget lebih dari satu (1) domain / blog, kamu bisa beli lisensi tambahan dengan biaya sebesar ^Rp25.000 / ^$3 per 1 domain / blog. Tapi saya sarankan langsung beli opsi reguler agar widget dapat diinstal di banyak blog sekaligus tanpa biaya tambahan.

Sebelum membeli produk, kamu wajib memiliki akun di blog Egiagan, jika belum, silahkan daftar terlebih dahulu. Langkah ini bertujuan untuk mengetahui detail mengenai produk dan kode lisensi kamu.

Tidak ada pengembalian uang dengan alasan apapun jika produk yang dibeli sudah dikirim.

Dukungan Instal

Untuk dukungan instal, sudah disediakan dokumentasi khusus yang bisa kamu baca dan ikuti langkah-langkahnya (seperti yang sudah dijelaskan di artikel ini). Jika ada masalah atau hal yang ingin ditanyakan, kamu bisa kirim pesan langsung melalui email atau Telegram (harus menggunakan akun yang sama saat pembelian produk). Dukungan tidak berlaku jika kamu meminta untuk mengubah, menghapus atau menambahkan fitur baru (termasuk mengubah tampilan dan layout widget).

Update Ke Versi Terbaru

Semua pengguna yang telah membeli produk berhak mendapatkan gratis update ke versi terbaru secara gratis jika memenuhi syarat, yaitu TIDAK MEMBAGIKAN / MENJUAL ULANG produk yang telah dibeli kepada siapapun dengan alasan apapun. Setiap pengguna yang melanggar syarat ini tidak akan mendapatkan update selamanya dan tidak akan mendapatkan support. Untuk menginstal ulang pembaruan produk, kunjungi halaman produk .

Login Blogger Pro - Otentikasi Login Lebih Cepat dan Aman untuk Blogger

noreply@blogger.com (Egi Agan) — Sun, 25 May 2025 17:44:00 +0700

Otentikasi Login Lebih Cepat dan Aman untuk Blogger

Harga

^Rp 110.000 / ^$11

Nama Produk

Contoh Nama Produk

contoh-id-produk

Versi Terbaru

1.0

Tanggal Rilis

01 Mei 2025

Pembaruan Terakhir

02 Mei 2025

Wajib membaca dan setuju dengan syarat dan ketentuan yang berlaku sebelum membeli (lihat di tab syarat dan ketentuan).

Gratis update ke versi terbaru jika tersedia dan tidak melanggar syarat ketentuan yang berlaku.

Produk tidak boleh dibagikan atau dijual ulang.

Panduan Membeli Produk

Formulir Pembelian

Harga

^Rp110.000 / ^$11

Deskripsi
Paket Produk
Dokumentasi
Syarat dan Ketentuan
Jaminan Update

Pada bulan Maret 2025, saya pernah membagikan panduan mengenai cara mengintegrasikan fitur login dan registrasi di Blogger dengan menggunakan Firebase Authentication serta databasenya. Namun, fitur login dalam artikel tersebut masih sangat mendasar dan terbatas hanya pada fungsi login dan logout. Dalam artikel kali ini, saya akan memperbarui serta menyempurnakan sistem autentikasi tersebut dengan menambahkan berbagai fitur agar lebih interaktif dan terlihat lebih profesional seperti website berbasis WordPress.

Kali ini, fitur yang diperbarui akan menjadi produk premium. Hal ini dikarenakan adanya peningkatan fitur yang sangat signifikan dibandingkan dengan versi sebelumnya. Salah satu fitur unggulannya adalah tambahan dashboard admin dan halaman profil pengguna. Seperti yang tercantum dalam judul artikel ini, Login Blogger Pro adalah solusi login dan dashboard profesional untuk Blogger/Blogspot yang dilengkapi dengan sistem Member.

Jika ingin mencoba terlebih dahulu fitur autentikasi Firebase versi sebelumnya, silakan baca artikel cara memasang fitur login di Blogger dengan Firebase Authentication.

Pada versi terbaru ini, saya menambahkan fitur Login dengan Google untuk mempermudah pengguna dalam mendaftar atau masuk dengan akun Google mereka secara instan. Sementara itu, metode registrasi masih tetap sama seperti versi sebelumnya. Detailnya bisa kamu baca dalam artikel cara memasang fitur register di Blogger.

Fitur Unggulan

Berikut adalah beberapa fitur unggulan yang bisa dinikmati dalam Login Blogger Pro.

Login dengan Akun Google

Salah satu pembaruan utama adalah penambahan metode login menggunakan akun Google. Dengan metode ini, pengguna tidak perlu melakukan verifikasi email secara manual. Jika mereka login dengan akun Google, sistem akan otomatis membuat akun dan mengarahkan mereka ke dashboard tanpa perlu tahap verifikasi email. Namun, jika pengguna mendaftar secara manual dengan email atau nomor telepon, mereka tetap harus melakukan verifikasi sebelum bisa mengakses akun.

Dashboard Pengguna

Pembaruan lainnya adalah halaman dashboard pengguna. Di sini, pengguna dapat melihat informasi profil seperti nama, alamat email, foto profil, status akun (premium atau tidak), serta masa aktif langganan premium. Selain itu, pengguna dapat mengedit data profil mereka seperti foto profil, nama, nomor telepon, website, bio, dan tautan media sosial.

Fitur Tambahan Lainnya

Jika ada fitur tambahan yang ingin ditambahkan, silakan hubungi admin melalui live chat atau Telegram.

File yang Akan Didapat

Setelah membeli produk ini, kamu akan mendapatkan:

Script Login dan Registrasi.

Script dashboard pengguna

Script untuk halaman konten Utas Saya.

Dan banyak lagi...

Paket Standar

Paket Reguler

Paket Pro

Tampilan pada halaman demo mungkin berbeda karena pengaruh kode CSS pada template yang digunakan.

Dokumentasi Instalasi Widget

Maaf, sepertinya status pesanan kamu untuk produk ini masih "PENDING". Silakan selesaikan pesanan terlebih dahulu atau hubungi admin jika ada kesalahan.

Kamu tidak memiliki akses untuk melihat dokumentasi produk ini. Dokumentasi hanya tersedia bagi pengguna yang telah membeli produk dengan status pesanan AKTIF. Hubungi admin jika ada kesalahan.

Maaf, status pesanan kamu untuk produk ini masih "PENDING". Silakan selesaikan pesanan terlebih dahulu atau hubungi admin jika ada kesalahan.

Sebelum melakukan pembelian produk Template, harap baca dan menyetujui syarat dan ketentuan yang berlaku di bawah ini.

Setiap proses pembelian produk semuanya dilakukan melalui blog ini. Kami tidak melayani pembelian di luar blog atau secara manual.

Template ini hanya dikhususkan untuk platform Blogger / blogspot.

Sebelum membeli produk, kamu wajib memiliki akun di blog Egiagan, jika belum, silahkan daftar terlebih dahulu. Langkah ini bertujuan untuk mengetahui detail mengenai produk dan kode lisensi kamu.

Tidak ada pengembalian uang dengan alasan apapun jika produk yang dibeli sudah dikirim.

Dukungan Instal

Update Ke Versi Terbaru

Cara Menambahkan Fitur Login Authentication Firebase di Blogger

noreply@blogger.com (Egi Agan) — Sun, 25 May 2025 17:43:00 +0700

Fitur Login Authentication Firebase di Blogger

Fitur login authentication sering digunakan pada blog berbasis WordPress yang memiliki self hosting untuk menyimpan data pengguna. Fitur ini sangat bermanfaat, terutama jika blog digunakan untuk keperluan jual beli produk atau sebagai toko online (e-commerce). Dengan adanya login authentication, pengelolaan data pengguna yang ingin bertransaksi melalui blog menjadi lebih praktis. Hal ini semakin penting jika produk yang dijual berupa produk digital yang memerlukan pembaruan secara berkala, karena fitur ini memungkinkan pengelolaan pembaruan produk untuk semua pengguna secara lebih efisien.

Nah, pertanyaannya adalah, apakah memungkinkan untuk menambahkan fitur login authentication di blog yang menggunakan platform Blogger / Blogspot? Jawabannya tentu saja bisa, meskipun prosesnya tidak semudah menginstal plugin di WordPress. Pada artikel kali ini, saya akan membahas sekaligus membagikan cara mengintegrasikan fitur login authentication di Blogger. Fitur ini akan menggunakan layanan authentication serta cloud database gratis dari Firebase, serupa dengan pembahasan sebelumnya mengenai cara menambahkan fitur register autentikasi di blog menggunakan Firebase.

Cara Menambahkan Fitur Login Authentication Firebase di Blogger

Sebelum melanjutkan tutorial mengenai cara menambahkan fitur login authentication Firebase di Blogger, disarankan untuk membaca dan mengikuti terlebih dahulu panduan yang telah dibahas dalam artikel sebelumnya tentang cara menambahkan fitur register authentication Firebase di Blogger. Artikel tersebut mencakup langkah awal seperti pembuatan proyek baru di Firebase, konfigurasi authentication untuk web app, serta pembuatan database Firebase.

Jadi, jika sebelumnya kamu belum mengaktifkan fitur register, sebaiknya baca dan ikuti terlebih dahulu tutorial yang berjudul

Menambahkan fitur registrasi di blogger

. Jika fitur register sudah berhasil diimplementasikan di blog kamu, maka kita bisa melanjutkan dengan menambahkan fitur login authentication Firebase berikut ini.

Buat halaman statis baru di blog kamu.

Masuk ke tab HTML MODE.

Salin dan tempelkan seluruh skrip yang ada di bawah ini.

Jangan lupa ganti bagian config Firebase dengan script config Firebase kamu yang sudah kamu salin pada tahap Pembuatan Akun Firebase.

HTML
CCS
javascript


    <!-- HTML Form Login Firebase by egiagan.com -->
<form id=login_form name=login_form><div class=form-container><h2>Login Akun</h2><input class=input-field id=login_email name=email placeholder="Email (ex. contoh@gmail.com)"required type=email> <input class=input-field id=login_password name=password placeholder=Password required type=password> <button class=submit-button id=login type=button name=login>LOGIN</button> <a href=# id=forgot-password-link>Lupa Password?</a><div style=margin-top:20px;text-align:center><span>Belum punya akun?</span><br><button class=submit-button id=register type=button onclick='window.location.href="/p/register.html"'>REGISTER</button></div></div></form><div class=egiaganAlert></div><a href=https://www.egiagan.com class=egiagancom-credit>www.egiagan.com</a>


    <!-- CCS Form Login Firebase by egiagan.com -->
   <style> 
 h1{display:none} body{font-family:'Arial', sans-serif;padding:0;margin:0;height:100vh;display:grid;place-items:center} h2{text-align:center;font-size:24px;color:#333} .form-container{background-color:#ffffff;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);width:100%;max-width:400px;margin:0 20px} .input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:16px} .input-field:focus{border-color:#007bff;outline:none} .submit-button{width:100%;padding:12px;background-color:#007bff;color:white;border:none;border-radius:5px;font-size:16px;cursor:pointer} .submit-button:hover{background-color:#0056b3} .submit-button:active{background-color:#004085} .egiaganAlert{position:fixed;top:4rem;left:50%;transform:translate(-50%, -50%);padding:1rem 1.25rem;width:100%;max-width:600px;align-items:center;text-align:center;border:1px solid var(--border);border-radius:7px;background-color:var(--postBg);box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);display:none;animation:0.5s ease-out fadeInDown;z-index:3} @media only screen and (max-width:480px){.egiaganAlert{max-width:90%;width:100%;height:auto}.form-container{padding:20px;max-width:90%}.input-field{padding:12px;font-size:14px}.submit-button{padding:14px;font-size:14px}h2{font-size:20px}} @keyframes fadeInDown{from{opacity:0;transform:translate(-50%, -60%)}to{opacity:1;transform:translate(-50%, -50%)}} .egiaganAlert.success{background-color:#d4edda;color:#155724;border-color:#c3e6cb} .egiaganAlert.error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb} .egiagancom-credit{text-align:center;display:block;margin-top:20px;font-size:14px;color:#007bff} .egiagancom-credit:hover{text-decoration:underline}
</style>


     <!-- JS Form Login Firebase by egiagan.com -->
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script async defer>
/*<![CDATA[*/

// Pastikan Firebase sudah dimuat sebelum skrip ini

  // Objek konfigurasi login
  const egiaganLogin = {
    credit: {
      name: "www.egiagan.com",
      visibility: "visible"
    },
    profileUrl: "/p/profil.html",
    alert: {
      invalidInput: "Semua kolom harus diisi",
      loginSukses: "Login berhasil",
      loginGagal: "Terjadi kesalahan. Silakan coba lagi.",
      passwordSalah: "Password salah. Silakan coba lagi.",
      userNotFound: "Akun dengan email ini tidak ditemukan.",
      emailNotVerified: "Email Anda belum diverifikasi. Silakan periksa email Anda untuk verifikasi.",
    }
  };

  // Konfigurasi Firebase

  const firebaseConfig = {
  apiKey: "AIzaSyCD5PDwaJIJo4w2oryFdTBXfN5-EvidVRo",
  authDomain: "egiagan-28.firebaseapp.com",
  databaseURL: "https://egiagan-28.firebaseio.com",
  projectId: "egiagan-28",
  storageBucket: "egiagan-28.firebasestorage.app",
  messagingSenderId: "152487868909",
  appId: "1:152487868909:web:e411fcbf8a867d3cb30fe4"
  };

  // Inisialisasi Firebase hanya jika belum diinisialisasi
  if (!firebase.apps.length) {
    firebase.initializeApp(firebaseConfig);
  }

  // Cek apakah user sudah login
  firebase.auth().onAuthStateChanged(function (user) {

    if (user && user.emailVerified) {
      window.location.href = egiaganLogin.profileUrl;
    }
  });

  
/*]]>*/
</script>
<script>
function _0x8acf(){const _0x1bdcbb=['Format\x20email\x20tidak\x20valid.','then','signInWithEmailAndPassword','isConfirmed','Reset\x20Password','Masukkan\x20email\x20Anda\x20untuk\x20menerima\x20link\x20reset\x20password.','/p/profil.html','className','showValidationMessage','auth/wrong-password','flex','35661LCoeaL','Semua\x20kolom\x20harus\x20diisi','class','querySelector','signOut','28696YiYMIm','trim','disabled','contoh@gmail.com','login_email','code','login','preventDefault','href','click','emailVerified','434855vRKgsp','value','email','Email\x20yang\x20Anda\x20masukkan\x20tidak\x20valid.','body','location','catch','textContent','Silakan\x20cek\x20email\x20Anda.','https://www.egiagan.com','style','Gagal!','error','109336qygmfR','Akun\x20dengan\x20email\x20ini\x20tidak\x20ditemukan.','102AUvOzI','auth/user-disabled','fire','344492utzDLR','.egiaganAlert','Kirim','Terjadi\x20kesalahan.','Link\x20Reset\x20Dikirim!','egiagancom-credit','Password\x20salah.\x20Silakan\x20coba\x20lagi.','99JFJVdP','none','addEventListener','Email\x20Anda\x20belum\x20diverifikasi.\x20Silakan\x20periksa\x20email\x20Anda\x20untuk\x20verifikasi.','display','auth','finally','getAttribute','getElementById','Batal','3170250eMfCYc','Email\x20tidak\x20ditemukan.\x20Pastikan\x20sudah\x20terdaftar.','observe','30TkzBor','1239553HQwDqA','success','DOMContentLoaded','auth/invalid-email'];_0x8acf=function(){return _0x1bdcbb;};return _0x8acf();}function _0xddea(_0x4b99ad,_0x499bfa){const _0x8acff4=_0x8acf();return _0xddea=function(_0xddea2f,_0x3ea8fb){_0xddea2f=_0xddea2f-0x109;let _0x59729e=_0x8acff4[_0xddea2f];return _0x59729e;},_0xddea(_0x4b99ad,_0x499bfa);}const _0x1cece4=_0xddea;(function(_0x1cc430,_0x39806e){const _0x267b86=_0xddea,_0x5b2f49=_0x1cc430();while(!![]){try{const _0x8b0ce6=parseInt(_0x267b86(0x130))/0x1+-parseInt(_0x267b86(0x12d))/0x2*(-parseInt(_0x267b86(0x10e))/0x3)+parseInt(_0x267b86(0x12b))/0x4+-parseInt(_0x267b86(0x11e))/0x5*(parseInt(_0x267b86(0x144))/0x6)+parseInt(_0x267b86(0x145))/0x7+parseInt(_0x267b86(0x113))/0x8*(-parseInt(_0x267b86(0x137))/0x9)+-parseInt(_0x267b86(0x141))/0xa;if(_0x8b0ce6===_0x39806e)break;else _0x5b2f49['push'](_0x5b2f49['shift']());}catch(_0x87822c){_0x5b2f49['push'](_0x5b2f49['shift']());}}}(_0x8acf,0x58d1d),document[_0x1cece4(0x139)](_0x1cece4(0x147),()=>{const _0x40f919=_0x1cece4,_0x28111d=document[_0x40f919(0x111)](_0x40f919(0x131)),_0x4aa2e5=document[_0x40f919(0x13f)](_0x40f919(0x119)),_0x1fc90b=document[_0x40f919(0x13f)]('forgot-password-link');function _0x415553(_0x157dbf,_0xe59251){const _0x1b7da9=_0x40f919;if(!_0x28111d)return;_0x28111d[_0x1b7da9(0x125)]=_0x157dbf,_0x28111d[_0x1b7da9(0x10a)]='egiaganAlert\x20'+_0xe59251,_0x28111d[_0x1b7da9(0x128)][_0x1b7da9(0x13b)]=_0x1b7da9(0x10d),setTimeout(()=>{const _0x1b064a=_0x1b7da9;_0x28111d[_0x1b064a(0x128)][_0x1b064a(0x13b)]=_0x1b064a(0x138),_0x28111d['className']='egiaganAlert';},0xfa0);}_0x1fc90b&&_0x1fc90b[_0x40f919(0x139)]('click',function(_0x1eb1bb){const _0x39119a=_0x40f919;_0x1eb1bb[_0x39119a(0x11a)](),Swal['fire']({'title':_0x39119a(0x14d),'text':_0x39119a(0x14e),'input':_0x39119a(0x120),'inputPlaceholder':_0x39119a(0x116),'showCancelButton':!![],'confirmButtonText':_0x39119a(0x132),'cancelButtonText':_0x39119a(0x140),'preConfirm':_0x410296=>{const _0x2fd875=_0x39119a;return!_0x410296&&Swal[_0x2fd875(0x10b)]('Email\x20tidak\x20boleh\x20kosong!'),_0x410296;}})[_0x39119a(0x14a)](_0x7fc2d2=>{const _0x147ec5=_0x39119a;if(_0x7fc2d2[_0x147ec5(0x14c)]){const _0x46039a=_0x7fc2d2[_0x147ec5(0x11f)];firebase['auth']()['sendPasswordResetEmail'](_0x46039a)[_0x147ec5(0x14a)](()=>{const _0x554a1d=_0x147ec5;Swal[_0x554a1d(0x12f)]({'icon':_0x554a1d(0x146),'title':_0x554a1d(0x134),'text':_0x554a1d(0x126),'confirmButtonText':'OK'})['then'](()=>{const _0x2ec454=_0x554a1d;window['location'][_0x2ec454(0x11b)]='/p/login.html';});})[_0x147ec5(0x124)](_0xfe05d=>{const _0x57e6a1=_0x147ec5;let _0x29e837=_0x57e6a1(0x133);if(_0xfe05d[_0x57e6a1(0x118)]==='auth/user-not-found')_0x29e837=_0x57e6a1(0x142);else _0xfe05d[_0x57e6a1(0x118)]===_0x57e6a1(0x148)&&(_0x29e837=_0x57e6a1(0x149));Swal[_0x57e6a1(0x12f)]({'icon':_0x57e6a1(0x12a),'title':_0x57e6a1(0x129),'text':_0x29e837});});}});}),_0x4aa2e5&&_0x4aa2e5[_0x40f919(0x139)](_0x40f919(0x11c),()=>{const _0x571080=_0x40f919,_0x178b64=document[_0x571080(0x13f)](_0x571080(0x117))['value']['trim'](),_0x32f9c7=document['getElementById']('login_password')[_0x571080(0x11f)];if(!_0x178b64||!_0x32f9c7){_0x415553(_0x571080(0x10f),_0x571080(0x12a));return;}_0x4aa2e5[_0x571080(0x115)]=!![],firebase[_0x571080(0x13c)]()[_0x571080(0x14b)](_0x178b64,_0x32f9c7)[_0x571080(0x14a)](({user:_0x36be11})=>{const _0x48ea96=_0x571080;_0x36be11[_0x48ea96(0x11d)]?(_0x415553('Login\x20berhasil',_0x48ea96(0x146)),setTimeout(()=>window['location'][_0x48ea96(0x11b)]=_0x48ea96(0x109),0x5dc)):(_0x415553(_0x48ea96(0x13a),_0x48ea96(0x12a)),firebase[_0x48ea96(0x13c)]()[_0x48ea96(0x112)]());})[_0x571080(0x124)](_0x16e644=>{const _0x103860=_0x571080;let _0x282450;switch(_0x16e644[_0x103860(0x118)]){case _0x103860(0x10c):_0x282450=_0x103860(0x136);break;case'auth/user-not-found':_0x282450=_0x103860(0x12c);break;case _0x103860(0x148):_0x282450=_0x103860(0x121);break;case _0x103860(0x12e):_0x282450='Akun\x20Anda\x20telah\x20dinonaktifkan.';break;default:_0x282450='Terjadi\x20kesalahan.\x20Silakan\x20coba\x20lagi.';}_0x415553(_0x282450,_0x103860(0x12a));})[_0x571080(0x13d)](()=>{const _0x455f36=_0x571080;_0x4aa2e5[_0x455f36(0x115)]=![];});});}),document[_0x1cece4(0x139)](_0x1cece4(0x147),function(){const _0x483a81=_0x1cece4,_0x22b160=_0x483a81(0x127),_0x116b28='www.egiagan.com',_0x11ffd6=_0x483a81(0x135);function _0x4cd5ce(){const _0x572776=_0x483a81;window[_0x572776(0x123)]['href']=_0x22b160;}function _0x50ba35(){const _0x1e0f4f=_0x483a81,_0x3a972c=document[_0x1e0f4f(0x111)]('a.egiagancom-credit');if(!_0x3a972c){_0x4cd5ce();return;}const _0x1206df=_0x3a972c[_0x1e0f4f(0x13e)](_0x1e0f4f(0x11b)),_0x538e8f=_0x3a972c[_0x1e0f4f(0x125)][_0x1e0f4f(0x114)](),_0x357d06=_0x3a972c['getAttribute'](_0x1e0f4f(0x110));if(_0x1206df!==_0x22b160||_0x538e8f!==_0x116b28||!_0x357d06['includes'](_0x11ffd6)){_0x4cd5ce();return;}}_0x50ba35();const _0x5b1981=new MutationObserver(()=>{_0x50ba35();});_0x5b1981[_0x483a81(0x143)](document[_0x483a81(0x122)],{'childList':!![],'subtree':!![],'characterData':!![],'attributes':!![]});}));
</script>

Selesai!

Jangan Menganti Credit Pada Kode Registrasi Firebase Agar Kode Bisa Berjalan dan Tidak Beralih ke www.egiagan.com.

Fitur Tambahan pada Login Authentication Firebase

Pada JavaScript login-logout authentication Firebase di atas, saya juga telah menambahkan fitur permintaan reset password untuk pengguna yang lupa kata sandinya. Untuk mereset password, pengguna cukup mengklik tombol "Lupa Password?" lalu memasukkan alamat email yang terdaftar. Jika email yang dimasukkan valid dan sudah terdaftar di database, Firebase akan mengirimkan email konfirmasi berisi tautan untuk mengatur ulang kata sandi.

Fitur reset kata sandi mungkin tidak akan berfungsi jika konfigurasi script rules di Firebase tidak diatur dengan benar (lihat pada poin kedua dan langkah ketiga). Pastikan bahwa aturan database di Firebase sudah ditulis dengan benar agar fitur ini berjalan dengan baik.

Selain itu, saya juga menambahkan fitur validasi email pengguna. Jika email pengguna belum diverifikasi, mereka tidak akan bisa login. Namun, setelah proses verifikasi selesai, pengguna dapat menggunakan email tersebut untuk mengakses akun mereka.

Mengapa Tidak Menggunakan Login dengan Akun Google?

Karena artikel ini merupakan kelanjutan dari pembahasan sebelumnya, di mana metode autentikasi yang digunakan adalah Email dan Password, bukan login menggunakan Akun Google. Jika ingin menambahkan opsi login dengan Akun Google, kamu harus mengaktifkan metode tersebut di provider authentication Firebase dan melakukan penyesuaian pada JavaScript. Ke depannya, saya berencana untuk memperbarui artikel ini dan menambahkan metode login menggunakan Akun Google. Jadi, nantikan pembaruannya!

Kesimpulan

Itulah tutorial tentang cara membuat fitur login autentikasi di Blogger menggunakan Firebase. Script yang saya bagikan di atas merupakan implementasi login-logout dasar. Kamu bisa mengembangkan fungsionalitasnya sesuai kebutuhan, misalnya dengan membuat halaman khusus yang memuat informasi pribadi pengguna atau data transaksi pembelian mereka. Jika ingin lebih spesifik, kamu juga bisa menambahkan sistem autentikasi untuk memberikan akses eksklusif bagi pengguna premium. Sesuaikan dan kreasikan sesuai dengan kebutuhan dan kreativitasmu!

Jika ingin menghapus Cridit cukup berlangan Premium saja dan kode tanpa kridit bisa kamu hapus dan ubah

Cara Untuk Berlangganan Premium produk di blog Egiagan.lihat di sini

Untuk cara melalukan pembelian produk di blog Egiagan, lihat di sini

Kode Login Open Source Khusus Member

Maaf, kamu tidak memiliki akses ke konten eksklusif ini. Hubungi admin jika ada kesalahan.

Paket Premium Sudah Berakhir!

Maaf, masa aktif paket premium akun kamu sudah habis. Silakan lakukan perpanjangan paket premium terlebih dulu untuk mengakses konten di halaman ini.

Cara Mudah Menambahkan Fitur Registrasi di Blogger dengan Firebase

noreply@blogger.com (Egi Agan) — Sun, 25 May 2025 17:43:00 +0700

menambahkan Fitur Registrasi di Blogger

Pada artikel kali ini, saya akan membahas sekaligus membagikan source code untuk menambahkan fitur registrasi di Blogger/Blogspot menggunakan Firebase.

Salah satu kendala utama adalah keterbatasan fitur bawaan Blogger. Oleh karena itu, kita perlu menggunakan database pihak ketiga untuk menyimpan data pengguna yang mendaftar di blog. Semua proses harus dilakukan secara manual, termasuk menghubungkan Firebase Authentication dan Database Firebase dengan kode JavaScript yang digunakan di blog. Ini berbeda dengan WordPress, yang sudah menyediakan plugin khusus untuk fitur login, sehingga pemasangannya jauh lebih mudah dan tidak perlu dilakukan secara manual.

Dalam tutorial ini, saya hanya akan fokus pada cara menambahkan fitur registrasi. Sementara untuk fitur login, akan saya bahas secara terpisah di artikel berikutnya agar lebih mudah dipahami dan tidak terlalu panjang dalam satu pembahasan.

Cara Memasang Fitur Register di Blogger Menggunakan Firebase

Source code fitur register yang akan saya bagikan ini memerlukan database dari Firebase untuk menyimpan data-data user yang telah mendaftar di blog. Nantinya, jika user sudah berhasil melalukan registrasi dan berhasil melalukan VERIFIKASI EMAIL, data user akan dilanjutkan dan disimpan ke database Firebase secara otomatis.

Selan itu, saya juga menambahkan fungsi validasi untuk mencocokkan data yang akan didaftarkan dengan data yang sudah tersimpan di database. Jika email atau nomor telepon pengguna ternyata sudah terdaftar di database, maka user tadi tidak dapat menggunakan data yang sama (simpelnya agar tidak terjadi penggunaan duplikat data). Dan untuk cara pemasangannya akan saya bagi menjadi beberapa tahap supaya memudahkan dalam memahami langkah-langkahnya. Simak dan ikuti tahapnya di bawah ini sampai selesai ya.

Kenapa Harus Ada Verifikasi Email?

Tahap verifikasi email ini bertujuan untuk mencegah adanya spam pendaftaran (mendaftar secara berturut-turut) serta pendaftaran dengan data yang tidak valid dari pengunjung. Jadi jika ada pengunjung yang ingin mendaftar di blog kamu, mereka harus menggunakan data email yang valid karena harus melewati proses verifikasi atau konfirmasi pendaftaran terlebih dahulu.

Membuat Proyek Web App di Firebase

Karena fitur registrasi ini memerlukan database, langkah pertama yang perlu dilakukan adalah membuat proyek Firebase untuk menyimpan data pengguna. Jika kamu sudah memiliki proyek Firebase kosong, kamu bisa melewati langkah ini dan langsung ke tahap berikutnya.

Mendaftarkan App Web di Firebase

Langkah-langkah:

1. Buka Firebase

2. Kunjungi situs Firebase di https://firebase.google.com.

3. Jika ini pertama kalinya menggunakan Firebase, klik tombol "Mulai", lalu masuk menggunakan akun Google kamu.

4. Setelah berhasil masuk ke akun Firebase, klik tombol "Add Project" di halaman dashboard.

5. Ikuti langkah-langkah yang diberikan hingga proyek Firebase berhasil dibuat.

6. Setelah proyek berhasil dibuat, klik ikon "</>" (CODE) untuk membuat app web baru dalam proyek tersebut.

Mendaftarkan App Web di Firebase

Langkah-langkah:

1. Masukkan nama untuk app web sesuai keinginan.

2. Klik tombol "Register app" untuk melanjutkan.

3. Pada tahap kedua, pilih opsi yang menggunakan tag <script>.

4. SALIN semua script yang ditampilkan pada halaman konfigurasi.

5. Script ini berisi API key, authDomain, projectId, dan informasi lain yang diperlukan untuk menghubungkan Firebase ke Blogger.

6. Setelah menyalin script, klik tombol "Continue to console" untuk masuk ke dashboard Firebase.

7. Login dengan Akun Google

Buat Proyek Baru

Ikuti Petunjuk Pembuatan Proyek

1. Tambahkan App Web

Setelah tahap ini selesai, proyek Firebase telah siap digunakan untuk proses registrasi pengguna. Selanjutnya, kita akan membuat Realtime Database untuk menyimpan data pengguna yang terdaftar.

Setelah membuat proyek Firebase, langkah selanjutnya adalah mendaftarkan app web agar dapat digunakan di Blogger.

2. Beri Nama Web App

3. Pilih Opsi Integrasi

4. Salin Konfigurasi Firebase

5. Selesai!

Langkah berikutnya adalah mengintegrasikan script Firebase ke dalam Blogger agar fitur registrasi bisa digunakan.

Sampai tahap ini sudah selesai membuat project dan web app baru di Firebase. Langkah selanjutnya membuat realtime database baru. Untuk caranya, ikuti langkah-langkah pada poin berikut.

Membuat Realtime Database di Firebase

Masih di halaman project sebelumnya, klik menu Build Realtime Database Create Database.

Memasang Fitur Register Authentication di Blogger

Membuat Realtime Database Firebase baru

Untuk lokasi realtime database, gunakan opsi default, United States (us-central1) dan untuk security rules pilih yang Start in locked mode. Kemudian klik tombol Enable.

Kemudian masuk ke tab Rules lalu ganti semua script rules bawaan dengan rules di bawah ini.

{

"rules": {

".read": true,

".write": true

}

Rules ini bisa kamu ganti dan sesuaikan sendiri sesuai kebutuhan kamu dan rules ini juga yang menentukan script berfungsi atau tidak.

Selesai!

Jika Teman-teman bingung lihat pada gambar Alurnya

Lihat Petunjuk Gambar Ini

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Buka Firebase

Buat Projek Baru

project settings

Buka App Baru

Buat App Baru Realtime Database

Salin dan simpan dulu kode Firebasemu

Mauk ke sini authentication

Aktifkan authentication Google

authentication Google

Aktifkan authentication Email juga

Masuk Keseting Amsukan Domain Kalian

Membuat Project Authentication Firebase

Project authentication ini digunakan untuk metode registrasi dan login user. Di sini saya hanya akan contohkan metode register menggunakan email dan password. Jika kamu ingin menambahkan metode lain seperti menggunakan akun Google juga bisa.

Masih di halaman project yang sama, buka menu Build Authentication klik tombol Get started.

Pilih pada tab Sign-in method kemudian pilih Email/Password. Dan jangan lupa aktifkan terlebih dulu kedua pengaturan seperti gambar di bawah ini. Setelah itu klik Save.

Cara Memasang Fitur Register di Blogger dengan Firebase Authentication

Setelah itu masuk ke tab bagian Settings Authorized domains. Setelah itu klik Add domain lalu tambahkan domain blog kamu.

Di poin ini kamu bisa sesuaikan pengaturan pesan email verifikasi yang akan dikirim untuk user. Secara default, semua pesan seperti konfirmasi email dan reset password menggunakan bahasa Inggris. Kamu bisa atur melalui tab Templates.

Memasang Script Register di Blogger

Masuk ke akun Blogger kamu.

Buat halaman baru khusus untuk form registrasi user.

Pindah ke Tampilan HTML.

Setelah itu salin dan tempelkan seluruh kode di bawah ini.

Salin dan tempelkan seluruh skrip yang ada di bawah ini.

Selesai!

Jangan lupa ganti bagian config Firebase dengan script config Firebase kamu yang sudah kamu salin pada tahap Pembuatan Akun Firebase.

HTML
CCS
javascript


    <!-- HTML REGITRASI Form Firebase BY EGIAGAN.COMm -->
<form id=registration_form name=registration_form><div class=form-container><h2>Registrasi Akun</h2><input class=input-field id=name placeholder="Nama Anda"> <input class=input-field id=email placeholder="Email (ex. contoh@gmail.com)"name=email type=email> <input class=input-field id=password placeholder="Password (ex. contoh123)"name=password type=password> <button class=submit-button id=register type=button name=register>DAFTAR</button><div style=margin-top:20px;text-align:center><span>Sudah punya akun?</span><br><button class=submit-button id=login_redirect type=button onclick='window.location.href="/p/login.html"'>LOGIN</button></div></div></form><div class=egiaganAlert></div><a class=egiagancom-credit href=https://www.egiagan.com>www.egiagan.com</a>


    <!-- CCS REGITRASI Form Firebase BY EGIAGAN.COMm -->
<style> 
 h1{display:none} body{font-family:'Arial', sans-serif;padding:0;margin:0;height:100vh;display:grid;place-items:center} h2{text-align:center;font-size:24px;color:#333} .form-container{background-color:#ffffff;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);width:100%;max-width:400px;margin:0 20px} .input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:16px} .input-field:focus{border-color:#007bff;outline:none} .submit-button{width:100%;padding:12px;background-color:#007bff;color:white;border:none;border-radius:5px;font-size:16px;cursor:pointer} .submit-button:hover{background-color:#0056b3} .submit-button:active{background-color:#004085} .egiaganAlert{position:fixed;top:4rem;left:50%;transform:translate(-50%, -50%);padding:1rem 1.25rem;width:100%;max-width:600px;align-items:center;text-align:center;border:1px solid var(--border);border-radius:7px;background-color:var(--postBg);box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);display:none;animation:0.5s ease-out fadeInDown;z-index:3} @media only screen and (max-width:480px){.egiaganAlert{max-width:90%;width:100%;height:auto}.form-container{padding:20px;max-width:90%}.input-field{padding:12px;font-size:14px}.submit-button{padding:14px;font-size:14px}h2{font-size:20px}} @keyframes fadeInDown{from{opacity:0;transform:translate(-50%, -60%)}to{opacity:1;transform:translate(-50%, -50%)}} .egiaganAlert.success{background-color:#d4edda;color:#155724;border-color:#c3e6cb} .egiaganAlert.error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb} .egiagancom-credit{text-align:center;display:block;margin-top:20px;font-size:14px;color:#007bff} .egiagancom-credit:hover{text-decoration:underline}
</style>


     <!-- JS BY EGIAGAN.COM -->>
<!-- JS -->
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
// Inisialisasi objek egiaganRegister
let egiaganRegister = {
  credit: {
    name: "www.egiagan.com",
    visibility: "visible"
  },
  alert: {
    invalidInput: "Semua kolom harus diisi",
    regisBerhasil: "Registrasi berhasil. Silakan verifikasi email sebelum login.",
    regisGagal: "Terjadi kesalahan saat registrasi. Silakan coba lagi.",
    emailEksis: "Alamat email sudah terdaftar.",
    emailVerifikasi: "Silakan periksa email Anda dan verifikasi akun Anda untuk melanjutkan."
  },
  profileUrl: "/p/login.html"  // URL halaman login
};
// Ganti mengunakan Firebase kamu
// Firebase Config 
const firebaseConfig = {
  apiKey: "AIzaSyCD5PDwaJIJo4w2orykdTBXfN5-EvidVRo",
  authDomain: "egiagan-28999.firebaseapp.com",
  databaseURL: "https://egiagan-28999.firebaseio.com",
  projectId: "egiagan-28",
  storageBucket: "egiagan-28.firebasestorage.app",
  messagingSenderId: "152487898909",
  appId: "1:152487878909:web:e411fcbf8a867d3cb30fe4"
};
// Inisialisasi Firebase
firebase.initializeApp(firebaseConfig);

function _0x33bf(){const _0x215ecd=['href','block','emailVerifikasi','body','sendEmailVerification','3487820lYrgqA','6863780EDnlzl','numeric','getAttribute','getElementById','set','onAuthStateChanged','style','innerHTML','classList','none','disabled','.egiaganAlert','www.egiagan.com','add','14931HYTMaI','1164182JiIGcp','414213UawuwW','code','DOMContentLoaded','7804752wmzWQn','emailEksis','a.egiagancom-credit','getDate','name','getMonth','20UsFdjn','website','value','textContent','email','addEventListener','getFullYear','location','getHours','1305468RqDpBH','error','user','regisBerhasil','users/','2-digit','8304fokrVU','alert','phone','auth','then','id-ID','register','ref','database','createUserWithEmailAndPassword','click','display','profileUrl','querySelector','invalidInput','uid','padStart','emailVerified','trim'];_0x33bf=function(){return _0x215ecd;};return _0x33bf();}const _0x442fda=_0x2bb6;(function(_0x273c84,_0x265685){const _0x109222=_0x2bb6,_0x101183=_0x273c84();while(!![]){try{const _0x2c50f4=parseInt(_0x109222(0xc8))/0x1+parseInt(_0x109222(0xf6))/0x2+-parseInt(_0x109222(0xf7))/0x3*(parseInt(_0x109222(0xbf))/0x4)+-parseInt(_0x109222(0xe7))/0x5+-parseInt(_0x109222(0xfa))/0x6+parseInt(_0x109222(0xe6))/0x7+parseInt(_0x109222(0xce))/0x8*(parseInt(_0x109222(0xf5))/0x9);if(_0x2c50f4===_0x265685)break;else _0x101183['push'](_0x101183['shift']());}catch(_0x89abca){_0x101183['push'](_0x101183['shift']());}}}(_0x33bf,0xb5a16),document['addEventListener'](_0x442fda(0xf9),function(){const _0xcaa513=_0x442fda,_0xce1bcb=document[_0xcaa513(0xea)](_0xcaa513(0xd4)),_0x4cbab1='https://www.egiagan.com',_0x36c6a5=_0xcaa513(0xf3),_0x351d08='egiagancom-credit';function _0x1b923d(){const _0x349902=_0xcaa513;window['location'][_0x349902(0xe1)]=_0x4cbab1;}function _0x561f92(){const _0x57a710=_0xcaa513,_0x6ed18b=document['querySelector'](_0x57a710(0xfc));if(!_0x6ed18b){_0x1b923d();return;}const _0x2f2536=_0x6ed18b[_0x57a710(0xe9)](_0x57a710(0xe1)),_0x419613=_0x6ed18b[_0x57a710(0xc2)][_0x57a710(0xe0)](),_0x2f9ca8=_0x6ed18b[_0x57a710(0xe9)]('class');(_0x2f2536!==_0x4cbab1||_0x419613!==_0x36c6a5||!_0x2f9ca8['includes'](_0x351d08))&&_0x1b923d();}_0x561f92();const _0x3a469b=new MutationObserver(()=>{_0x561f92();});_0x3a469b['observe'](document[_0xcaa513(0xe4)],{'childList':!![],'subtree':!![],'characterData':!![],'attributes':!![]});_0xce1bcb&&_0xce1bcb[_0xcaa513(0xc4)](_0xcaa513(0xd8),function(){const _0x19f4f8=_0xcaa513,_0x5641ee=document[_0x19f4f8(0xea)](_0x19f4f8(0xfe))['value'][_0x19f4f8(0xe0)](),_0x4b8873=document['getElementById'](_0x19f4f8(0xc3))[_0x19f4f8(0xc1)][_0x19f4f8(0xe0)](),_0x50577a=document[_0x19f4f8(0xea)]('password')[_0x19f4f8(0xc1)],_0x1ecdf6=document[_0x19f4f8(0xea)](_0x19f4f8(0xd0))?.[_0x19f4f8(0xc1)][_0x19f4f8(0xe0)]()||'',_0x5940c9=document[_0x19f4f8(0xea)]('bio')?.[_0x19f4f8(0xc1)][_0x19f4f8(0xe0)]()||'',_0x54d858=document[_0x19f4f8(0xea)](_0x19f4f8(0xc0))?.[_0x19f4f8(0xc1)]['trim']()||'';if(!_0x5641ee||!_0x4b8873||!_0x50577a){_0x19cbd2(egiaganRegister['alert'][_0x19f4f8(0xdc)],'error');return;}_0xce1bcb[_0x19f4f8(0xf1)]=!![],firebase[_0x19f4f8(0xd1)]()[_0x19f4f8(0xd7)](_0x4b8873,_0x50577a)[_0x19f4f8(0xd2)](_0x1982c9=>{const _0x2a33fa=_0x19f4f8,_0x23a97a=_0x1982c9[_0x2a33fa(0xca)];return firebase[_0x2a33fa(0xd6)]()[_0x2a33fa(0xd5)](_0x2a33fa(0xcc)+_0x23a97a[_0x2a33fa(0xdd)])[_0x2a33fa(0xeb)]({'uid':_0x23a97a['uid'],'name':_0x5641ee,'email':_0x4b8873,'status':_0x2a33fa(0xca),'premium':![],'phone':_0x1ecdf6,'bio':_0x5940c9,'website':_0x54d858,'expired':new Date()['toLocaleString'](_0x2a33fa(0xd3),{'day':_0x2a33fa(0xcd),'month':_0x2a33fa(0xcd),'year':_0x2a33fa(0xe8),'hour':'2-digit','minute':_0x2a33fa(0xcd),'second':_0x2a33fa(0xcd)})})['then'](()=>{const _0x1508a5=_0x2a33fa;return _0x23a97a[_0x1508a5(0xe5)]();});})[_0x19f4f8(0xd2)](()=>{const _0x3a3f2a=_0x19f4f8;_0x19cbd2(egiaganRegister['alert'][_0x3a3f2a(0xcb)],'success'),_0x19cbd2(egiaganRegister[_0x3a3f2a(0xcf)][_0x3a3f2a(0xe3)],'success'),setTimeout(()=>{const _0x4b3f1a=_0x3a3f2a;window[_0x4b3f1a(0xc6)]['href']=egiaganRegister[_0x4b3f1a(0xda)];},0xbb8);})['catch'](_0x1e10d3=>{const _0x4cfd35=_0x19f4f8;let _0x57de62=egiaganRegister[_0x4cfd35(0xcf)]['regisGagal'];_0x1e10d3[_0x4cfd35(0xf8)]==='auth/email-already-in-use'&&(_0x57de62=egiaganRegister['alert'][_0x4cfd35(0xfb)]),_0x19cbd2(_0x57de62,_0x4cfd35(0xc9));})['finally'](()=>{const _0x3d61f1=_0x19f4f8;_0xce1bcb[_0x3d61f1(0xf1)]=![];});});function _0x19cbd2(_0x4c1652,_0x52b8e3){const _0x31033d=_0xcaa513,_0x31c183=document[_0x31033d(0xdb)](_0x31033d(0xf2));if(!_0x31c183)return;_0x31c183[_0x31033d(0xef)][_0x31033d(0xf4)](_0x52b8e3),_0x31c183[_0x31033d(0xee)]=_0x4c1652,_0x31c183[_0x31033d(0xed)][_0x31033d(0xd9)]=_0x31033d(0xe2),setTimeout(()=>{const _0x4fdf84=_0x31033d;_0x31c183[_0x4fdf84(0xed)][_0x4fdf84(0xd9)]=_0x4fdf84(0xf0),_0x31c183[_0x4fdf84(0xef)]['remove'](_0x52b8e3);},0xfa0);}}));function _0x2bb6(_0x35aae2,_0x2251ed){const _0x33bfff=_0x33bf();return _0x2bb6=function(_0x2bb657,_0x2d6679){_0x2bb657=_0x2bb657-0xbe;let _0x27694b=_0x33bfff[_0x2bb657];return _0x27694b;},_0x2bb6(_0x35aae2,_0x2251ed);}const now=new Date(),expired=now[_0x442fda(0xc5)]()+'-'+String(now[_0x442fda(0xbe)]()+0x1)[_0x442fda(0xde)](0x2,'0')+'-'+String(now[_0x442fda(0xfd)]())[_0x442fda(0xde)](0x2,'0')+'\x20'+String(now[_0x442fda(0xc7)]())[_0x442fda(0xde)](0x2,'0')+':'+String(now['getMinutes']())[_0x442fda(0xde)](0x2,'0')+':'+String(now['getSeconds']())[_0x442fda(0xde)](0x2,'0');firebase[_0x442fda(0xd1)]()[_0x442fda(0xec)](function(_0x414795){const _0xd3a7e3=_0x442fda;_0x414795&&_0x414795[_0xd3a7e3(0xdf)]&&(window[_0xd3a7e3(0xc6)]['href']=egiaganRegister[_0xd3a7e3(0xda)]);});
</script>

Selesai!

Jangan Menganti Credit Pada Kode Registrasi Firebase Agar Kode Bisa Berjalan dan Tidak Beralih ke www.egiagan.com.

Penutup

Sampai di tahap ini, kamu sudah berhasil memasang fitur registrasi di Blogger menggunakan Firebase Authentication. Sekarang, kamu bisa langsung mencoba fitur registrasi yang telah dibuat di blog kamu.Jika ingin melihat tampilan demo fitur registrasi, kamu bisa mengunjungi halaman registrasi yang telah dibuat. Script yang digunakan di halaman tersebut sama dengan script yang sudah dijelaskan sebelumnya.Jika fitur registrasi di blog kamu tidak berfungsi atau mengalami kendala, jangan ragu untuk bertanya di kolom komentar. Selamat mencoba!

Jika ingin menghapus Cridit cukup berlangan Premium saja dan kode tanpa kridit bisa kamu hapus dan ubah

Cara Untuk Berlangganan Premium produk di blog Egiagan.lihat di sini

Untuk cara melalukan pembelian produk di blog Egiagan, lihat di sini.

Kode Registrasi Open Source Khusus Member

Maaf, kamu tidak memiliki akses ke konten eksklusif ini. Hubungi admin jika ada kesalahan.

Paket Premium Sudah Berakhir!

Maaf, masa aktif paket premium akun kamu sudah habis. Silakan lakukan perpanjangan paket premium terlebih dulu untuk mengakses konten di halaman ini.

8 Kelebihan Fitur Login Authentication untuk Visitor dan Webmaster

noreply@blogger.com (Egi Agan) — Thu, 27 Feb 2025 20:56:00 +0700

2 Kelebihan Memasang Fitur Login Authentication

Apa itu Login Authentication

Login Authentication adalah proses verifikasi identitas pengguna sebelum mereka dapat mengakses suatu sistem atau aplikasi. Tujuan utamanya adalah untuk memastikan bahwa hanya pengguna yang sah dan terotorisasi yang dapat mengakses konten atau fitur tertentu. Proses ini biasanya melibatkan dua langkah utama:

Penyediaan Kredensial: Pengguna memasukkan informasi yang membuktikan identitas mereka, seperti nama pengguna (username) dan kata sandi (password). Dalam beberapa kasus, dapat juga mencakup metode lain seperti otentikasi dua faktor (2FA), yang menambahkan lapisan keamanan tambahan.
Verifikasi Identitas: Sistem memeriksa kredensial yang dimasukkan untuk memastikan mereka cocok dengan data yang telah tersimpan dalam database atau sistem keamanan lainnya. Jika kredensial valid, pengguna diberikan akses ke aplikasi atau website yang dilindungi.

Dengan login authentication, website atau aplikasi dapat memastikan bahwa hanya pengguna yang memiliki akun yang terdaftar dan kredensial yang benar yang dapat mengakses data atau fitur tertentu, meningkatkan keamanan dan privasi.Berikut 8 kelebihan yang saya rangkum untuk teman-teman,

8 Kelebihan Fitur Login Authentication untuk Visitor dan Webmaster

Bagi Webmaster:

Pengelolaan Pengguna yang Efektif: Webmaster dapat memantau dan mengelola data pengguna yang terdaftar, serta mengontrol akses ke konten berdasarkan hak pengguna.
Personalisasi Pengalaman Pengguna: Webmaster dapat memberikan pengalaman yang lebih personal dengan menampilkan konten yang relevan berdasarkan preferensi atau riwayat pengguna.
Keamanan Lebih Tinggi: Login membantu meningkatkan keamanan situs dengan membatasi akses ke area tertentu hanya bagi pengguna terdaftar atau dengan hak akses tertentu.
Menyimpan Data Pengguna: Webmaster dapat menyimpan data pengguna, seperti komentar, preferensi, atau riwayat aktivitas, untuk menganalisis perilaku pengguna atau meningkatkan pengalaman mereka di situs.
Pengelolaan Akses Konten: Dengan login, webmaster dapat mengontrol konten yang dapat diakses oleh pengguna, baik itu konten umum atau eksklusif yang hanya tersedia bagi anggota terdaftar.
Interaksi Lebih Baik dengan Pengguna: Webmaster dapat lebih mudah berinteraksi dengan pengguna melalui komentar, pesan pribadi, atau notifikasi yang dipersonalisasi.
Fitur Keanggotaan atau Langganan: Webmaster dapat menawarkan fitur langganan atau keanggotaan yang memberikan manfaat tambahan bagi pengguna terdaftar.
Meningkatkan Kredibilitas dan Kepercayaan: Fitur login menambah kesan profesional dan membantu membangun kepercayaan antara situs dan pengguna.

Bagi Visitor:

Akses ke Konten Eksklusif: Pengguna yang terdaftar dapat mengakses konten yang hanya tersedia bagi anggota, seperti artikel premium, tutorial khusus, atau fitur lainnya yang dibatasi.
Pengalaman yang Dipersonalisasi: Setelah login, pengguna bisa mendapatkan rekomendasi konten atau fitur berdasarkan minat dan riwayat aktivitas mereka di situs.
Menyimpan Data dan Riwayat Aktivitas: Pengguna dapat menyimpan preferensi, riwayat pembelian, atau komentar yang dapat diakses kembali saat mereka login, tanpa perlu mengulang pengaturan.
Berinteraksi dengan Konten dan Komunitas: Login memungkinkan pengguna untuk berpartisipasi dalam diskusi, memberikan rating, atau berkomentar pada konten yang ada di situs.
Keamanan yang Lebih Terjamin: Fitur login menjaga keamanan akun dan data pribadi pengguna melalui autentikasi, memastikan bahwa hanya pengguna terdaftar yang dapat mengakses informasi mereka.
Pemberitahuan dan Pembaruan: Pengguna dapat menerima notifikasi tentang konten baru, diskon, atau pembaruan yang relevan dengan minat mereka.
Kemudahan Mengakses Fitur Tambahan: Login memungkinkan pengguna untuk menggunakan fitur tambahan seperti daftar favorit, mengelola profil pribadi, atau berlangganan newsletter.
Kontrol Preferensi Pengguna: Pengguna dapat mengelola pengaturan dan preferensi tampilan situs sesuai dengan kebutuhan mereka, menciptakan pengalaman browsing yang lebih nyaman.

Secara keseluruhan, fitur login memberikan manfaat besar bagi kedua belah pihak. Bagi webmaster, ini memberikan kontrol lebih besar atas pengguna dan konten, sementara bagi visitor, fitur login meningkatkan kenyamanan, personalisasi, dan keamanan dalam berinteraksi dengan situs.

Semoga artikel ini sesuai dengan harapan!

Themes Premium Shanum Cosmetics Dunia Kecantikan

noreply@blogger.com (Egi Agan) — Tue, 18 Feb 2025 08:32:00 +0700

Themes Premium Shanum Cosmetics

Formulir Pembelian

Harga

^Rp240.000 / ^$15

Harga

^Rp 240.000 / ^$15

Nama Produk

Medisan

Premium-id-Premium

Versi Terbaru

1.0

Tanggal Rilis

22 Jan 2025

Pembaruan Terakhir

22 Jan 2025

Wajib membaca dan setuju dengan syarat dan ketentuan yang berlaku sebelum membeli (lihat di tab syarat dan ketentuan).

Gratis update ke versi terbaru jika tersedia dan tidak melanggar syarat ketentuan yang berlaku.

Produk tidak boleh dibagikan atau dijual ulang.

Panduan Membeli Produk

Deskripsi
Paket Produk
Dokumentasi
Syarat dan Ketentuan
Changelog

Halaman 1

Template Shanum Cosmetik dirancang dengan tampilan yang bersih dan profesional, menonjolkan estetika minimalis yang elegan. Palet warna yang digunakan didominasi oleh nuansa putih dan pastel, menciptakan kesan lembut dan ramah bagi pengunjung. Struktur navigasi yang sederhana memudahkan pengguna dalam menjelajahi berbagai halaman, seperti Beranda, Produk, Berita, dan Kontak. Selain itu, terdapat fitur slider gambar di bagian atas halaman utama yang dapat digunakan untuk menampilkan promosi atau produk unggulan.

Kelebihan Template:

Desain Responsif: Template ini telah dioptimalkan untuk berbagai perangkat, memastikan tampilan yang konsisten dan menarik baik di desktop maupun perangkat mobile.

Navigasi Intuitif: Menu navigasi yang jelas dan terstruktur memudahkan pengunjung menemukan informasi yang mereka cari tanpa kesulitan.

Integrasi Media Sosial: Terdapat ikon media sosial yang memungkinkan pengunjung terhubung langsung dengan platform sosial perusahaan, meningkatkan interaksi dan engagement.

Fitur Blog Terintegrasi: Halaman "Berita" memungkinkan pemilik situs untuk membagikan update, tips kecantikan, atau informasi lainnya, membantu dalam strategi konten dan SEO.

Formulir Kontak: Halaman "Kontak" dilengkapi dengan formulir yang memudahkan pengunjung menghubungi perusahaan secara langsung, meningkatkan peluang konversi.

Optimasi SEO: Struktur template dirancang dengan praktik SEO terbaik, membantu meningkatkan visibilitas situs di mesin pencari.

Kemudahan Kustomisasi: Template ini memungkinkan penyesuaian mudah, seperti perubahan warna, font, dan tata letak, sesuai dengan kebutuhan atau identitas merek pengguna.

Halaman 2

Berikut adalah penjelasan tentang tata letak situs web tersebut:

1. Struktur Umum Tata Letak

Header (Bagian Atas):

Berisi nama atau logo merek yang menonjol.

Menu navigasi horizontal dengan kategori utama seperti Beranda, Produk, Berita, dan Kontak, yang memudahkan pengunjung menjelajahi situs.

Bisa disertai dengan ikon pencarian dan tautan ke media sosial di bagian kanan atas.

Hero Section (Bagian Utama Halaman):

Terdapat slider atau gambar besar dengan kualitas tinggi yang digunakan untuk menampilkan promosi atau produk unggulan.

Biasanya disertai dengan teks atau tombol call-to-action (CTA) seperti "Lihat Produk" atau "Belanja Sekarang."

Bagian Konten (Body):

Grid Produk atau Layanan

Produk ditampilkan dalam format grid (kolom-kolom) yang rapi, lengkap dengan gambar, nama produk, dan harga.

Tombol seperti "Beli Sekarang" atau "Detail Produk" membantu pengguna melakukan tindakan.

Bagian Artikel (Blog)

Artikel atau informasi terbaru ditampilkan dalam format daftar atau kartu kecil, lengkap dengan gambar thumbnail dan cuplikan teks pendek.

Sidebar (Opsional):

Jika ada, sidebar biasanya berisi fitur seperti kategori produk, filter pencarian, atau daftar artikel populer.

Footer (Bagian Bawah):

Menyediakan informasi kontak (alamat email, nomor telepon), link cepat (seperti FAQ atau Syarat dan Ketentuan), serta ikon media sosial.

2. Desain dan Penempatan Elemen

Penggunaan Ruang Kosong (White Space):

Template memanfaatkan ruang kosong dengan baik untuk menciptakan kesan bersih dan menghindari desain yang terlalu padat.

Elemen-elemen penting seperti gambar produk dan tombol tindakan ditempatkan dengan fokus tinggi agar mudah diakses.

Tipografi yang Jelas:

Font digunakan dalam ukuran yang proporsional, dengan heading lebih besar untuk menonjolkan kategori atau promosi.

Palet Warna dan Keseimbangan Visual:

Warna lembut dan pastel mendominasi, memberikan kesan elegan dan sesuai dengan brand kosmetik.

Warna-warna kontras digunakan pada tombol-tombol tindakan untuk menarik perhatian pengguna.

3. Responsivitas Tata Letak

Tata letak ini dirancang responsif, yang berarti dapat menyesuaikan ukuran layar baik untuk desktop, tablet, maupun ponsel.

Pada desktop, konten ditampilkan dalam beberapa kolom (misalnya 3–4 produk per baris).

Pada ponsel, tata letak menyesuaikan menjadi satu kolom sehingga lebih mudah digulir.

Keunggulan Tata Letak

Terorganisir: Navigasi jelas dan konten tertata sehingga pengguna tidak bingung saat mencari informasi.

User-Centered Design: Fokus pada pengalaman pengguna, seperti akses cepat ke produk atau layanan utama.

Estetika dan Fungsionalitas: Kombinasi desain menarik dengan penempatan elemen yang intuitif, cocok untuk bisnis kosmetik.

Template ini dapat dijadikan pilihan yang menarik untuk merek lain di bidang kecantikan, karena struktur tata letaknya memadukan keindahan visual dan kemudahan penggunaan.

Halaman 3

Fitur keranjang Belanja

Fitur keranjang belanja memungkinkan pengguna untuk memilih dan menyimpan produk yang ingin dibeli sebelum menyelesaikan transaksi. Berikut adalah elemen pentingnya:

Tampilan Keranjang:

Biasanya berbentuk ikon (contohnya ikon troli) yang ditempatkan di bagian header, sehingga mudah ditemukan pengguna.

Ketika diklik, pengguna dapat melihat daftar produk yang telah mereka pilih, lengkap dengan gambar, nama produk, jumlah, harga, dan subtotal.

Terdapat tombol untuk "Lanjutkan Belanja" atau "Proses ke Checkout".

Fitur Utama:

Edit Keranjang: Pengguna dapat mengubah jumlah produk atau menghapus produk dari daftar sebelum checkout.

Rincian Biaya: Menampilkan total harga produk, pajak (jika ada), dan biaya pengiriman untuk transparansi.

UX yang Responsif: Desain keranjang belanja tetap terlihat rapi dan mudah digunakan di perangkat mobile maupun desktop.

Halaman Checkout

Halaman checkout adalah langkah akhir sebelum pengguna menyelesaikan pembelian. Pada template ini, halaman checkout dirancang sederhana tetapi efektif:

Elemen Penting:

Form Data Pembeli:

Pengguna diminta memasukkan nama, alamat pengiriman, nomor telepon, dan email.

Ringkasan Pesanan:

Daftar produk yang dibeli ditampilkan lagi, lengkap dengan jumlah dan harga.

Pilihan Metode Pembayaran:

Pengguna dapat memilih salah satu dari 3 metode yang disediakan: WhatsApp, Instagram, atau email.

Keunggulan:

User-Friendly: Formulir checkout sederhana, hanya meminta informasi penting, sehingga tidak membebani pengguna.

Halaman 4

Metode Pembayaran: WhatsApp, Instagram, dan Email

Metode pembayaran menggunakan platform populer seperti WhatsApp, Instagram, dan email membuat transaksi lebih fleksibel dan mudah, terutama untuk pasar yang belum menggunakan sistem pembayaran online yang kompleks. Berikut penjelasan masing-masing metode:

WhatsApp:

Cara Kerja:

Setelah checkout, pengguna diarahkan ke aplikasi WhatsApp dengan format pesan otomatis yang berisi detail pesanan (nama, alamat, produk yang dibeli, dan total harga).

Admin atau pemilik toko dapat langsung berkomunikasi untuk menyelesaikan transaksi, termasuk konfirmasi pembayaran atau diskusi pengiriman.

Keunggulan:

Respon cepat dan interaksi real-time dengan pembeli.

Familiar dan mudah digunakan oleh sebagian besar konsumen.

Telegram:

Cara Kerja:

Mirip dengan WhatsApp, pengguna akan diarahkan ke Telegram untuk konfirmasi pesanan dan detail pembayaran. Telegram dapat digunakan jika pembeli lebih nyaman menggunakan aplikasi ini.

Keunggulan:

Memanfaatkan kekuatan platform media sosial untuk transaksi sambil meningkatkan engagement.

Ideal untuk pembeli.

Email:

Cara Kerja:

Setelah checkout, pengguna diarahkan untuk mengirimkan detail pesanan melalui email.

Pemilik toko akan membalas email dengan informasi lebih lanjut, seperti nomor rekening atau instruksi pembayaran.

Keunggulan:

Profesional dan memberikan dokumentasi lengkap untuk kedua belah pihak.

Cocok untuk pembeli yang lebih nyaman menggunakan komunikasi formal.

Keunggulan Keseluruhan Fitur Ini

Kemudahan Pengguna:

Fitur keranjang belanja, checkout, dan metode pembayaran yang beragam memberikan pengalaman belanja yang lengkap dan mudah bagi pengguna.

Kepercayaan dan Fleksibilitas:

Metode pembayaran melalui WhatsApp, Telegram, dan email memberikan kesan personal dan langsung, yang membangun kepercayaan pembeli.

Efisien dan Hemat Biaya:

Solusi ini tidak memerlukan integrasi sistem pembayaran yang mahal tetapi tetap efektif dalam memproses transaksi.

Dengan fitur ini, template situs web menjadi sangat menarik untuk bisnis yang ingin mengadopsi e-commerce sederhana tetapi tetap profesional!

Themes Premium Shanum Cosmetics

Paket Standar

Pada paket standar, kamu akan mendapatkan script Template ini (tidak open source). Dan maksimal instalasi untuk paket ini adalah 1 domain / blog saja. Jika ingin menginstal lebih dari 1 domain, silakan beli lisensi tambahan. Pada pembelian paket ini kamu diwajibkan melalukan verifikasi domain dan memasang kode lisensi di blog.

Paket Reguler

Pada paket reguler, kamu akan mendapatkan script Template yang terenkripsi (tidak open source). Dan maksimal instalasi untuk paket reguler ini adalah 5 domain / blog. Jika ingin menginstal lebih dari batas yang sudah ditentukan, kamu bisa beli lisensi tambahan. Pada pembelian paket reguler ini juga kamu diwajibkan melakukan verifikasi domain dan memasang kode lisensi yang valid di blog.

Paket Pro

Pada paket pro, kamu akan mendapatkan file produk dengan script Template yang terenkripsi (tidak open source). Namun limit instalasi untuk paket pro ini adalah unlimited domain. Yang berarti Template dapat diinstal di banyak blog tanpa limit. Paket pro ini sangat cocok jika kamu memiliki banyak blog dan ingin menginstal widget lebih dari 5 blog tanpa harus membayar lisensi tambahan seperti paket standar dan reguler. Di paket pro ini juga kamu diwajibkan melakukan verifikasi domain dan memasang kode lisensi yang valid di blog.

View Template

Tamilan Home

Tamilan Postingan Produk

Tamilan Keranjang

Tamilan checkout

Tamilan Metode Pengiriman

Tamilan Metode Pembayaran

Tamilan Unggah Bukti Pembayaran

Tamilan Metode Pembayaran

Tamilan Metode Qris

Tamilan Pesanan yang di terima admin

Tamilan Kontak

Dokumentasi Instalasi Widget

Maaf, sepertinya status pesanan kamu untuk produk ini masih "PENDING". Silakan selesaikan pesanan terlebih dahulu atau hubungi admin jika ada kesalahan.

Sebelum melakukan pembelian produk Template, harap baca dan menyetujui syarat dan ketentuan yang berlaku di bawah ini.

Setiap proses pembelian produk semuanya dilakukan melalui blog ini. Kami tidak melayani pembelian di luar blog atau secara manual.

Template ini hanya dikhususkan untuk platform Blogger / blogspot.

Sebelum membeli produk, kamu wajib memiliki akun di blog Egiagan, jika belum, silahkan daftar terlebih dahulu. Langkah ini bertujuan untuk mengetahui detail mengenai produk dan kode lisensi kamu.

Tidak ada pengembalian uang dengan alasan apapun jika produk yang dibeli sudah dikirim.

Dukungan Instal

Update Ke Versi Terbaru

v1.1 (18-02-2025)

[Add Feature - Halaman Pesanan] penambahan Metode pembayaran via email

[Add Feature - Halaman Kontak] Perbaikan kontak.

[Fix Bug] perbaikan bug lainnya.

v1.0 (17-02-2025)

Rilis

Mengubah tampilan komentar blog menjadi show hide

noreply@blogger.com (Egi Agan) — Wed, 12 Feb 2025 17:18:00 +0700

Mengubah tampilan komentar blog menjadi show hide

Kenapa Perlu Menggunakan Show Hide pada Komentar Blog?

Mengubah tampilan komentar blog menjadi Show Hide memiliki beberapa manfaat. Salah satunya adalah membuat tampilan blog lebih ringkas, terutama jika terdapat banyak komentar. Selain itu, metode ini dapat membantu mempercepat waktu loading halaman karena gambar pada komentar tidak langsung dimuat semua.

Langkah-langkah Membuat Komentar Blog Menjadi Show Hide

1. Login ke Blogger

Masuk ke akun Blogger kamu melalui Blogger.com.

2. Buka Menu Edit HTML

Pergi ke tab Theme/Tema, lalu pilih Edit HTML.

3. Temukan Tag `</head>`

Gunakan fitur pencarian (Ctrl + F) dan cari kode berikut:

</head>

4. Tambahkan CSS Show Hide Komentar

Tempelkan kode CSS di bawah ini tepat di atas tag </head>:

<style>a.openpanel{width:100%;color:rgb(141,142,144);display:block;font-size:120%;overflow:hidden;padding:0;text-align:center;position:relative;text-decoration:none;box-sizing:border-box;background-color:white;border:2px solid rgb(141,142,144);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);border-radius:3px}
a.openpanel span.title{padding:15px 10px;display:block}
a.openpanel span.mas{position:absolute;top:0;right:0;bottom:0;padding:0 25px;background:transparent;border-left:2px solid rgb(141,142,144);box-sizing:border-box}
a.openpanel span.mas span{background-color:#ed1e1e;width:30px;height:30px;position:absolute;right:10px;top:12px;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}
a.openpanel span.mas.tamvanx span{background:#0091ea}
</style>

Selanjutnya, cari kode </body> lalu masukan javascript dibawah ini tepat diatasnya.

<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
    openPanelText = "Show Comments",
    closePanelText = "Hide Comments",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed = 400;
jQuery(function() {
    jQuery(panelSelector).hide()
        .addClass('kerenPanel')
        .before('<a class="openpanel" href="#" title="Comments"><span class="title">' + openPanelText + '</span><span class="mas tamvan"><span></span></span></a>')
        .after('<div class="paneline"></div>');
    jQuery('a.openpanel').toggle(function() {
        jQuery(this).addClass('active').html('<span class="title">' + closePanelText + '</span><span class="mas tamvanx"><span></span></span>');
        jQuery('.kerenPanel').slideDown(slideDownPanelSpeed);
        return false;
    }, function() {
        jQuery(this).removeClass('active').html('<span class="title">' + openPanelText + '</span><span class="mas tamvan"><span></span></span>');
        jQuery('.kerenPanel').slideUp(slideUpPanelSpeed);
        return false;
    });
});
//]]>
</script>

Kalau sudah tinggal save dan lihat hasilnya.

Kalo Showhidenya Ga tampil, Kalian pasang script ini di atas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>

5. Simpan dan Uji Coba

Setelah menambahkan kode, simpan template dan cek apakah fitur Show Hide pada komentar sudah berfungsi dengan baik.

Kesimpulan

Dengan menerapkan fitur Show Hide pada komentar blog, tampilan blog menjadi lebih rapi dan loading halaman lebih cepat. Jika ada pertanyaan atau kendala, jangan ragu untuk meninggalkan komentar!

Cara Menghilangkan Kode m1 dan m0 di URL Blogger untuk Meningkatkan SEO

noreply@blogger.com (Egi Agan) — Tue, 11 Feb 2025 13:00:00 +0700

Cara Menghilangkan Kode m1 dan m0 di URL Blogger

Jika Anda pengguna Blogger, mungkin Anda sering menemukan kode "?m=1" pada URL blog Anda. Tanpa disadari, kode tersebut dapat memengaruhi SEO blog dan sebaiknya dihapus untuk hasil yang lebih optimal.

Fungsi Kode "?m=1" pada URL

Kode ini berfungsi sebagai indikator bahwa blog sedang diakses melalui perangkat seluler.

Ketika blog dibuka menggunakan smartphone, kode "?m=1" otomatis muncul di URL. Namun, jika diakses melalui desktop atau laptop, kode tersebut tidak akan ditampilkan.

Dampak Kode "?m=1" pada Blog

Merugikan SEO – Kode ini dapat memengaruhi peringkat blog di mesin pencari.
Memicu Duplikat Konten – URL yang berbeda untuk konten yang sama dapat menyebabkan masalah indeksasi.
Mengganggu Tampilan – URL menjadi kurang rapi dan tidak menarik.
Terlihat Kurang Profesional – Blog tampak kurang optimal dibandingkan situs web yang lebih terstruktur.

Keuntungan Menghapus Kode "?m=1" pada URL Blog

Meningkatkan SEO – Blog lebih ramah mesin pencari dan berpeluang mendapatkan peringkat lebih baik.
Mengurangi Duplikat Konten – Mencegah masalah indeksasi akibat URL ganda.
Tampilan Lebih Rapi – URL menjadi lebih bersih dan mudah dibaca.
Terlihat Lebih Profesional – Blog tampak lebih kredibel dan terstruktur dengan baik.

Cara Menghilangkan Kode "?m=1" pada URL Blogspot

Ikuti langkah-langkah berikut untuk menghapus kode "?m=1" dari URL blog Anda:

Login ke akun Blogger Anda.
Masuk ke menu "Tema".
Klik ikon panah bawah, lalu pilih "Edit HTML".
Salin dan tempelkan script berikut di atas kode </body> atau </body>.

<script type="text/javascript">
var prinshm1 = window.location.toString();
if (prinshm1.indexOf(&quot;?m=1&quot;,&quot;?m=1&quot;) &gt; 0) {
var clean_nprinsh = prinshm1.substring(0, prinshm1.indexOf(&quot;?m=1&quot;));
window.history.replaceState({}, document.title, clean_nprinsh);};
</script>

5 .Simpan dan lihat hasilnya.

Penutup

Kode "?m=1" pada URL Blogger muncul saat blog diakses melalui perangkat seluler. Namun, keberadaannya dapat berdampak negatif pada SEO, menyebabkan duplikat konten, dan membuat blog terlihat kurang profesional.

Dengan menghapus kode ini, blog akan lebih ramah mesin pencari, tampil lebih rapi, serta terlihat lebih kredibel. Proses penghapusannya cukup mudah, hanya perlu menambahkan script khusus di dalam Edit HTML pada Blogger.

Cara Menampilkan Komentar Terbaru di Blogger dengan Widget Dinamis

noreply@blogger.com (Egi Agan) — Mon, 10 Feb 2025 17:04:00 +0700

Widget Komentar Terbaru untuk Blogger

Setelah beberapa lama mencari di internet dan mencoba banyak model, saya tidak menyukai satupun. Bukannya menurutku jelek, hanya saja memang kurang sesuai dengan suhu yang aku pakai. Jadi saya memutuskan untuk membawa template widget samping BSW Kembali dan css ulang semuanya. Saya tidak tahu banyak tentang CSS jadi pengeditannya memakan banyak waktu (memakan waktu sepanjang sore)

Kelihatannya cukup cocok untuk template Median UI dan saya juga sudah melakukan bagian mode gelap. Secara pribadi, widget ini hanya cocok untuk mereka yang menggunakan Median. Jadi jika orang menggunakan template lain untuk mengupload dan menganggapnya buruk, jangan mengutuk saya!

Ini adalah widget ringkas yang menampilkan komentar terbaru (defaultnya adalah 5 komentar dan Anda dapat mengedit sesuka Anda), membantu Anda mengelola dengan mudah siapa saja yang berkomentar di blog Anda sehingga Anda dapat melacak dan merespons dengan cepat. Lihat demo di blog saya!

Langkah-langkah implementasi Penerapan

Langkah 1

Buka Tata Letak, buat widget HTML/Javascript.

Langkah 2

Rekatkan seluruh kode di bawah ini.

<!-- Recent comments by egiagan.com -->
<link href='//cdn.leanhduc.pro.vn/blogger/codeprovn/template-median/recent-comment/style.css' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="//cdn.leanhduc.pro.vn/blogger/codeprovn/template-median/recent-comment/main.js"></script>
<script type="text/javascript" src="//cdn.leanhduc.pro.vn/blogger/codeprovn/template-median/recent-comment/total-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=idbcomments&amp;max-results=5"></script>
<div class='idbcomments'>
	<div class='left'>
		Anda <b><span id='total-comments'></span></b> Lihat Komentar
	</div>
	<div class='right'>
		<a href='/p/recent-comment.html' target='_blank' title='Lihat Komentar'>lebih banyak<i class='fa fa-angle-right' style='margin:0 0 0 5px'/></a>
	</div>
</div>

langkah 3

Simpan widget dan ingatlah

untuk menyesuaikan beberapa parameter agar sesuai dengan blog Anda. Buat halaman yang berisi komentar

1: Pergi ke Blog, Buat halaman baru Melangkah

2: Memilih Tampilan HTML Melangkah

2: Rekatkan seluruh kode di bawah ini.

<!-- Recent comments by egiagan.com -->
<link href='//cdn.leanhduc.pro.vn/blogger/codeprovn/template-median/recent-comment/style.css' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="//cdn.leanhduc.pro.vn/blogger/codeprovn/template-median/recent-comment/main.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=idbcomments&amp;max-results=50"></script>

Perhatian

Ubah nomor yang ditampilkan di: Max-Hasil=5 - Dimana 5 adalah nomor yang ingin Anda tampilkan Mengubah: /P/terbaru-comment.html ke tautan halaman yang berisi komentar Anda

Kesimpulan

Ini adalah widget yang ringkas dan ringan yang membuatnya mudah dikelola dan dikomentari di blog. Selain itu, saya memiliki kode tambahan dari jumlah total komentar dan mengarah ke halaman baru untuk memungkinkan seluruh komentar. Jika Anda merasa menarik, silakan bagikan dan komentari Egi Agan Oke. Semoga hari Anda menyenangkan dan energik!

Loading Ads: Membuat Tampilan Iklan AdSense Lebih Menarik

noreply@blogger.com (Egi Agan) — Mon, 10 Feb 2025 13:00:00 +0700

Membuat Tampilan Iklan AdSense Lebih Menarik

Loading Ads: Membuat Tampilan Iklan AdSense Lebih Menarik

Teman Agan, jika website kamu sudah menampilkan iklan dan mulai menghasilkan uang, tak ada salahnya membuat tampilan iklan lebih menarik. Salah satu caranya adalah dengan menambahkan efek loading pada iklan AdSense, sehingga terlihat lebih profesional dan interaktif.

Menggunakan CSS

Efek loading untuk iklan AdSense bisa dibuat hanya dengan kode CSS, tanpa perlu tambahan script lainnya. Namun, sebagai langkah antisipasi, admin juga akan menyediakan script cadangan jika efek loading menggunakan CSS saja tidak berjalan dengan baik.

Catatan: Jika hanya mengandalkan CSS tanpa script tambahan, loading ads bisa berjalan terus-menerus tanpa berhenti, yang berarti gagal berfungsi dengan baik.

Memasang Script Tambahan

Seperti yang telah dijelaskan sebelumnya, jika efek loading iklan tidak muncul atau tidak berfungsi, admin telah menyediakan script tambahan yang bisa digunakan. Ikuti setiap langkah yang dijelaskan di bawah ini untuk memastikan efek loading bekerja dengan benar.

Contoh Tampilan

Penasaran bagaimana tampilan loading iklan yang akan diterapkan? Demonya seperti di blog ini.

Info: Gimana, keren kan efeknya?

Cara Pembuatan

Sekarang, saatnya admin menjelaskan langkah-langkah cara membuat dan menampilkan loading iklan pada AdSense terbaru. Jika kamu penasaran, baca artikel ini sampai selesai, ya!

Kode CSS

Langkah pertama yang bisa kamu lakukan adalah meyalin kode CSS di bawah ini kemudian kamu bisa meletakkan nya di atas kode ]]</b:skin>

.adsbygoogle{background:transparent url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'><path fill='rgba(221,221,221,1)' opacity='.5' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'></path><path fill='rgba(17, 154, 245, 1.0)' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'><animateTransform attributeName='transform' dur='0.3s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/></path></svg>") center / 26px no-repeat;background-size:45px 45px}

Info: Atau kamu bisa menggunakan tag kode <style> untuk meletakkan kode CSS di atas, jika audah silahka lihat hasilnya

Kode Javascript

Jika loading iklan adsense tersebut tidak muncul ataupun tidak berfungsi juga silahkan salin kode javascript di bawah ini kemudian letakkan di atas kode </body>

<script>/*<![CDATA[*/
// Egiagan.com
var _0xa887=["\x73\x63\x72\x6F\x6C\x6C","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x62\x6F\x64\x79","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74","\x61\x73\x79\x6E\x63","\x73\x72\x63","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x64\x6E\x2E\x6A\x73\x64\x65\x6C\x69\x76\x72\x2E\x6E\x65\x74\x2F\x67\x68\x2F\x41\x72\x6C\x69\x6E\x61\x2D\x44\x65\x73\x69\x67\x6E\x2F\x70\x68\x61\x6E\x74\x6F\x6D\x40\x6D\x61\x73\x74\x65\x72\x2F\x6C\x61\x7A\x79\x73\x61\x72\x6C\x69\x6E\x65\x2E\x6A\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72"];var lazysizer=!1;window[_0xa887[14]](_0xa887[0],function(){(0!= document[_0xa887[2]][_0xa887[1]]&& !1=== lazysizer|| 0!= document[_0xa887[3]][_0xa887[1]]&& !1=== lazysizer)&& (!function(){var _0xedfdx2=document[_0xa887[5]](_0xa887[4]);_0xedfdx2[_0xa887[6]]= _0xa887[7],_0xedfdx2[_0xa887[8]]=  !0,_0xedfdx2[_0xa887[9]]= _0xa887[10];var _0xedfdx3=document[_0xa887[11]](_0xa887[4])[0];_0xedfdx3[_0xa887[13]][_0xa887[12]](_0xedfdx2,_0xedfdx3)}(),lazysizer=  !0)},!0)
/*]]>*/ </script>

Info: Ingat kode di atas jangan di edit entar gak berfungsi lagi, kemudian Jika sudah silahkan simpan template dan lihat bagaimana hasilnya

Penjelasan

Agar tidak bingung, berikut panduan lengkap cara menerapkan kode loading iklan AdSense di Blogger dengan benar.

1. Salin kode CSS yang telah diberikan di atas, lalu letakkan sesuai dengan petunjuk yang sudah dijelaskan.
2. Simpan template Blogger dan lihat hasilnya.
3. Jika efek loading iklan tidak berfungsi, coba tambahkan script jQuery atau LazySizer yang sudah disediakan sebelumnya. Dengan cara ini, loading iklan di Blogger akan muncul dan bekerja dengan baik.

Semoga bermanfaat dan membantu mengoptimalkan tampilan iklan di blog kamu!

Cara Lindungi Konten Blog dari Copy Paste: Cara Blokir Seleksi Teks dengan CSS & Script

noreply@blogger.com (Egi Agan) — Sun, 9 Feb 2025 13:00:00 +0700

Lindungi Konten Blog dari Copy Paste

Bayangkan jika artikel yang kamu buat dengan susah payah justru dicopy paste orang lain tanpa izin. Kesal dan kecewa, bukan? Sayangnya, banyak yang langsung menyalin tulisan blog tanpa mengedit sedikit pun—hasilnya 100% sama dengan artikel aslinya. Dalam situasi seperti ini, opsi yang bisa kamu lakukan biasanya hanya melaporkan ke Google, berharap blog pelaku terkena penalti. Namun, jika itu tidak berhasil, artikel duplikat bisa tersebar di mana-mana tanpa kendali.

Agar hal ini tidak terjadi, kamu sebagai pemilik blog perlu meningkatkan keamanan konten. Kali ini, blog Egiagan akan membagikan trik sederhana untuk Cara Lindungi Konten Blog dari Copy Paste, terutama dengan kode CSS yang membuat teks tidak bisa diseleksi. Trik ini sangat mudah diterapkan dan bisa digunakan di berbagai platform, seperti Blogger, WordPress, dan lainnya.

Cara Blokir Seleksi Teks dengan CSS & Script

Berikut langkah-langkah untuk platform Blogger. Untuk platform lain, silakan pergi ke pengaturan CSS masing-masing.

Masuk ke menu HTML
Klik tombol Edit HTML
Tekan CTRL + F bersamaan pada keyboard untuk memudahkan pencarian. Carilah kode CSS dari BODY.
Kalau di dalamnya sudah ada kode CSS, JANGAN DIHAPUS! Tambahkan deretan kode berikut ke dalam CSS dari BODY tersebut. Sehingga hasil akhirnya kurang lebih jadi seperti ini.
```
BODY {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -khtml-user-select:none;
 -webkit-user-select:none
}
```
Jangan lupa tekan tombol Save theme

Karena kodenya disimpan didalam BODY, maka setiap tulisan yang ada di blog bener-bener nggak bisa diseleksi semua. Jadi buat blog tutorial yang biasanya punya Syntax Highlighter agak nyebelin nih, karena kode dari blognya malah nggak bisa dicopy oleh pembaca.

Kalau kamu mau membuat tulisan tidak bisa diseleksi pakai CSS Ingin mencegah copy paste hanya di bagian tertentu? Coba gunakan kode berikut! ✨ Tapi, ada satu syarat kecil—kamu perlu sedikit memahami (sedikit saja, kok!) dan mengenali tag HTML.

Sebagai contoh, di sebagian besar template Blogspot, konten artikel biasanya berada dalam sebuah <div> dengan class .post-body. Jadi, jika kamu hanya ingin melindungi teks agar tidak bisa diseleksi di bagian ini saja, gunakan kode CSS berikut:

.post-body {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -khtml-user-select:none;
 -webkit-user-select:none
}

Dalam CSS, id diwakili oleh tanda pagar #
Dan class diwakili oleh titik .

Jika tag HTML dengan id <div id="post-body">
Kode CSSnya: #post-body

Jika tag HTML dengan class <div class="post-body">
Kode CSSnya: .post-body

Sebaliknya, jika ingin mengaktifkan seleksi teks, gunakan kode berikut! Kamu bisa menyimpannya di mana saja, tergantung pada ID atau class yang digunakan dalam template.

Sebagai contoh, jika ingin mengizinkan seleksi teks pada bagian Syntax Highlighter di Blogspot—yang biasanya menggunakan elemen <pre> dan <code>—maka kode CSS yang digunakan adalah:

.post-body pre code {
 user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 -khtml-user-select:text;
 -webkit-user-select:text
}

Penutup

Mudah, kan? Cara di atas memungkinkan artikel postingan tidak bisa diseleksi hanya dengan CSS & Script. Sekarang, tinggal langsung dipraktikkan! Semoga trik ini bisa membantu mengurangi risiko copy paste di blog.

Mambuat Sitemap Dengan Kode Javascript

noreply@blogger.com (Egi Agan) — Sat, 8 Feb 2025 20:42:00 +0700

Mambuat Sitemap Dengan Kode Javascript

Halo Sobat Teman Kali ini saya akan membagikan cara mudah untuk membuat sitemap di Blogger.

Silakan ikuti langkah-langkah berikut untuk membuatnya!

Langkah-langkah Membuat Sitemap di Blogger:

Login ke Blogger

Masuk ke akun Blogger menggunakan akun Google kamu.

Buka Menu Halaman

Arahkan ke menu Halaman (atau Page) dan buat halaman baru.

Berikan Judul pada Halaman

Tentukan judul halaman, misalnya "Sitemap" atau bebas sesuai keinginan kamu.

Salin dan Tempelkan Kode

Salin seluruh source code pembuat sitemap yang sudah disediakan, kemudian tempatkan kode tersebut di dalam halaman yang baru kamu buat. Pastikan untuk menaruhnya di bagian atas halaman.


<script type="text/javascript">
//<![CDATA[
var _0x15d5b0=_0x683f;(function(_0x187652,_0x5ba2bb){var _0x4486f4=_0x683f,_0x4b9e92=_0x187652();while(!![]){try{var _0x4dea43=-parseInt(_0x4486f4(0xf5))/0x1*(-parseInt(_0x4486f4(0x149))/0x2)+parseInt(_0x4486f4(0x170))/0x3+parseInt(_0x4486f4(0x16a))/0x4*(-parseInt(_0x4486f4(0x108))/0x5)+parseInt(_0x4486f4(0x181))/0x6+-parseInt(_0x4486f4(0x138))/0x7*(-parseInt(_0x4486f4(0x136))/0x8)+-parseInt(_0x4486f4(0x145))/0x9+parseInt(_0x4486f4(0x183))/0xa*(-parseInt(_0x4486f4(0x118))/0xb);if(_0x4dea43===_0x5ba2bb)break;else _0x4b9e92['push'](_0x4b9e92['shift']());}catch(_0x4310f6){_0x4b9e92['push'](_0x4b9e92['shift']());}}}(_0x47bd,0xee082));var _0x51a3=['q2o',_0x15d5b0(0x166),'',_0x15d5b0(0x15e),'x22x22','[]','{}','x22','slice','[',']','{','}','true',_0x15d5b0(0x175),_0x15d5b0(0x161),'x27',_0x15d5b0(0x15b),_0x15d5b0(0x189),_0x15d5b0(0x107),_0x15d5b0(0x11d),_0x15d5b0(0x103),'=',_0x15d5b0(0x156),_0x15d5b0(0xf7),_0x15d5b0(0x115),'addEventListener',_0x15d5b0(0x132),_0x15d5b0(0xeb),'setAttribute',_0x15d5b0(0x12a),'add',_0x15d5b0(0x10d),_0x15d5b0(0x173),_0x15d5b0(0x176),'insertBefore',_0x15d5b0(0x154),_0x15d5b0(0x10f),_0x15d5b0(0x160),'?','&',_0x15d5b0(0x179),'.',_0x15d5b0(0xf1),'protocol',_0x15d5b0(0x11f),'//www.blogger.com/feeds/',_0x15d5b0(0x15d),'/feeds/posts/summary',_0x15d5b0(0x143),_0x15d5b0(0x174),'stylesheet',_0x15d5b0(0x13c),_0x15d5b0(0x15a),'loaded',_0x15d5b0(0x13e),'load',_0x15d5b0(0x150),_0x15d5b0(0x140),_0x15d5b0(0x14c),_0x15d5b0(0x165),_0x15d5b0(0x188),'setItem','T','-',':','+',_0x15d5b0(0x11b),_0x15d5b0(0x10c),_0x15d5b0(0xf8),_0x15d5b0(0x105),'noon','%','g',_0x15d5b0(0x12e),'id','-js',_0x15d5b0(0x185),'css',_0x15d5b0(0x11c),_0x15d5b0(0x114),_0x15d5b0(0x13d),_0x15d5b0(0x121),'href',_0x15d5b0(0x162),'_',_0x15d5b0(0xee),_0x15d5b0(0x177),_0x15d5b0(0x147),_0x15d5b0(0x146),'currentScript',_0x15d5b0(0x100),_0x15d5b0(0xf6),_0x15d5b0(0x157),_0x15d5b0(0x117),'//','host','tabbed-toc',_0x15d5b0(0x16b),_0x15d5b0(0x12f),_0x15d5b0(0x111),'AM','PM',_0x15d5b0(0x128),_0x15d5b0(0x106),_0x15d5b0(0x155),_0x15d5b0(0x168),_0x15d5b0(0x13a),_0x15d5b0(0x15f),'July',_0x15d5b0(0x167),'September',_0x15d5b0(0x110),'November',_0x15d5b0(0x131),_0x15d5b0(0x104),_0x15d5b0(0x141),'Tuesday','Wednesday',_0x15d5b0(0x187),'Friday',_0x15d5b0(0x109),_0x15d5b0(0x172),_0x15d5b0(0x13f),_0x15d5b0(0x127),_0x15d5b0(0x15c),'i',_0x15d5b0(0x158),'name','ad',_0x15d5b0(0x14a),'e',_0x15d5b0(0x184),_0x15d5b0(0x122),_0x15d5b0(0xff),_0x15d5b0(0x14b),_0x15d5b0(0x133),'x20',_0x15d5b0(0x17a),'p',_0x15d5b0(0xe6),_0x15d5b0(0x129),'display','style',_0x15d5b0(0xf4),'previousSibling','$','children',_0x15d5b0(0x12d),_0x15d5b0(0xea),_0x15d5b0(0x126),_0x15d5b0(0x169),'feed',_0x15d5b0(0x163),_0x15d5b0(0x12b),_0x15d5b0(0x130),_0x15d5b0(0xfa),_0x15d5b0(0x137),'reverse',_0x15d5b0(0xef),_0x15d5b0(0xe7),'section',_0x15d5b0(0x119),'hide',_0x15d5b0(0x11a),_0x15d5b0(0x17f),'a',_0x15d5b0(0x101),_0x15d5b0(0xf0),_0x15d5b0(0x152),_0x15d5b0(0x14d),'h4',_0x15d5b0(0xec),'ol',_0x15d5b0(0x178),_0x15d5b0(0x151),_0x15d5b0(0x120),'/',_0x15d5b0(0x125),_0x15d5b0(0x11e),_0x15d5b0(0xf2),_0x15d5b0(0xe8),'$t',_0x15d5b0(0x171),_0x15d5b0(0x17d),_0x15d5b0(0xf3),_0x15d5b0(0x16c),_0x15d5b0(0xfb),_0x15d5b0(0x10e),'x20has-image',_0x15d5b0(0xe9),_0x15d5b0(0x14e),'px','s','-c',_0x15d5b0(0x18a),_0x15d5b0(0x124),_0x15d5b0(0x135),'-imagex20',_0x15d5b0(0x102),'x22>',_0x15d5b0(0x12c),_0x15d5b0(0x17b),_0x15d5b0(0x10a),_0x15d5b0(0x18b),_0x15d5b0(0x112),_0x15d5b0(0xfc),'<h5x20class=x22',_0x15d5b0(0x10b),_0x15d5b0(0xfe),'>',_0x15d5b0(0x153),_0x15d5b0(0x17c),_0x15d5b0(0x180),'summary','-excerpt',_0x15d5b0(0x17e),_0x15d5b0(0x16e),'li','img','getElementsByTagName',_0x15d5b0(0x134),_0x15d5b0(0x164),_0x15d5b0(0xf9),_0x15d5b0(0x16d),'&q=',_0x15d5b0(0x148),'random','load.ad',_0x15d5b0(0x16f),_0x15d5b0(0xfd),_0x15d5b0(0x113),_0x15d5b0(0x116),_0x15d5b0(0x182),_0x15d5b0(0x159),'appendChild','Createdx20byx20<ax20href=x22https://icloudice.comx22>ICloudice.com</a>',_0x15d5b0(0x144),_0x15d5b0(0x142),_0x15d5b0(0x186),_0x15d5b0(0x139),_0x15d5b0(0x14f)];!function(_0x43b2d5,_0x4c2ae0){function _0x111163(_0x2b124c,_0x120265){function _0x5f2c6f(_0x43fcd2){return decodeURIComponent(_0x43fcd2);}function _0xbf3553(_0x445129){return void 0x0!==_0x445129;}function _0x458450(_0x51cc2c){return _0x51a3[0x1]==typeof _0x51cc2c;}function _0x319bbc(_0x2b15a2){return _0x458450(_0x2b15a2)&&_0x51a3[0x2]!==_0x2b15a2[_0x51a3[0x3]]()?_0x51a3[0x4]===_0x2b15a2||_0x51a3[0x5]===_0x2b15a2||_0x51a3[0x6]===_0x2b15a2||_0x51a3[0x7]===_0x2b15a2[0x0]&&_0x51a3[0x7]===_0x2b15a2[_0x51a3[0x8]](-0x1)||_0x51a3[0x9]===_0x2b15a2[0x0]&&_0x51a3[0xa]===_0x2b15a2[_0x51a3[0x8]](-0x1)||_0x51a3[0xb]===_0x2b15a2[0x0]&&_0x51a3[0xc]===_0x2b15a2[_0x51a3[0x8]](-0x1):!0x1;}function _0x4bc272(_0x4be71b){if(_0x458450(_0x4be71b)){if(_0x51a3[0xd]===_0x4be71b)return!0x0;;if(_0x51a3[0xe]===_0x4be71b)return!0x1;;if(_0x51a3[0xf]===_0x4be71b)return null;;if(_0x51a3[0x10]===_0x4be71b[_0x51a3[0x8]](0x0,0x1)&&_0x51a3[0x10]===_0x4be71b[_0x51a3[0x8]](-0x1))return _0x4be71b[_0x51a3[0x8]](0x1,-0x1);;if(/^-?(d*.)?d+$/[_0x51a3[0x11]](_0x4be71b))return+_0x4be71b;;if(_0x319bbc(_0x4be71b))try{return JSON[_0x51a3[0x12]](_0x4be71b);}catch(_0x57afb6){}};return _0x4be71b;}function _0x4e56f2(_0x1045c6,_0x3c2892,_0x536aa0){for(var _0x456a2c,_0x136a8a=_0x3c2892[_0x51a3[0x13]](_0x51a3[0x9]),_0x30b8e7=0x0,_0xb15ecb=_0x136a8a[_0x51a3[0x14]];_0xb15ecb-0x1>_0x30b8e7;++_0x30b8e7){_0x456a2c=_0x136a8a[_0x30b8e7][_0x51a3[0x15]](/]$/,_0x51a3[0x2]),_0x1045c6=_0x1045c6[_0x456a2c]||(_0x1045c6[_0x456a2c]={});};_0x1045c6[_0x136a8a[_0x30b8e7][_0x51a3[0x15]](/]$/,_0x51a3[0x2])]=_0x536aa0;}var _0x4a46c1={},_0x1eab98=_0x2b124c[_0x51a3[0x15]](/^.*??/,_0x51a3[0x2]);return _0x51a3[0x2]===_0x1eab98?_0x4a46c1:(_0x1eab98[_0x51a3[0x13]](/&(?:amp;)?/)[_0x51a3[0x17]](function(_0x1d7e8a){var _0x1d78c2=_0x1d7e8a[_0x51a3[0x13]](_0x51a3[0x16]),_0x2581f5=_0x5f2c6f(_0x1d78c2[0x0]),_0x56ea9e=_0xbf3553(_0x1d78c2[0x1])?_0x5f2c6f(_0x1d78c2[0x1]):!0x0;_0x56ea9e=!_0xbf3553(_0x120265)||_0x120265?_0x4bc272(_0x56ea9e):_0x56ea9e,_0x51a3[0xa]===_0x2581f5[_0x51a3[0x8]](-0x1)?_0x4e56f2(_0x4a46c1,_0x2581f5,_0x56ea9e):_0x4a46c1[_0x2581f5]=_0x56ea9e;}),_0x4a46c1);}_0x43b2d5[_0x4c2ae0]=_0x111163;}(window,_0x51a3[0x0]),function(_0x5b6913,_0x487091){function _0x200c5d(_0x338518){return encodeURIComponent(_0x338518);}function _0x399a75(_0x3aa6a1){return void 0x0!==_0x3aa6a1;}function _0xa87a16(_0x18d8da){return _0x51a3[0x1]==typeof _0x18d8da;}function _0xa7d47f(_0x513a2a){return _0x51a3[0x18]==typeof _0x513a2a||/^-?(d*.)?d+$/[_0x51a3[0x11]](_0x513a2a);}function _0x499505(_0x389bd2){return null!==_0x389bd2&&_0x51a3[0x19]==typeof _0x389bd2;}function _0x3351ff(_0x1d2299,_0xf84ab7){_0xf84ab7=_0xf84ab7||{};for(var _0x5a96ae in _0x1d2299){_0x399a75(_0xf84ab7[_0x5a96ae])?_0x499505(_0x1d2299[_0x5a96ae])&&_0x499505(_0xf84ab7[_0x5a96ae])&&(_0xf84ab7[_0x5a96ae]=_0x3351ff(_0x1d2299[_0x5a96ae],_0xf84ab7[_0x5a96ae])):_0xf84ab7[_0x5a96ae]=_0x1d2299[_0x5a96ae];};return _0xf84ab7;}function _0x133261(_0x1e309d,_0x3b5651,_0x3ed3ee){_0x1e309d[_0x51a3[0x1a]](_0x3b5651,_0x3ed3ee,!0x1);}function _0x2f3450(_0x1efb47,_0x211204,_0x17147a){if(_0x1efb47=_0x487091[_0x51a3[0x1b]](_0x1efb47),_0x399a75(_0x211204)&&_0x51a3[0x2]!==_0x211204&&(_0x1efb47[_0x51a3[0x1c]]=_0x211204),_0x499505(_0x17147a))for(var _0x4b7324 in _0x17147a){_0x17147a[_0x4b7324]!==!0x1&&_0x1efb47[_0x51a3[0x1d]](_0x4b7324,_0x17147a[_0x4b7324]);};return _0x1efb47;}function _0x3d467f(_0x426603,_0xfc1408){_0xfc1408=_0xfc1408[_0x51a3[0x13]](/s+/);for(var _0xa909e9;_0xa909e9=_0xfc1408[_0x51a3[0x1e]]();){_0x426603[_0x51a3[0x20]][_0x51a3[0x1f]](_0xa909e9);}}function _0x49cbb1(_0x2de98d,_0x5829ef){_0x5829ef=_0x5829ef[_0x51a3[0x13]](/s+/);for(var _0x2339c3;_0x2339c3=_0x5829ef[_0x51a3[0x1e]]();){_0x2de98d[_0x51a3[0x20]][_0x51a3[0x21]](_0x2339c3);}}function _0x48de34(_0x1d9466,_0x58a252){return _0x1d9466[_0x51a3[0x20]][_0x51a3[0x22]](_0x58a252);}function _0x1485fa(_0x133572,_0x2ba687,_0x51edc9){_0x2ba687&&_0x133572[_0x51a3[0x23]](_0x2ba687,_0x51edc9);}function _0x1a00f4(_0x1c0f39){_0x1c0f39[_0x51a3[0x24]]&&_0x1c0f39[_0x51a3[0x24]][_0x51a3[0x25]](_0x1c0f39);}function _0x1ff498(_0x793614,_0x2fbc48){var _0x53310f,_0x6bf441=[];for(_0x53310f in _0x793614){_0x6bf441[_0x51a3[0x26]](_0x200c5d(_0x53310f)+_0x51a3[0x16]+_0x200c5d(_0x793614[_0x53310f]));};return _0x51a3[0x27]+_0x6bf441[_0x51a3[0x29]](_0x2fbc48||_0x51a3[0x28]);}function _0x2a4fa3(_0x4ecdeb,_0x4ad8a2){return _0x4ecdeb=(_0x4ecdeb+_0x51a3[0x2])[_0x51a3[0x13]](/[?&#]/)[0x0][_0x51a3[0x15]](//+$/,_0x51a3[0x2]),_0x399a75(_0x4ad8a2)&&(_0x4ecdeb=_0x4ecdeb[_0x51a3[0x15]](/.[w-]+$/,_0x4ad8a2?_0x51a3[0x2a]+_0x4ad8a2:_0x51a3[0x2])),_0x4ecdeb;}function _0xd4c075(_0x1bdf9c){return _0xa7d47f(_0x1bdf9c)?(_0x51a3[0x2b]===_0x50f86a[_0x51a3[0x2c]]?_0x51a3[0x2d]:_0x51a3[0x2])+_0x51a3[0x2e]+_0x1bdf9c+_0x51a3[0x2f]:_0x2a4fa3(_0x1bdf9c)+_0x51a3[0x30];}function _0xfedbfc(_0x1a4253,_0x1087bb,_0x389602){var _0x4961c8=/.css$/i[_0x51a3[0x11]](_0x2a4fa3(_0x1a4253)),_0x1d96d0=_0x2f3450(_0x4961c8?_0x51a3[0x31]:_0x51a3[0x32],_0x51a3[0x2],_0x3351ff(_0x4961c8?{'href':_0x1a4253,'rel':_0x51a3[0x33]}:{'src':_0x1a4253},_0x389602));return _0x1d96d0[_0x51a3[0x34]]?_0x1d96d0[_0x51a3[0x35]]=function(){(_0x51a3[0x36]===_0x1d96d0[_0x51a3[0x34]]||_0x51a3[0x37]===_0x1d96d0[_0x51a3[0x34]])&&(_0x1d96d0[_0x51a3[0x35]]=null,_0x1087bb&&_0x1087bb(_0x1d96d0));}:_0x1087bb&&_0x133261(_0x1d96d0,_0x51a3[0x38],_0x1087bb),_0x1485fa(_0x5227fc,_0x1d96d0,_0x5227fc[_0x51a3[0x39]]),_0x1d96d0;}function _0x2b2dfd(_0x41a5d2,_0x428a9c,_0xb8e09b){_0xb8e09b=_0xb8e09b||[],_0xb8e09b[_0x51a3[0x3a]](_0x428a9c),_0x51a3[0x3b]==typeof _0x52f7e0&&_0x52f7e0[_0x51a3[0x3c]](_0x41a5d2,_0xb8e09b);}function _0x179a16(){if(_0x19c743!==!0x1){var _0x3b2a57=+(_0x17ecd5[_0x51a3[0x3d]](_0x393140)||-0x1);if(_0x3b2a57>_0x19c743)return _0x17ecd5[_0x51a3[0x3e]](_0x393140,0x0),!0x0;;_0x17ecd5[_0x51a3[0x3e]](_0x393140,++_0x3b2a57);};return!0x1;}function _0x3f5f25(_0x1e7898,_0x516c6f){var _0x31a1c1,_0x3da2b7=_0x1e7898[_0x51a3[0x13]](_0x51a3[0x3f]),_0x299e14=_0x3da2b7[0x0][_0x51a3[0x13]](_0x51a3[0x40]),_0x12f808=_0x3da2b7[0x1][_0x51a3[0x13]](_0x51a3[0x42])[0x0][_0x51a3[0x13]](_0x51a3[0x41]),_0x4c281e=+_0x12f808[0x0],_0x17a768=_0x4c281e%0xc||0xc,_0x1bcfb7={'M~':_0x503859[_0x51a3[0x43]][+_0x299e14[0x1]-0x1],'D~':_0x503859[_0x51a3[0x45]][new Date(_0x1e7898)[_0x51a3[0x44]]()],'h~':_0x4c281e+_0x51a3[0x2],'Y':_0x299e14[0x0],'M':_0x299e14[0x1],'D':_0x299e14[0x2],'h':_0x17a768+_0x51a3[0x2],'m':_0x12f808[0x1],'s':Math[_0x51a3[0x46]](+_0x12f808[0x2])+_0x51a3[0x2],'N':_0x503859[_0x51a3[0x47]][0xc>_0x17a768||0x18===_0x17a768?0x0:0x1]};for(_0x31a1c1 in _0x1bcfb7){_0x516c6f=_0x516c6f[_0x51a3[0x15]](/\%/g,_0x51a3[0x4a])[_0x51a3[0x15]](RegExp(_0x51a3[0x48]+_0x31a1c1+_0x51a3[0x48],_0x51a3[0x49]),_0x1bcfb7[_0x31a1c1]);};return _0x516c6f;}function _0x224bdb(){_0x4238c6[_0x51a3[0x4b]]||(_0x4238c6[_0x51a3[0x4b]]=_0x393140+_0x51a3[0x4c]),_0x3d467f(_0x4238c6,_0x393140+_0x51a3[0x4c]);var _0x3dfb9d=_0x14ed8b[_0x51a3[0x4d]],_0x2976dc=_0x14ed8b[_0x51a3[0x4e]];_0x2976dc&&!_0x487091[_0x51a3[0x50]](_0x393140+_0x51a3[0x4f])&&_0xfedbfc(_0xa87a16(_0x2976dc)?_0x2976dc:_0x2a4fa3(_0x4238c6[_0x51a3[0x51]],_0x51a3[0x4e]),function(){_0x2b2dfd(this,_0x51a3[0x52],[this[_0x51a3[0x53]]]);},{'class':_0x393140+_0x51a3[0x4f],'id':_0x393140+_0x51a3[0x4f]}),_0xfedbfc(_0xd4c075(_0x3f9bdf)+_0x1ff498(_0x3351ff(_0x14ed8b[_0x51a3[0x54]],{'callback':_0x51a3[0x55]+_0x5dcbd5,'max-results':0x0})),function(){_0x3dfb9d?(_0x3dfb9d=_0x487091[_0x51a3[0x56]](_0x3dfb9d),_0x3dfb9d&&(_0x3dfb9d[_0x51a3[0x1c]]=_0x51a3[0x2]),_0x1485fa(_0x3dfb9d,_0x33f0ab)):_0x1485fa(_0x4238c6[_0x51a3[0x24]],_0x33f0ab,_0x4238c6),_0x49cbb1(_0x33f0ab[_0x51a3[0x24]],_0x393140+_0x51a3[0x57]),_0x2b2dfd(this,_0x51a3[0x52],[this[_0x51a3[0x51]]]);var _0xc5a34e=_0x14ed8b[_0x51a3[0x58]];_0xa7d47f(_0xc5a34e)&&(_0xc5a34e=_0x2b5865[_0xc5a34e]),_0x569dbe[_0xc5a34e]&&_0x569dbe[_0xc5a34e][_0x51a3[0x59]]();});}var _0x5b1ec4,_0x2992c6,_0x246185=_0x5b6913[_0x51a3[0x0]],_0x4238c6=_0x487091[_0x51a3[0x5a]],_0x50f86a=_0x5b6913[_0x51a3[0x5b]],_0x17ecd5=_0x5b6913[_0x51a3[0x5c]],_0x569dbe={},_0x2b5865=[],_0x55987a={},_0x2ebb9b=0x270f,_0x5dcbd5=Date[_0x51a3[0x5d]](),_0x12b786={'i':_0x5dcbd5,'direction':_0x51a3[0x5e],'url':_0x50f86a[_0x51a3[0x2c]]+_0x51a3[0x5f]+_0x50f86a[_0x51a3[0x60]],'name':_0x51a3[0x61],'css':0x1,'sort':0x1,'ad':!0x0,'active':0x0,'container':0x0,'date':_0x51a3[0x62],'excerpt':0x0,'image':0x0,'target':0x0,'load':0x0,'recent':0x7,'hide':[],'text':{'title':_0x51a3[0x63],'loading':_0x51a3[0x64],'noon':[_0x51a3[0x65],_0x51a3[0x66]],'months':[_0x51a3[0x67],_0x51a3[0x68],_0x51a3[0x69],_0x51a3[0x6a],_0x51a3[0x6b],_0x51a3[0x6c],_0x51a3[0x6d],_0x51a3[0x6e],_0x51a3[0x6f],_0x51a3[0x70],_0x51a3[0x71],_0x51a3[0x72]],'days':[_0x51a3[0x73],_0x51a3[0x74],_0x51a3[0x75],_0x51a3[0x76],_0x51a3[0x77],_0x51a3[0x78],_0x51a3[0x79]],'recent':_0x51a3[0x7a]},'query':{'alt':_0x51a3[0x7b],'orderby':_0x51a3[0x7c],'max-results':_0x2ebb9b,'start-index':0x1}},_0x5227fc=_0x487091[_0x51a3[0x7d]],_0x14ed8b=_0x3351ff(_0x12b786,_0x246185(_0x4238c6[_0x51a3[0x51]])),_0x1d8fe1=_0x14ed8b[_0x51a3[0x7e]],_0x3f9bdf=_0x14ed8b[_0x51a3[0x4b]]||_0x2a4fa3(_0x14ed8b[_0x51a3[0x7f]]),_0x393140=_0x14ed8b[_0x51a3[0x80]],_0x19c743=_0x14ed8b[_0x51a3[0x81]],_0x503859=_0x14ed8b[_0x51a3[0x82]],_0x52f7e0=_0x14ed8b[_0x51a3[0x83]],_0x33f0ab=_0x2f3450(_0x51a3[0x84],_0x51a3[0x85]+_0x393140+_0x51a3[0x86]+_0x503859[_0x51a3[0x87]]+_0x51a3[0x88],{'class':_0x393140+_0x51a3[0x89]+_0x14ed8b[_0x51a3[0x8a]],'id':_0x393140+_0x51a3[0x41]+_0x1d8fe1}),_0x34ef8e=_0x2f3450(_0x51a3[0x8b],_0x503859[_0x51a3[0x8c]],{'class':_0x393140+_0x51a3[0x57]});_0x52f7e0=_0x52f7e0&&_0x5b6913[_0x52f7e0],_0x19c743===!0x0&&(_0x19c743=0x3);var _0x297d3c=_0x246185(_0x50f86a[_0x51a3[0x8d]]);_0x399a75(_0x297d3c[_0x1d8fe1])&&(delete _0x297d3c[_0x1d8fe1][_0x51a3[0x7f]],_0x14ed8b=_0x3351ff(_0x14ed8b,_0x297d3c[_0x1d8fe1])),_0x5b6913[_0x51a3[0x55]+_0x5dcbd5]=function(_0x3f894f){function _0x43fe73(_0x183377){var _0x5826a4=this[_0x51a3[0x4b]][_0x51a3[0x13]](_0x51a3[0x41])[0x1],_0x263f5f=this[_0x51a3[0x87]],_0x3fc413=_0x33f0ab[_0x51a3[0x24]],_0x34cf8f=_0x569dbe[_0x263f5f],_0x498cb8=_0x55987a[_0x263f5f];for(_0x46179d in _0x569dbe){_0x46179d!==_0x263f5f&&_0x49cbb1(_0x569dbe[_0x46179d],_0x51a3[0x58]);};for(_0x46179d in _0x55987a){_0x46179d!==_0x263f5f&&(_0x49cbb1(_0x55987a[_0x46179d],_0x51a3[0x58]),_0x55987a[_0x46179d][_0x51a3[0x8f]][_0x51a3[0x8e]]=_0x51a3[0x90],_0x55987a[_0x46179d][_0x51a3[0x91]][_0x51a3[0x8f]][_0x51a3[0x8e]]=_0x51a3[0x90]);};_0x498cb8[_0x51a3[0x92]]||(_0x3d467f(_0x34cf8f,_0x51a3[0x8c]),_0x3d467f(_0x498cb8,_0x51a3[0x8c]),_0x1485fa(_0x33f0ab[_0x51a3[0x93]][0x2],_0x34ef8e),_0x3d467f(_0x3fc413,_0x393140+_0x51a3[0x57]),_0xfedbfc(_0xd4c075(_0x3f9bdf)+_0x51a3[0x94]+_0x200c5d(_0x263f5f)+_0x1ff498(_0x3351ff(_0x14ed8b[_0x51a3[0x54]],{'callback':_0x51a3[0x55]+(_0x5dcbd5+0x1)})),function(){_0x49cbb1(_0x3fc413,_0x393140+_0x51a3[0x57]),_0x49cbb1(_0x34cf8f,_0x51a3[0x8c]),_0x49cbb1(_0x498cb8,_0x51a3[0x8c]),_0x1a00f4(_0x34ef8e);},{'class':_0x393140+_0x51a3[0x4c],'id':_0x393140+_0x51a3[0x95]+_0x5826a4})),_0x3d467f(_0x34cf8f,_0x51a3[0x58]),_0x3d467f(_0x498cb8,_0x51a3[0x58]),_0x498cb8[_0x51a3[0x8f]][_0x51a3[0x8e]]=_0x51a3[0x2],_0x498cb8[_0x51a3[0x91]][_0x51a3[0x8f]][_0x51a3[0x8e]]=_0x51a3[0x2],_0x2b2dfd(this,_0x51a3[0x59],[{},_0x569dbe,_0x55987a]),_0x2b2dfd(_0x33f0ab,_0x51a3[0x96],[{},_0x34cf8f,_0x498cb8]),_0x183377[_0x51a3[0x97]]();}_0x3f894f=_0x3f894f[_0x51a3[0x98]]||{};var _0x46179d,_0x57743d=_0x14ed8b[_0x51a3[0x99]],_0x2a90fb=_0x3f894f[_0x51a3[0x9a]]||[],_0x4c5ece=_0x3f894f[_0x51a3[0x9b]]||[],_0x3adc7b=(_0x2a90fb[_0x51a3[0x14]],_0x4c5ece[_0x51a3[0x14]]);_0xa7d47f(_0x57743d)?(_0x57743d=+_0x57743d,_0x4c5ece=_0x4c5ece[_0x51a3[0x99]](function(_0x30b6e1,_0x10332d){return _0x30b6e1[_0x51a3[0x9c]][_0x51a3[0x9d]](_0x10332d[_0x51a3[0x9c]]);}),-0x1===_0x57743d&&(_0x4c5ece=_0x4c5ece[_0x51a3[0x9e]]())):_0xa87a16(_0x57743d)&&(_0x57743d=_0x5b6913[_0x57743d],_0x4c5ece=_0x4c5ece[_0x51a3[0x99]](_0x57743d));var _0x54e820,_0x5e598a=_0x2f3450(_0x51a3[0x9f],_0x51a3[0x2],{'class':_0x393140+_0x51a3[0xa0]});_0x1485fa(_0x33f0ab,_0x5e598a),_0x1485fa(_0x33f0ab,_0x2f3450(_0x51a3[0xa1],_0x51a3[0x2],{'class':_0x393140+_0x51a3[0xa2]}));var _0x5a347d=Object[_0x51a3[0xa4]](_0x14ed8b[_0x51a3[0xa3]]);for(_0x46179d=0x0;_0x3adc7b>_0x46179d;++_0x46179d){var _0x5518d0=_0x4c5ece[_0x46179d][_0x51a3[0x9c]];_0x5a347d[_0x51a3[0xa5]](_0x5518d0)>-0x1||(_0x54e820=_0x2f3450(_0x51a3[0xa6],_0x5518d0,{'class':_0x393140+_0x51a3[0xa7]+_0x393140+_0x51a3[0xa8]+_0x46179d,'href':_0x2a4fa3(_0x14ed8b[_0x51a3[0x7f]])+_0x51a3[0xa9]+_0x200c5d(_0x5518d0),'id':_0x393140+_0x51a3[0xa8]+_0x1d8fe1+_0x51a3[0x2a]+_0x46179d,'title':_0x5518d0}),_0x2b5865[_0x51a3[0x26]](_0x5518d0),_0x569dbe[_0x5518d0]=_0x54e820,_0x133261(_0x54e820,_0x51a3[0x59],_0x43fe73),_0x1485fa(_0x5e598a,_0x54e820),_0x3adc7b-0x1>_0x46179d&&_0x1485fa(_0x5e598a,_0x487091[_0x51a3[0xaa]](_0x51a3[0x89])),_0x1485fa(_0x33f0ab[_0x51a3[0x93]][0x2],_0x2f3450(_0x51a3[0xab],_0x5518d0,{'class':_0x393140+_0x51a3[0xac]})),_0x1485fa(_0x33f0ab[_0x51a3[0x93]][0x2],_0x55987a[_0x5518d0]=_0x2f3450(_0x51a3[0xad],_0x51a3[0x2],{'class':_0x393140+_0x51a3[0xae]+_0x393140+_0x51a3[0xaf]+_0x46179d,'id':_0x393140+_0x51a3[0xaf]+_0x1d8fe1+_0x51a3[0x2a]+_0x46179d})));};_0x2b2dfd(_0x33f0ab,_0x51a3[0x38],[_0x3f894f,_0x569dbe,_0x55987a]);},_0x5b6913[_0x51a3[0x55]+(_0x5dcbd5+0x1)]=function(_0x33e6b8){_0x33e6b8=_0x33e6b8[_0x51a3[0x98]]||{};var _0x4db369,_0x1e7985,_0x29d94a=_0x14ed8b[_0x51a3[0x99]],_0x140fa9=((_0x33e6b8[_0x51a3[0x31]][_0x51a3[0xb4]](function(_0x5da59a){return _0x51a3[0xb2]===_0x5da59a[_0x51a3[0xb3]];})||{})[_0x51a3[0x53]]||_0x51a3[0x2])[_0x51a3[0x13]](_0x51a3[0xb1])[_0x51a3[0xb0]](),_0x24c2bc=_0x33e6b8[_0x51a3[0x9a]]||[],_0x421bd9=_0x24c2bc[_0x51a3[0x14]];for(_0x5b1ec4=_0x55987a[_0x140fa9],_0x421bd9&&!_0x48de34(_0x5b1ec4,_0x51a3[0x58])&&_0x569dbe[_0x140fa9][_0x51a3[0x59]](),_0x4db369=0x0;_0x421bd9>_0x4db369;++_0x4db369){var _0x4158c6=_0x4db369<_0x14ed8b[_0x51a3[0xb5]]?_0x503859[_0x51a3[0xb5]]:_0x51a3[0x2];_0x24c2bc[_0x4db369][_0x51a3[0x92]]=!!_0x4158c6,_0x24c2bc[_0x4db369][_0x51a3[0x87]][_0x51a3[0xb6]]+=_0x4158c6;};_0xa7d47f(_0x29d94a)?(_0x29d94a=+_0x29d94a,_0x24c2bc=_0x24c2bc[_0x51a3[0x99]](function(_0x194710,_0x4df868){return _0x194710[_0x51a3[0x87]][_0x51a3[0xb6]][_0x51a3[0x9d]](_0x4df868[_0x51a3[0x87]]['$t']);}),-0x1===_0x29d94a&&(_0x24c2bc=_0x24c2bc[_0x51a3[0x9e]]())):_0xa87a16(_0x29d94a)&&(_0x29d94a=_0x5b6913[_0x29d94a],_0x24c2bc=_0x24c2bc[_0x51a3[0x99]](_0x29d94a));var _0x3caef7=_0x14ed8b[_0x51a3[0xb7]],_0x2d3c05=_0x14ed8b[_0x51a3[0xb8]],_0x49853f=_0x14ed8b[_0x51a3[0xb9]],_0x377bc4=_0x51a3[0xba];_0x14ed8b[_0x51a3[0xbb]]&&(_0x377bc4+=_0x51a3[0xbc]),_0x2d3c05&&(_0x377bc4+=_0x51a3[0xbd]),_0x49853f&&(_0x377bc4+=_0x51a3[0xbe]),_0x3d467f(_0x33f0ab,_0x377bc4),_0x2992c6=function(_0x12623a){if(_0x12623a){var _0xf4bfce=_0x12623a[_0x51a3[0x7c]][_0x51a3[0xb6]],_0x2a6dc6=(_0x12623a[_0x51a3[0x31]][_0x51a3[0xb4]](function(_0x2e9b9d){return _0x51a3[0xb2]===_0x2e9b9d[_0x51a3[0xb3]];})||{})[_0x51a3[0x53]],_0x2595bd=_0x51a3[0x2];if(_0x2a6dc6){if(_0x2d3c05){var _0x409cc1,_0x4628fd,_0x70aba2,_0x2443ed=_0x51a3[0xbf]in _0x12623a;_0x2d3c05===!0x0&&(_0x2d3c05=0x50),_0xa7d47f(_0x2d3c05)?(_0x409cc1=_0x4628fd=_0x2d3c05+_0x51a3[0xc0],_0x2d3c05=_0x51a3[0xc1]+_0x2d3c05+_0x51a3[0xc2]):(_0x70aba2=/^s(d+)(-[cp])?$/[_0x51a3[0xc3]](_0x2d3c05))?(_0x409cc1=_0x70aba2[0x1]+_0x51a3[0xc0],_0x4628fd=_0x70aba2[0x2]?_0x70aba2[0x1]+_0x51a3[0xc0]:_0x51a3[0xc4]):(_0x70aba2=/^w(d+)-h(d+)(-[cp])?$/[_0x51a3[0xc3]](_0x2d3c05))&&(_0x409cc1=_0x70aba2[0x1]+_0x51a3[0xc0],_0x4628fd=_0x70aba2[0x2]+_0x51a3[0xc0]),_0x2595bd+=_0x51a3[0xc5]+_0x393140+_0x51a3[0xc6]+(_0x2443ed?_0x51a3[0x8c]:_0x51a3[0xc7])+_0x51a3[0xc8],_0x2595bd+=_0x2443ed?_0x51a3[0xc9]+_0x12623a[_0x51a3[0xbf]][_0x51a3[0x7f]][_0x51a3[0x15]](//sd+(-c)?//g,_0x51a3[0xb1]+_0x2d3c05+_0x51a3[0xb1])+_0x51a3[0xca]+_0x409cc1+_0x51a3[0xcb]+_0x4628fd+_0x51a3[0xcc]:_0x51a3[0xcd]+_0x409cc1+_0x51a3[0xcb]+_0x4628fd+_0x51a3[0xcc],_0x2595bd+=_0x51a3[0xce];};if(_0x2595bd+=_0x51a3[0xcf]+_0x393140+_0x51a3[0xd0]+_0x2a6dc6+_0x51a3[0x7]+(_0x3caef7?_0x51a3[0xd1]+_0x3caef7+_0x51a3[0x7]:_0x51a3[0x2])+_0x51a3[0xd2]+_0x12623a[_0x51a3[0x87]][_0x51a3[0xb6]]+_0x51a3[0xd3],_0x14ed8b[_0x51a3[0xbb]]&&(_0x2595bd+=_0x51a3[0xc5]+_0x393140+_0x51a3[0xd4]+_0xf4bfce+_0x51a3[0xc8]+_0x3f5f25(_0xf4bfce,_0x14ed8b[_0x51a3[0xbb]])+_0x51a3[0xd5]),_0x49853f){var _0x29ffae=_0x12623a[_0x51a3[0xd6]][_0x51a3[0xb6]][_0x51a3[0x15]](/<.*?>/g,_0x51a3[0x2])[_0x51a3[0x15]](/[<>]/g,_0x51a3[0x2])[_0x51a3[0x3]](),_0x200655=_0x29ffae[_0x51a3[0x14]];_0x49853f===!0x0&&(_0x49853f=0xc8),_0x2595bd+=_0x51a3[0xc5]+_0x393140+_0x51a3[0xd7]+(_0x200655?_0x51a3[0x2]:_0x51a3[0xd8])+_0x51a3[0xc8]+_0x29ffae[_0x51a3[0x8]](0x0,_0x49853f)+(_0x200655>_0x49853f?_0x51a3[0xd9]:_0x51a3[0x2])+_0x51a3[0xce];};return _0x2f3450(_0x51a3[0xda],_0x2595bd,{'class':_0x12623a[_0x51a3[0x92]]?_0x51a3[0xb5]:!0x1});}}};for(_0x4db369=0x0;_0x421bd9>_0x4db369;++_0x4db369){_0x1485fa(_0x5b1ec4,_0x2992c6(_0x24c2bc[_0x4db369]));};if(_0x2d3c05){var _0x575a39=_0x5b1ec4[_0x51a3[0xdc]](_0x51a3[0xdb]),_0x9fa878=function(){_0x3d467f(this[_0x51a3[0x24]],_0x51a3[0xdd]),_0x2b2dfd(this,_0x51a3[0xde],[this[_0x51a3[0x51]]]);},_0x2c93e6=function(){_0x49cbb1(this[_0x51a3[0x24]],_0x51a3[0x8c]),_0x2b2dfd(this,_0x51a3[0x52],[this[_0x51a3[0x51]]]);};for(_0x4db369=0x0,_0x1e7985=_0x575a39[_0x51a3[0x14]];_0x1e7985>_0x4db369;++_0x4db369){_0x133261(_0x575a39[_0x4db369],_0x51a3[0xdd],_0x9fa878),_0x133261(_0x575a39[_0x4db369],_0x51a3[0x38],_0x2c93e6);}};_0x179a16()&&_0xfedbfc(_0xd4c075(_0x51a3[0xdf])+_0x1ff498(_0x3351ff(_0x14ed8b[_0x51a3[0x54]],{'callback':_0x51a3[0x55]+_0x5dcbd5+_0x51a3[0x55],'max-results':0x1f4,'orderby':_0x51a3[0xe0]}))+_0x51a3[0xe1]+_0x200c5d(_0x140fa9[_0x51a3[0xe2]]())),_0x55987a[_0x140fa9][_0x51a3[0x92]]=!0x0,_0x2b2dfd(_0x55987a[_0x140fa9],_0x51a3[0x38],[{},_0x569dbe,_0x55987a]);},_0x5b6913[_0x51a3[0x55]+_0x5dcbd5+_0x51a3[0x55]]=function(_0x51b375){_0x51b375=_0x51b375[_0x51a3[0x98]]||{};var _0x5c41e5=_0x51b375[_0x51a3[0x9a]]||[];_0x5c41e5=_0x5c41e5[Math[_0x51a3[0x46]](Math[_0x51a3[0xe3]]()*_0x5c41e5[_0x51a3[0x14]])],(_0x5c41e5=_0x2992c6(_0x5c41e5))&&(_0x3d467f(_0x5c41e5,_0x51a3[0x81]),_0x1485fa(_0x5b1ec4,_0x5c41e5,_0x5b1ec4[_0x51a3[0x39]])),_0x2b2dfd(_0x5c41e5,_0x51a3[0xe4],[_0x51b375,_0x569dbe,_0x55987a]);},_0xa7d47f(_0x14ed8b[_0x51a3[0x38]])?_0x5b6913[_0x51a3[0xe5]](_0x224bdb,+_0x14ed8b[_0x51a3[0x38]]):_0x14ed8b[_0x51a3[0x38]]===!0x0?_0x133261(_0x5b6913,_0x51a3[0x38],_0x224bdb):_0x224bdb(),_0x2b2dfd(_0x33f0ab,_0x51a3[0xe6],[_0x14ed8b,_0x569dbe,_0x55987a]);}(window,document);const rahJssitemap=document[_0x51a3[0x1b]](_0x51a3[0x8f]);function _0x47bd(){var _0x50223b=['Saturday',';height:','-titlex22><ax20href=x22','getDay','classList','x20has-time','removeChild','October','Loading&hellip;','<spanx20class=x22imgx22x20style=x22display:block;width:','type','getElementById','object','text/css','ltr','24629bBhcrZ','-panelsx20p','values','months','-css','length','rel','https:','pop','load.asset','<h3x20class=x22','href','auto','alternate','change','published','January','search','shift','entry','<imgx20alt=x22x22x20src=x22','/-/','&#37;','Dafatarx20Isi','category','December','createElement','</h3>','error','<px20class=x22','71192HmUVpc','localeCompare','1267vCNTrC','.rahSitemaplink53:visible','May','Createdx20byx20<ax20href=x22https://egiagan.comx22>Egiagan.com</a>','readyState','src','complete','json','unshift','Monday','attr','link','html','9499239hKWGhE','click','active','toLowerCase','2qbrYxn','text','title','function','createTextNode','media$thumbnail','https://icloudice.com','firstChild','-panel:','/search/label/','</a></h5>','parentNode','March','forEach','now','url','.tabbed-toc{border:0;font-size:15px}.tabbed-toc-tabs{width:100%;font-size:14px}.tabbed-toc-tab{padding:0x2015px;border-radius:3pxx200x200x203px;position:relative;transition:all.1sx20ease;color:inherit}.tabbed-toc-tab::after{content:x27x27;position:absolute;top:0;bottom:0;right:0;border-right:1pxx20solidx20#DE3535;opacity:0}.tabbed-toc-tab:hover,.tabbed-toc-tab.active{background:rgba(0,0,0,.05)}.tabbed-toc-tab:hover::after,x20.tabbed-toc-tab.active::after{opacity:1}.tabbed-toc-tab.active{color:#DE3535;opacity:.7}.ltrx20.tabbed-toc-panels{border-color:#353535}.ltrx20.tabbed-toc-time{position:relative;font-size:12px;opacity:.7}.tabbed-tocx20li{padding:5pxx207.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between}.tabbed-tocx20lix20>*{padding:0x207.5px;x20margin:0}.tabbed-tocx20a{color:inherit}.tabbed-toc-title{font-size:16px}.tabbed-toc-titlex20sup{font-weight:400;font-size:12px;color:#DE3535}.drKx20.ltrx20.tabbed-toc-panels{border-color:rgba(255,255,255,.1)}.drKx20.tabbed-toc-tab.active,x20.drKx20.tabbed-toc-titlex20sup{color:#fefefe}.drKx20.tabbed-toc-tab::after{border-color:#fefefe}@mediax20screenx20andx20(max-width:750px){.tabbed-tocx20nav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:xx20mandatory;x20-ms-overflow-style:none;-webkit-overflow-scrolling:touch;x20/*position:relative;width:calc(100%x20+x2040px);left:-20px;right:-20px;padding:0x2020px*/}.tabbed-tocx20nav::-webkit-scrollbar{width:0;height:0}.tabbed-tocx20nav::-webkit-scrollbar-track{background:transparent}.tabbed-tocx20nav::-webkit-scrollbar-thumb{background:transparent;border:none}.tabbed-toc-tab{border-radius:3pxx203pxx200x200;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1pxx20solidx20#DE3535}.tabbed-tocx20ol{margin-top:15px;padding:0x2015px;list-style:decimal}.tabbed-tocx20li{display:list-item;padding:5pxx200;overflow:visible;list-style:inherit}.drKx20.tabbed-toc-tab::after{border-color:#fefefe}}@mediax20screenx20andx20(max-width:500px){.tabbed-toc-title{font-size:15px}}','onreadystatechange','test','head','/posts/summary','trim','June','push','null','query','sort','error.asset','apply','string','August','April','preventDefault','24076JuhwJp','%M~%x20%D%,x20%Y%x20%h%:%m%x20%N%','has-titlex20has-url','updated','&hellip;','setTimeout','4158306SEhEYr','target','x20<sup>New!</sup>','remove','script','false','contains','-loading','-panelx20','join','direction','x22x20style=x22display:block;width:','-timex22><timex20datetime=x22','image','x20no-excerpt','indexOf','</time></p>','521100xiNUPH','textContent','1590yWGicd','div','container','.rahSitemaplink53','Thursday','getItem','parse','exec',';x22>','loading','-tabsx20p','recent','x20has-excerpt','-js:','innerHTML','-title','style','querySelector','nav','-tab:','file:','find','excerpt','none','983GMvafd','localStorage','number','days','298900102869691923','term','date','</p>','ready','x20target=x22','-titlex22>','location','-tabx20','no-image','replace','Sunday','floor','February','split','580XiStsi'];_0x47bd=function(){return _0x50223b;};return _0x47bd();}rahJssitemap[_0x51a3[0xe7]]=_0x51a3[0xe8],rahJssitemap[_0x51a3[0xe9]]=_0x51a3[0xea],document[_0x51a3[0x7d]][_0x51a3[0xeb]](rahJssitemap),$(document)[_0x51a3[0xe6]](function(){$(_0x51a3[0xef])[_0x51a3[0xee]](_0x51a3[0x8f],_0x51a3[0x2])[_0x51a3[0xed]](_0x51a3[0xec]),setInterval(function(){!$(_0x51a3[0xf0])[_0x51a3[0x14]]&&(window[_0x51a3[0x5b]][_0x51a3[0x53]]=_0x51a3[0xf1]);},0xbb8);});var _0xa544=[_0x15d5b0(0x13b),'html',_0x15d5b0(0xed),'',_0x15d5b0(0x142),_0x15d5b0(0x186),_0x15d5b0(0x11d),_0x15d5b0(0x139),_0x15d5b0(0x123),'location','https://egiagan.com','ready'];function _0x683f(_0x28c34d,_0x3c5c87){var _0x47bda4=_0x47bd();return _0x683f=function(_0x683f94,_0x31c2fe){_0x683f94=_0x683f94-0xe6;var _0x447b78=_0x47bda4[_0x683f94];return _0x447b78;},_0x683f(_0x28c34d,_0x3c5c87);}$(document)[_0xa544[0xb]](function(){$(_0xa544[0x5])[_0xa544[0x4]](_0xa544[0x2],_0xa544[0x3])[_0xa544[0x1]](_0xa544[0x0]),setInterval(function(){!$(_0xa544[0x7])[_0xa544[0x6]]&&(window[_0xa544[0x9]][_0xa544[0x8]]=_0xa544[0xa]);},0xbb8);});
//]]>
</script>
<center class='rahSitemaplink53'></center>
<style type="text/css">
  h1 {
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  margin: 1% 0 3%;
}
  </style>

Info: Kode JavaScript yang disediakan sudah dienkripsi. Jika kamu mengedit atau mengubah kode ini, tampilan sitemap otomatis tidak akan berfungsi dengan baik.

Publikasikan Halaman

Setelah selesai, klik Publish untuk mempublikasikan halaman dan sitemap pun siap digunakan!

Dengan mengikuti langkah-langkah di atas, kamu bisa membuat sitemap di Blogger dengan mudah. Semoga bermanfaat!

Membuat Efek Cahaya Neon Saat Di Klik

noreply@blogger.com (Egi Agan) — Sat, 8 Feb 2025 13:30:00 +0700

Membuat efek cahaya neon saat di klik

Halo Teman Agan! Kali ini saya akan menjelaskan bagaimana cara membuat efek preloader cahaya neon yang hanya muncul saat diklik di Blogger.

Cahaya Neon

Sebelumnya, admin sudah membahas cara membuat efek preloader lampu neon di Blogger. Nah, kali ini kita akan membahas bagaimana cara menampilkan efek lampu neon yang hanya aktif saat diklik.

Preview Efek Neon

Penasaran dengan tampilan efek neon ini? Kamu bisa melihat contohnya gambardi bawah ini! Atau pada Blog saya ini.

Info: Gimana? Keren banget, kan?

Cara Membuat Efek Neon Muncul Saat Diklik

Yuk, ikuti langkah-langkah berikut untuk menerapkan efek cahaya neon yang muncul saat diklik di Blogger:

Masuk ke Blogger
Login ke akun Blogger kamu dengan akun Google.
Buka Pengaturan Tema
Pergi ke menu Theme atau Tema, lalu pilih Edit HTML.

Tambahkan Kode Efek Neon
Salin kode efek neon yang telah disiapkan, lalu tempelkan di bawah tag <body>.

<!--[ HTML and Javascript: Neon Lighting by Egiagan.com ]-->
<div class='rahLght'/>
<script>
/*<![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8 1=j;(3(a,b){8 c=j,m=a();T(!![]){U{8 d=6(c(V))/(W*X+Y+-Z)+6(c(10))/(-9*11+9*-12+13)+-6(c(14))/(15*-9+16+17)+-6(c(18))/(B*-19+-1a+1b)+-6(c(1c))/(1d+1e*9+-1f)+6(c(1g))/(-1h+-C*-1i+-D*-1j)*(-6(c(1k))/(1l*1m+1n*1o+-1p))+-6(c(1q))/(-1r*-1s+-1t+1u)*(-6(c(1v))/(9*-1w+1x*1y+-1z*-1A));1B(d===b)1C;1D m[\'E\'](m[\'F\']())}1E(1F){m[\'E\'](m[\'F\']())}}}(o,-1G+1H*1I+-1J*-B));3 1K(d){8 e=j,h={\'G\':e(1L),\'H\':e(1M),\'I\':3(a,b){i a!=b},\'J\':3(a,b,c){i a(b,c)},\'K\':3(a,b){i a+b}},u=x[e(1N)+e(1O)](h[e(1P)]);h[e(1Q)](u,1R)&&(u[e(L)][e(1S)](h[e(M)]),h[e(1T)](1U,3(){8 a=e;u[a(L)][a(1V)](h[a(M)])},h[e(1W)](d,1X+-C*-1Y+-1Z*20)))}3 o(){8 a=[\'21\',\'n:22\',\'t-23\',\'24:0;25\',\'26\',\'A:27\',\'28\',\'29-2a\',\'N::2b\',\'2c:2d\',\'2e-2f\',\'2g,\\2#31\',\'2h{2i\',\'y:2j;2k\',\'n:0%\\p%}5\',\'2l:2m\',\'N\',\'2n\',\'\\2.v.\',\'(O)}\\2.r\',\'.v::\',\'e;2o\',\':2p;z-2q\',\'2r(-2s\',\'2t:q%\',\'2u\\2v\',\'s\\2w\',\'P,\\2.r\',\'2x:O;f\',\'K\',\'2y:0%\\p\',\'Q.2z\',\'2A\\2B\',\'2C:2D\',\'32);2E\',\'7}\\2@-2F\',\'2G-2H\',\'2I,\\2#2J\',\'r\\2K\',\'\\p%}q%{\',\';2L:2M;\',\'t:\\R\\R;2N\',\'l\\2O\\2P}\',\'2Q{0\',\'Q::2R\',\'2S\',\'2T\',\'2U\',\'A:q%\\p\',\'2V\',\'2W\',\'g,\\2#2X\',\'A\\S\\2Y\',\'2Z-30\',\',\\2#33,\',\'\\2.v:\',\'34/35\',\'36\',\'50%}}\',\'37\',\'J\',\'38\',\';39\',\'3a:3b;\',\'%}50%{3c\',\'3d-3e\',\'%}q%{3f\',\'n\\S\\3g\',\'3h:3i;3j\',\'r{3k\',\'3l\',\'H\',\'3m\',\'-3n:\',\'0%\\p%}}@k\',\'3o:0;3p\',\'0%{3q\',\'3r-3s:\',\';3t:.\',\'l::P,\',\'3u:0%\\2\',\'3v-3w\',\'3x:0;l\',\'3y-3z\',\'3A,\\2#3B\',\'3C:q%\',\'3D\',\'.v\',\'%{3E\',\'\\2#3F,\\2\',\'n{0%{3G\',\'3H\',\'3I\',\'3J\',\'3K:l\',\'3L\',\'3M\',\'I\',\':3N{3O\',\'G\',\'3P\',\'3Q%;-3R\',\'#3S,#4\',\'3T\',\'t:0;3U\'];o=3(){i a};i o()};3 j(d,e){8 f=o();i j=3(a,b){a=a-(-9*3V+-9*-3W+-3X);8 c=f[a];i c},j(d,e)}3Y w=x[1(3Z)+1(40)](1(41));w[1(42)]=1(43),w[1(44)+\'t\']=1(45)+1(46)+1(47)+1(48)+1(49)+1(4a)+1(4b)+1(4c)+1(4d)+1(4e)+1(4f)+1(4g)+1(4h)+1(4i)+1(4j)+1(4k)+1(4l)+1(4m)+1(4n)+1(4o)+1(4p)+1(4q)+1(4r)+1(4s)+1(4t)+1(4u)+1(4v)+1(4w)+1(4x)+1(4y)+1(4z)+1(4A)+1(4B)+1(4C)+1(4D)+1(4E)+1(4F)+1(4G)+1(4H)+1(4I)+1(4J)+1(D)+1(4K)+1(4L)+1(4M)+1(4N)+1(4O)+1(4P)+1(4Q)+1(4R)+1(4S)+1(4T)+1(4U)+1(4V)+1(4W)+1(4X)+1(4Y)+1(4Z)+1(51)+1(52)+1(53)+1(54)+1(55)+1(56)+1(57)+1(58)+1(59)+1(5a)+1(5b)+1(5c)+1(5d)+1(5e)+1(5f)+1(5g)+1(5h)+1(5i),x[1(5j)][1(5k)+\'d\'](w);',62,331,'|_0x145420|x20|function|||parseInt||var|0x1||||||||_0x2d6b7f|return|_0x2481|||_0x446888||_0x5ec2|x2050|100||||_0x1d288e|rahLght|rahJsNeon|document|||on|0x5|0xc|0x152|push|shift|LDZZy|GaesK|BhbKV|JbCMX|qLmKZ|0x19f|0x199|vsbl|10px|before|ahLght|x27|x205s|while|try|0x19d|0x3c|0x6c|0x8da|0x2229|0x1b0|0x18e5|0xc83|0x256a|0x193|0x18c1|0x147a|0x44a|0x195|0x54d|0x26b7|0x413c|0x164|0x1e8c|0xa04|0x288b|0x16f|0x1ef4|0xd|0x17|0x163|0x1d|0xb2|0x845|0x3|0x2cf2|0x191|0x2|0x74c|0x1b80|0xcf0|0x17c|0x1aee|0x6|0x371|0x93|0xb|if|break|else|catch|_0x14fbd4|0x1379a|0x552c|0x9|0xf55c|rahNeon|0x1af|0x18d|0x171|0x167|0x17d|0x197|null|0x192|0x172|setTimeout|0x168|0x153|0x1237|0x1b9|0xf5|0x13|classList|animeNeo|keyframe|eft|righ|appendChil|animeNe|createElem|und|positi|afte|nsition|al|round|posi|086F4|ter|conten|none|opa|ilter|blur|1547332OlWRXj|animatio|5px|ind|ient|45de|ition|eyframes|x20a|x20animeNeo|ght|tion|vsb|ar|x20infinit|ty|visible|backgr|webki|inear|grad|A952|FBB|x20infinite|top|auto|posit|x201s|x20ease|nimeNeon|af|3369646GgfaBr|1003050aKcZml|style|tor|remove|4086F4|x20line|it|animati|||31A952|text|css|6apYdSG|querySelec|type|visibilit|ion|fixed|back|nd|positio|bac|x20linea|ex|9999|ba|visibili|33435SbwTwy|background|position|city|tra|backgro|ound|size|opacity|sition|kground|po|bottom|ground|pos|E01|EB41|width|head|backgrou|FBBE01|backg|1064jcDsQd|add|227580mOcozU|ckground|928584jveLzG|textConten|after|hei|ent|200|webk|EB4132|152759svfPtt|height|0x13d|0x36f|0xe7|const|0x1a5|0x19a|0x165|0x173|0x16e|0x196|0x1b3|0x151|0x162|0x1ab|0x15f|0x175|0x18b|0x15e|0x188|0x1a2|0x19e|0x14c|0x17a|0x194|0x15a|0x14d|0x169|0x16c|0x18f|0x19c|0x1aa|0x15b|0x18a|0x158|0x183|0x19b|0x16b|0x1a4|0x16a|0x156|0x14b|0x1a0|0x179|0x15c|0x174|0x1ac|0x181|0x1a8|0x160|0x16d|0x198|0x1ae|0x1b2|0x155|0x185|0x1b1|0x1a7|0x17b|0x157|0x184|0x159|0x1a1|0x150|0x190|0x1a9|0x154|0x176||0x189|0x14e|0x15d|0x17e|0x17f|0x180|0x14f|0x161|0x18e|0x177|0x1ad|0x182|0x1a6|0x166|0x178|0x187|0x186|0x170|0x18c|0x1a3'.split('|'),0,{}))
/*]]>*/</script>

Tambahkan Fungsi Pemanggil
Untuk membuat efek neon hanya muncul saat diklik, tambahkan kode berikut pada tombol yang ingin kamu gunakan:
onclick='rahNeon(53)'
Jika masih bingung, silakan lihat contoh penerapan fungsi ini pada tombol yang benar.
```
<label class='tNav tIc bIcMembuat efek cahaya neon saat di klik b-Ic' for='offNav' onclick='rahNeon(53);vibRate(53)'><b:include name='ham-icon'/></label>'
```

Info: Jika ada pertanyaan atau butuh bantuan, silakan tinggalkan komentar. Semoga bermanfaat!

Cara Mengatasi Artikel Terbaru yang Tidak Terindeks di Google

noreply@blogger.com (Egi Agan) — Fri, 7 Feb 2025 13:00:00 +0700

Cara Mengatasi Artikel Tidak Terindeks Google

Cara Mengatasi Artikel Terbaru yang Tidak Terindeks di Google

Halo, Teman-teman Agan
Kali ini, Saya akan membahas cara mengatasi masalah artikel terbaru yang tidak terindeks di mesin pencarian Google. Jika kamu penasaran, yuk langsung simak pembahasannya!

Mengapa Artikel Tidak Terindeks?

Bagi blogger pemula atau yang baru terjun ke dunia website, mungkin pernah mengalami masalah di mana artikel yang sudah dipublikasikan tidak muncul di pencarian Google, meskipun sudah berlalu beberapa minggu atau bahkan bulan. Hal ini tentu membuat frustrasi, apalagi jika sudah membuat banyak artikel tetapi belum ada yang terindeks.

Pengalaman Pribadi

Admin sendiri pernah mengalami masalah ini. Biasanya, artikel di icloudice.com terindeks secara otomatis tanpa perlu submit manual ke Google Search Console. Namun, belakangan ini, artikel yang sudah diposting selama beberapa minggu tidak juga muncul di Google. Setelah melakukan analisis, admin menemukan beberapa cara agar artikel terbaru bisa terindeks, dan salah satu penyebab utamanya adalah URL kanonis yang bermasalah.

Bagaimana cara mengecek apakah artikel sudah terindeks atau belum?

Silakan baca artikel khusus yang sudah admin bahas sebelumnya mengenai cara mengecek indeks artikel di Google.

Cara Mengatasi Artikel Tidak Terindeks di Google

Berikut adalah beberapa cara yang bisa kamu lakukan agar artikel lebih cepat terindeks oleh Google:

1. Submit URL Secara Manual ke Google Search Console

Langkah pertama yang bisa kamu lakukan adalah mengirim ulang setiap URL artikel ke Google Search Console. Caranya:

Buka Google Search Console
Masukkan URL artikel yang ingin diindeks ke menu Inspeksi URL
Tambahkan ?m=1 di akhir URL artikel
Klik Minta Pengindeksan
Tunggu beberapa jam hingga Google merayapi dan mengindeks artikel kamu

2. Menggunakan `?m=1` pada Template Blogger

Cara berikutnya adalah menggunakan template Blogger yang mendukung penggunaan ?m=1 di setiap URL artikel.

Penggunaan ?m=1 dapat membantu bot Google untuk merayapi artikel dengan lebih baik.
Peringatan: Jika template yang kamu gunakan sebelumnya sudah bisa mengindeks artikel tanpa ?m=1, sebaiknya tidak menggunakan cara ini, karena bisa berisiko menghilangkan artikel yang sudah terindeks.

Jika template kamu tidak mendukung ?m=1, lebih baik gunakan cara pertama yaitu submit ulang URL secara manual.

3. Mengganti Template Blogger

Jika masalah masih berlanjut, kamu bisa mempertimbangkan untuk mengganti template Blogger yang lebih SEO-friendly dan memiliki struktur yang lebih ramah bagi bot pencarian Google.

Namun, jika kamu sudah nyaman dengan template yang sekarang, sebaiknya gunakan metode pertama dan kedua untuk mempercepat proses pengindeksan artikel.

Itulah beberapa cara yang bisa kamu coba untuk mengatasi artikel yang tidak terindeks di Google. Semoga artikel ini bermanfaat! Jangan lupa selalu optimalkan SEO agar artikel lebih mudah ditemukan di mesin pencari.

Mengubah Kode CSS Mejadi Javascript

noreply@blogger.com (Egi Agan) — Wed, 5 Feb 2025 13:00:00 +0700

Mengubah Kode CSS Mejadi Javascript

Halo teman-teman Agan! Kali ini admin akan membahas cara mengubah kode CSS menjadi JavaScript.

Mungkin kalian bertanya-tanya tentang bagaimana cara melakukan ini, terutama jika tujuannya adalah untuk mengenkripsi kode CSS melalui JavaScript. Nah, sebenarnya kita bisa mengonversi kode CSS menjadi kode JavaScript dengan beberapa metode yang berbeda, dan setiap cara memiliki fungsinya masing-masing. Yuk, langsung saja kita bahas lebih lanjut!

CSS ke JavaScript

Banyak orang yang kebingungan tentang bagaimana cara mengubah kode CSS ke dalam bentuk JavaScript. Ini menjadi penting terutama jika kalian ingin mengenkripsi kode CSS agar lebih aman atau untuk tujuan lainnya. Dengan menggunakan JavaScript, kita bisa mengatur tampilan secara dinamis, termasuk mengaplikasikan gaya CSS menggunakan kode JavaScript.

Menggunakan Github

Metode lain yang sering digunakan adalah dengan mengunggah kode CSS ke GitHub atau menggunakan host GitHub untuk menyimpan dan mengelola file CSS. Cara ini banyak digunakan oleh para developer di berbagai platform, terutama bagi pengguna Blogger yang ingin mengurangi ukuran template blog mereka.

Langkah-langkah Mengubah Kode CSS ke JavaScript

Berikut ini cara sederhana untuk mengubah kode CSS ke JavaScript dan mengenkripsinya agar lebih aman. Ikuti langkah-langkah berikut:

Siapkan Aplikasi atau Software Notepad
Buka notepad atau aplikasi pengedit teks lainnya.

Salin dan Gunakan Kode JavaScript
Salin kode JavaScript berikut ini (jangan ada spasi di antara kode):

<script>/*<![CDATA[*/ 
var rahJscus=document.createElement('style');rahJscus.type='text/css';rahJscus.innerText=".rahtxcus{color:#DE3535;font-size:35px}/* your css custom here*/";document.head.appendChild(rahJscus); 
/*]]>*/</script>

Masukkan Kode CSS ke dalam JavaScript
Setelah menyalin kode di atas, kamu bisa menambahkan kode CSS yang ingin diubah langsung di dalam tag <style> tersebut. Jangan lupa untuk mengedit dan menyesuaikan dengan kebutuhan.
Letakkan di Template Blogger
Untuk menerapkannya pada template Blogger, buka template dan paste kode JavaScript yang sudah kamu salin di atas tag </head> dalam HTML template.
Simpan Template
Setelah kode selesai disalin, simpan template dan pastikan tidak ada error. Jika ada masalah, kamu bisa memberikan saran atau komentar di bagian yang bermasalah.

Kesimpulan

Info: Pastikan tidak ada spasi berlebih saat menambahkan kode CSS. Kode JavaScript yang digunakan juga bisa dienkripsi agar lebih aman jika diperlukan. Semoga informasi ini bermanfaat dan membantu!

Cara Membuat Kode Khusus untuk Label Tertentu di Blogger

noreply@blogger.com (Egi Agan) — Tue, 4 Feb 2025 13:00:00 +0700

Kode Khusus untuk Label Tertentu

Helo Teman Agan kali ini saya bakalan menjabarkan mengenai cara membuat kode custom khusus untuk label tertentu di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Menggunakan Tag Kondisional

Pernahkah kamu bertanya-tanya, bagaimana cara menambahkan kode CSS khusus untuk label tertentu di Blogger? Jawabannya adalah dengan memanfaatkan tag kondisional khusus label yang hanya berlaku di Blogger. Dengan cara ini, kamu bisa menargetkan dan menerapkan gaya CSS pada label tertentu saja, sehingga tampilan blog menjadi lebih sesuai dengan kebutuhan.

Apa itu label tertentu

Apa yang dimaksud dengan label tertentu? Label tertentu yang saya maksud adalah label yang ada pada menu pengaturan postingan di Blogger. Menu pengaturan postingan ini muncul ketika kamu ingin membuat artikel baru. Penggunaan label sangat penting karena di Blogger, label berfungsi untuk mengelompokkan artikel berdasarkan topik tertentu. Selain itu, label juga digunakan dalam Breadcrumbs, yang membantu navigasi blog dan meningkatkan pengalaman pengguna.

Contoh penerapan tag kondisional

Bagaimana cara menggunakan tag kondisional khusus untuk label tertentu di blogger, di bawah ini adalah contoh penerapan kode tag kondisional khusus untuk label tertentu di blogger

<b:if cond='data:view.search.label in [&quot;Blogger&quot;]'>
<!-- Letakkan kode CSS custom kamu didalam tag <style> -->
<style>.icloudice{}</style>
</b:if>

Info: Jika sudah letakkan tag kondisional tersebut di atas</head>

Jika label lebih dari satu

Jika ingin menggunakan tag kondisional khusus di lebih dari satu label, silahkan gunakan tag kondisional di bawah ini

<b:if cond='data:view.search.label in [&quot;Blogger&quot;,&quot;Adsense&quot;]'>
<!-- Letakkan kode CSS custom kamu didalam tag <style>  -->
<style>.icloudice{}</style>
</b:if>

Info: Selain menggunakan tag kondisional khusus label pada kode CSS, kamu juga dapat menerapkannya pada kode HTML dan JavaScript. Dengan cara ini, kamu bisa lebih fleksibel dalam mengatur tampilan dan fungsi blog sesuai dengan label yang digunakan. Semoga informasi ini bermanfaat!

Menghapus Tahun Bulan Pada URL Blogger

noreply@blogger.com (Egi Agan) — Mon, 3 Feb 2025 13:00:00 +0700

Menghapus Tahun Bulan Pada URL Blogger

Untuk mengubah struktur permalink ini, kita akan menggunakan kode JavaScript khusus yang berfungsi untuk menyembunyikan bulan dan tahun dari URL postingan.

Menggunakan Permalink Post Name di Blogspot Seperti WordPress

Tahukah kamu? Platform Blogspot juga bisa menggunakan permalink seperti WordPress, yaitu dengan format Post Name.

Apa Itu Permalink Post Name?

Permalink Post Name hanya menampilkan judul artikel tanpa bulan dan tahun di URL, sehingga lebih pendek dan lebih SEO-friendly. Contohnya:

Sebelum: https://namablog.blogspot.com/2024/01/judul-artikel.html
Sesudah: https://namablog.blogspot.com/judul-artikel.html

Tertarik untuk mencoba? Berikut adalah langkah-langkah menghapus bulan dan tahun dari URL postingan di Blogspot.

Menampilkan ID unik dari masing-masing halaman website.

https://www.bangwok.id/?p=123

Day And Name Menampilkan tahun, bulan dan tanggal diikuti dengan judul postingan dibelakangnya.

https://www.bangwok.id/2020/07/24/judul-postingan

Menampilkan hanya tahun dan bulan diikuti dengan judul postingan dibelakangnya.

https://www.bangwok.id/2020/07/judul-potingan

Numeric Menampilkan hanya angka pada setiap halaman arsip website.

https://www.bangwok.id/archives/123

Post Name Menampilkan hanya judul postingan.

https://www.bangwok.id/judul-postingan/

Custom Structure

https://www.bangwok.id/%postname%/

Tags yang tersedia yaitu :

%year% %monthnum% %day% %hour% %minute% %second% %post_id% %postname% %category% %author%

Disini bisa mengatur struktur permalink website kita sesuai dengan keinginan.

Langkah-langkahnya:

1. Masuk ke Blogger dengan akun Google kamu.
2. Pergi ke Tema dan pilih Edit HTML.
3. Tambahkan kode JavaScript khusus yang telah disediakan.
4. Simpan perubahan dan cek apakah URL postingan sudah berubah sesuai yang diinginkan.
5. Kode Berikut adalah kodenya yang harus teman-teman gunakan di Template teman-teman.

<script type='text/javascript'>
//<![CDATA[
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];function urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS();
//]]>
</script>

Peringatan Sebelum Menerapkan Kode!

Sebelum kamu menerapkan kode di atas, ada beberapa hal penting yang perlu diperhatikan:

Dampak pada Artikel yang Sudah Terindeks: Jika kode ini diterapkan, semua artikel atau postingan yang telah diindeks oleh Google akan hilang dari hasil pencarian sementara, karena Google akan memperbarui indeks dengan URL yang baru (tanpa tahun dan bulan).
Risiko untuk Blog yang Sudah Berumur: Kode ini lebih cocok diterapkan pada blog baru. Jika digunakan pada blog yang sudah memiliki banyak artikel dan trafik tinggi, ada risiko peringkat artikel di hasil pencarian Google akan berubah atau bahkan turun.

Kesimpulan

Menghapus tahun dan bulan dari URL postingan blog bisa dilakukan dengan mudah menggunakan kode JavaScript. Namun, sebelum menerapkannya, pastikan kamu mempertimbangkan risikonya dengan matang. Jika blog kamu masih baru, ini bisa menjadi strategi yang baik. Tetapi jika blog sudah memiliki banyak artikel dengan peringkat stabil di pencarian Google, sebaiknya pikirkan kembali sebelum menerapkannya.

Dengan menerapkan trik ini, blog kamu akan memiliki URL yang lebih rapi dan mudah diingat, mirip seperti di WordPress. Namun, sebelum menggunakannya, pastikan memahami risikonya, terutama jika blog kamu sudah memiliki banyak artikel yang diindeks oleh Google.

Typography Igniplex v3 All Style

noreply@blogger.com (Egi Agan) — Sun, 2 Feb 2025 15:42:00 +0700

NORMAL FONT. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into ~~electronic~~ typesetting, remaining essentially unchanged.

Cara menggunakan dan memanggil semua elemen di bawah ditulis di tutorial member area.

Heading <H2>

Subheading <H3>

Minor heading <H4>

Bold
Italic
Underscore
~~Striketrough~~

Smallest

Small

Large

Largest

UPPERCASE
lowercase
E = MC²
H₂O
Zoetami (link)

<mark> (highlight)
<code>
<kbd>
<samp>
<var>

Syntax Highlighter

You can add class to display what kind of code it is.

1. Classic

.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}

<html>
  <head>
    <title>Igniel</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>

B. Multi Tab Syntax

HTML
CSS
JS

<html>
  <head>
    <title>Igniel</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>

.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}

!function() {
  // Estimated Reading Time by igniel.com
  const post = document.querySelector('.post-body')[0],
    tx = post.innerText,
    wpm = 225,
    wd = tx.trim().split(/\s+/).length,
    tm = Math.ceil(wd / wpm);
  if (document.querySelector('.read-time')) {
    document.querySelector('.read-time i').innerText = tm;
  }
}();

Tombol (Button)

A. Fill

B. Outline

Kotak (Box)

Box default

Box green

Box blue

Box red

Box yellow

Blockquote

A. Default

Social media marketing, social media optimization, blogger tutorial for beginners. Stimulate your passion! #Nganggurpreneur

B. Dengan Author

Karena sesungguhnya sesudah kesulitan itu ada kemudahan.
QS,. Ash-Sharh:5

Images

All images will be clickable and displayed into Lightbox.

A. Default Blogger

Image dimension is according to selected size in Blogger editor.

Default style of image with caption on Blogger editor

B. Figure

Standard figure tag with figcaption. Even if don't have <a href> tag, image still displayed into Lightbox.

Standard figure HTML tag

C. Gallery (Carousel)

Multiple images with carousel style. Very similar to Instagram gallery. Scroll or click arrow button to navigate.

Additional caption text

D. Gallery (Swipe)

Multiple images with swipe style. Best for mobile view. Lighter than carousel.

Additional caption text

E. Gallery (Grid with Show All)

Images will be displayed as grid. If you have more than 4 images, Show All function will be added automatically. It's similar to Facebook gallery style.

Additional caption text

Tabs

Create multi tab with unlimited content. You can add up to as many as you want because the title will be scrollable.

First Tab
Second Tab
Third Tab
Fourth Tab

Content of the first tab (1st).

Content of the second tab (2nd).

Content of the third tab (3rd).

Content of the fourth tab (4th).

Accordion

Hide or reveal contents. Very common in FAQ (Frequently Asked Question) section.

Accordion Open By Default

Accordion

Spoiler

Show / hide content with click event to trigger.

Spoiler

YouTube

Lazy load YouTube video will make your pages lighter.

Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.

Table

No.	Nama	Kota
1	Igniel	Sukabumi
2	Rain	Bandung
3	RedSky	Jakarta
4	Queen	Bekasi
5	Bjita	Tangerang
6	Alphabetees	Bogor

Ordered List

List with number.

Satu satu satu
Dua dua dua
Tiga tiga tiga
Empat empat empat
Lima lima lima
Enam enam enam
Tujuh tujuh tujuh
Delapan delapan delapan
Sembilan sembilan sembilan
Sepuluh sepuluh sepuluh

List with alphabet.

Alpha
Blue
Charlie
Delta
Ethan

Unordered List

Is a list without number.

Satu satu satu
Dua dua dua
Tiga tiga tiga
Empat empat empat
Lima lima lima
Enam enam enam
Tujuh tujuh tujuh
Delapan delapan delapan
Sembilan sembilan sembilan
Sepuluh sepuluh sepuluh

Nested

Satu

Satu satu

Satu satu satu

Dua
Tiga

Satu

Satu satu

Satu satu satu

Dua
Tiga

Satu

Satu satu

Satu satu satu

Dua
Tiga

Cara Membuat Jadwal Sholat di Website dengan Suara Azan

noreply@blogger.com (Egi Agan) — Sun, 2 Feb 2025 13:00:00 +0700

Membuat Jadwal Sholat dengan Suara Azan

Halo, Teman Agan!

Pada kesempatan kali ini, admin akan membahas cara menambahkan jadwal sholat di website lengkap dengan suara azan. Jika kamu penasaran, yuk langsung kita bahas bersama!

Apa Itu Widget Jadwal Sholat?

Widget jadwal sholat adalah fitur atau kode yang bisa ditambahkan ke website untuk menampilkan jadwal sholat sesuai lokasi pengguna. Widget ini biasanya mencakup informasi waktu sholat lima waktu:
✅ Subuh
✅ Dzuhur
✅ Ashar
✅ Maghrib
✅ Isya

Dengan adanya widget ini, pengguna dapat dengan mudah mengetahui waktu sholat tanpa perlu mencari informasi di tempat lain.

Contoh Tampilan Widget

Admin telah menyediakan contoh tampilan widget jadwal sholat yang bisa kamu lihat langsung di blog. Silakan klik tombol di bawah ini untuk melihat demonya.

Bagaimana menurut kamu? Keren, kan?

Cara Membuat dan Memasang Widget Jadwal Sholat di Website

Ikuti langkah-langkah berikut untuk menambahkan widget jadwal sholat lengkap dengan suara azan di blog atau website kamu:

1. Login ke Blogger

Masuk ke akun Google yang kamu gunakan untuk Blogger.

2. Buat Halaman Baru

Pergi ke menu Halaman
Klik Buat Halaman Baru
Beri judul halaman, misalnya Jadwal Sholat & Suara Azan

3. Tambahkan Kode Widget

Salin seluruh kode widget yang telah disediakan
Tempelkan kode tersebut di dalam halaman yang baru dibuat
Berikut adalah kodenya

<iframe src="https://timesprayer.com/widgets.php?frame=1&amp;lang=en&amp;name=jakarta&amp;sound=true&amp;avachang=true&amp;method=12&amp;time=0&amp;fcolor=000000" style="border: none; overflow: hidden; width: 100%; height: 176px;"></iframe>

4. Publikasikan Halaman

Setelah menempelkan kode, klik Publikasikan
Cek hasilnya untuk memastikan widget berfungsi dengan baik

Dengan mengikuti langkah-langkah di atas, kini website atau blog kamu memiliki jadwal sholat otomatis dengan suara azan. Semoga bermanfaat dan membantu pengguna website kamu dalam menjalankan ibadah tepat waktu!

Alat Obfuscator khusus JavaScript

noreply@blogger.com (Egi Agan) — Sat, 1 Feb 2025 13:00:00 +0700

Alat Obfuscator khusus JavaScript

Halo, Teman Egiagan.com!
Kali ini, admin akan membahas daftar 11 alat Obfuscator khusus JavaScript yang bisa digunakan untuk mengamankan kode JavaScript kamu.

Yuk, langsung saja kita bahas satu per satu!

1. Obfuscator.io

Obfuscator.io merupakan salah satu alat terbaik untuk mengenkripsi kode JavaScript. Penggunaannya cukup mudah, kamu hanya perlu menyalin kode JavaScript ke dalam kolom yang tersedia, lalu tekan tombol Obfuscate. Secara otomatis, kode kamu akan terenkripsi dengan aman.

2. Javascriptobfuscator.com

Javascriptobfuscator.com adalah alat lain yang bisa digunakan untuk mengenkripsi kode JavaScript. Namun, ada batasan ukuran file, yaitu maksimal 2KB. Cara penggunaannya cukup sederhana—tempelkan kode ke dalam kolom yang tersedia, lalu klik tombol Obfuscate untuk mengenkripsi kode JavaScript kamu.

3. Codebeautify.org

Codebeautify.org menyediakan berbagai tools untuk para developer, salah satunya adalah JavaScript Obfuscator. Tidak ada batasan panjang kode yang bisa dienkripsi, sehingga kamu bebas mengenkripsi kode JavaScript dalam jumlah besar dengan fitur yang kompleks.

4. Javascriptobfuscator.dev

Situs ini dirancang khusus untuk mengenkripsi kode JavaScript. Kamu hanya perlu menempelkan kode ke dalam kolom yang tersedia, kemudian tekan tombol Obfuscate, dan dalam hitungan detik kode kamu akan dienkripsi dengan baik.

5. Cleancss.com

Cleancss.com tidak hanya menyediakan JavaScript Obfuscator tetapi juga berbagai tools lain yang bermanfaat bagi developer. Untuk mengenkripsi kode JavaScript, cukup tempelkan kode ke dalam kolom yang disediakan, lalu klik tombol Obfuscate.

6. Js.retn0.kr

Alat ini memiliki tampilan yang sederhana dan mudah digunakan. Cukup masukkan kode JavaScript ke dalam kolom, tekan Obfuscate, dan kode kamu akan langsung dienkripsi secara otomatis.

7. Wtools.io

Mirip dengan Codebeautify.org, Wtools.io juga menawarkan berbagai tools yang berguna untuk pengembangan website. JavaScript Obfuscator di situs ini bisa digunakan secara gratis dan memiliki fitur yang cukup lengkap.

8. Lambdatest.com

Lambdatest.com adalah platform yang menyediakan berbagai layanan online untuk para developer, termasuk JavaScript Obfuscator. Penggunaannya sangat mudah dan bisa dimanfaatkan oleh pemula maupun profesional secara gratis.

9. Techyhit.com

Di Techyhit.com, kamu bisa mengenkripsi kode JavaScript secara default atau menggunakan opsi kustom yang bisa disesuaikan dengan kebutuhan. Ini sangat berguna jika kamu ingin mengontrol tingkat keamanan enkripsi kode kamu.

10. Allsmo.com

Allsmo.com memiliki fitur serupa dengan Techyhit.com, termasuk opsi tambahan untuk mengatur hasil enkripsi kode JavaScript. Jika kamu bingung cara menggunakannya, situs ini juga menyediakan panduan lengkap.

11. Tools.namlabs.com

Tools.namlabs.com menyediakan sampel kode JavaScript sebelum dan sesudah dienkripsi, sehingga kamu bisa melihat perbedaannya secara langsung. Ini sangat membantu bagi pengguna yang ingin memahami cara kerja JavaScript Obfuscator dengan lebih baik.

Itulah 11 alat JavaScript Obfuscator terbaik yang bisa kamu gunakan untuk mengamankan kode JavaScript kamu. Semoga bermanfaat dan jangan lupa untuk selalu melindungi kode program kamu dari penyalahgunaan! 🚀

Mengubah nama Facebook mengunakan Tautan 237

noreply@blogger.com (Egi Agan) — Thu, 30 Jan 2025 13:00:00 +0700

Mengubah nama Facebook

Mungkin sebagian dari Teman-teman masih belum tahu, Facebook memiliki banyak link kontak untuk meminta, melaporkan, dan mengadu untuk berbagai tujuan. Dan mengubah nama Teman-teman atau memverifikasi nama Teman-teman tidak terkecuali. Saat ini sudah banyak link kontak yang mendukung perubahan nama. Hari ini, tautan yang ingin saya perkenalkan kepada Teman-teman adalah tautan 237. Pastinya semua orang yang bekerja di layanan Facebook mengetahui hal ini tautan 237. Ambil 3 nomor terakhir dari tautan untuk memanggil nama tersebut!

Mengubah nama Facebook mengunakan Tautan 237

Langkah-langkah Mengunakan

Melangkah 1

Akses tautannya 237: https://www.facebook.com/help/contact/237843336274237

Melangkah 2

Masukkan nama lengkap yang akan diubah (harus sesuai dengan dokumen identitas Teman-teman)

Melangkah 3

Masukkan alamat email yang terkait dengan akun Facebook Teman-teman

Melangkah 4

Pilih jenis kelamin dan tanggal lahir yang sesuai dengan informasi di akun Facebook Teman-teman

Melangkah 5

Dokumen identitas Teman-teman (unggah dokumen identitas: KTP, KTP, SIM, paspor atau kartu asuransi)

Melangkah 6

Klik kirim!

Setelah mengirim permintaan, Teman-teman menunggu jangkauannya 24 - 48H Nama Teman-teman akan otomatis diperbarui di akun Teman-teman dan menyertakan pemberitahuan terima kasih dari Facebook!

Jika nama tidak diubah dan pemberitahuan tidak dapat mengkonfirmasi nama tersebut, Teman-teman Mohon mengambil foto yang jelas KTP/SIM dan diunggah ulang (permohonan menggunakan nama asli dan sesuai dengan dokumen yang diserahkan).

Kesimpulan

Di atas adalah semua instruksi untuk mengubah nama Facebook yang tidak dapat diterima. Semoga Teman-teman sukses dan hari kerja yang sangat produktif. Halo dan sampai jumpa lagi!

Membuka Kembali Facebook Yang Di Nonaktifkan

noreply@blogger.com (Egi Agan) — Wed, 29 Jan 2025 17:03:00 +0700

Membuka facebook yang di nonaktifkan

Akun Facebook yang dinonaktifkan bisa disebabkan oleh banyak hal, seperti karena Teman-teman memposting atau melakukan tindakan yang bertentangan dengan kebijakan Facebook atau karena orang jahat menyerang akun Teman-teman

Apa pun penyebabnya, jika Teman-teman merasa tidak puas atau merasa akun Facebook Teman-teman dinonaktifkan secara tidak sengaja, Teman-teman dapat mengajukan banding untuk mendapatkannya kembali.

Dalam hal ini, Egiagan.com akan memandu Teman-teman cara menggunakannya tautan 323 Facebook mengambil akun yang dinonaktifkan dengan cepat dan efektif tanpa membuat akun Facebook baru.

Mungkin sebagian dari Teman-teman masih belum tahu, Facebook memiliki banyak link kontak untuk meminta, melaporkan, mengadu atau memverifikasi identitas.

Hari ini, tautan yang ingin saya perkenalkan kepada Teman-teman adalah tautan 323 - Memberikan komentar pada fitur Facebook. Ambil 3 nomor terakhir dari tautan untuk memanggil nama tersebut!

Fungsi Dari Tautan 323

Kontribusikan komentar pada fitur Facebook

Buka kunci akun yang dinonaktifkan

Buka kunci akun yang tidak memenuhi syarat

Mengajukan banding terhadap akun yang menerima spam (permintaan ditangguhkan)

Langkah-langkah implementasi/cera mengunakanya.

Melangkah 1

Akses tautannya 323: https://www.facebook.com/help/contact/268228883256323

Melangkah 2

Masukkan alamatnya e-mail terdaftar di akun

Melangkah 3

Produk atau fitur: pilih "login"

Melangkah 4

Komentar Teman-teman (harap nyatakan dengan jelas masalah apa yang Teman-teman alami di sana)

Hai Facebook!Facebook saya telah dinonaktifkan, harap tinjau dan buka blokir akun saya.

Melangkah 5

Klik kirim!

Di dalam 2 - 5 jam (Beberapa kasus mungkin lebih lama) akan mendapat umpan balik dari Facebook atau akun Teman-teman secara otomatis terbuka!

Tidak semua akun dapat dibuka, tetapi tergantung pada tingkat pelanggaran akun. Tapi tidak ada yang perlu dicoba ^^

Kesimpulan

Di atas adalah semua instruksi untuk digunakan tautan 323 untuk membuka kunci akun Facebook yang dinonaktifkan - tidak memenuhi syarat. Semoga Teman-teman sukses dan hari kerja yang sangat produktif. dan sampai jumpa lagi!

Petunjuk melaporkan akun Facebook palsu menggunakan tautan 948

noreply@blogger.com (Egi Agan) — Tue, 28 Jan 2025 13:00:00 +0700

melaporkan akun Facebook palsu

Petunjuk melaporkan akun Facebook palsu menggunakan tautan 948

Seseorang memalsukan Data Teman-teman di Facebook untuk melakukan hal -hal buruk, Teman-teman telah Melakukan segala cara untuk melaporkan, tetapi semua permintaan yang dikirim untuk tidak menerima umpan balik. Jangan khawatir, disini Egiagan akan membagiakan tautan untuk Teman-teman.

Mungkin sebagian dari Teman-teman masih belum tahu, Facebook memiliki banyak link kontak untuk meminta, melaporkan, mengadu atau memverifikasi identitas.

Hari ini, tautan yang ingin saya perkenalkan kepada Teman-teman adalah tautan 948.

Ambil 3 nomor terakhir dari tautan untuk memanggil nama tersebut!

Fungsi Dari Tautan 948

Laporan akun Facebook yang ditiru

Laporkan akun yang melanggar

Laporkan akun Orang yang telah meninggal (rip)

Langkah-langkah implementasi Pengunan Tautan 948

langkah 1

Akses tautannya 948: https://www.facebook.com/help/contact/295309487309948

langkah 2

Pilih "Seseorang membuat akun dengan meniru saya atau teman"

langkah 3

Apakah Teman-teman memiliki akun Facebook? (pilih "tidak")langkah 4: Apakah akun ini meniru identitas Teman-teman? (pilih "Ya, saya ditiru")langkah 5: Masukkan nama lengkap Teman-teman

langkah 6

Masukkan alamat email kontak Teman-teman

langkah 7

Masukkan nama lengkap pada profil penipu

langkah 8

Alamat email atau nomor ponsel yang tercantum di profil penipu (jika tersedia) - jika tidak tersedia, gunakan ID@facebook.com (ID adalah ID akun peniruan identitas)

langkah 9

Unggah ID (kartu ID, SIM, kartu asuransi, paspor, akta kelahiran,...)

langkah 10

Tautan (URL) ke profil penipu (salin dan tempel di sana)

langkah 11

Informasi tambahan

Halo tim Facebook.

Ini adalah akun yang meniru saya. Kami berharap tim Facebook akan meninjau dan menonaktifkan akun tersebut!

langkah 12

Klik kirim

Di dalam 2 - 5 jam (dalam beberapa kasus mungkin memerlukan waktu lebih lama) akan ada email balasan dari Facebook atau akun akan dikunci selamanya!

Tidak semua akun akan dihapus saat diminta ke Facebook, tapi itu juga tergantung keakuratan informasi yang Teman-teman berikan. Ada banyak tips untuk menghapus akun yang tidak melanggar, namun pada artikel ini saya hanya akan memandu Teman-teman bagaimana cara melaporkan akun yang benar-benar melanggar.!

Kesimpulan

Di atas adalah semua instruksi untuk digunakan tautan 948 Untuk melaporkan akun Facebook palsu. Saya berharap Teman-teman sukses dan memiliki hari kerja yang efektif. Halo dan sampai jumpa lagi!

Cara Membuat Download Box di Blogger

noreply@blogger.com (Egi Agan) — Mon, 27 Jan 2025 13:00:00 +0700

Membuat Download Box di Blogger

Cara Membuat Download Box di Blogger - Jika Teman-teman pernah berkunjung ke situs download film seperti salah satunya samehadaku dan situs anime lainnya pasti sobat akan menjumpai kotak yang berisikan link download dengan tampilan yang cukup menarik.

Widget download link atau download box di postingan blogger ini akan membuat tampilan link download tersusun rapi sesuai keinginan sobat dan tentu saja widget ini tidak akan mempengaruhi loading blog ketika sedang di akses. Karena download box untuk blog download film, anime dan aplikasi ini tidak di sertakan fontawesome dan lainnya.

Kotak download yang dibagikan ini memiliki tampilan sederhana dengan prataan warna ala material color dan beraturan. Untuk mengetahui tampilannya silahkan sobat cek di link berikut

Untuk menerapkan Download Box di Blogger ini, Teman-teman hanya perlu meletakkan kode css pada Edit html template dan kemudian sobat bisa langsung memanggilnya di dalam artikel ataupun post yang sedang sobat tulis.

Cara Membuat Download Box di Blogger

Pertama

Silahkan sobat login ke Blogger - Template - Edit HTML

Kedua

Silahkan simpan css berikut sebelum kode ]]></b:skin atau </style>

<style>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  background: #f1f1f1 none repeat scroll top left;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
}

a,
a:visited {
  color: #555;
  outline: none;
  text-decoration: none;
}

a:hover,
a:focus,
a:visited:hover {
  color: #22a1c4;
  text-decoration: none;
}

.container {
  max-width: 768px;
  margin: 1% auto;
  padding: 30px;
  background: #fff;
  color: #95a5a6;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  line-height: normal;
}

.container h1,
.container h2 {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  font-size: 2em;
  font-weight: 700;
  color: #336699;
}

.container h2 {
  margin-top: 30px;
}

/* CSS Download Box by caramanual.com */
.dbox-title {
    padding: 8px 10px;
    margin: 8px 0 3px;
    color: #FFF;
    background: #3498db;
}
.dbox-wrap {
font-size: 11px;
font-weight: bold;
background: #F5F5F5;
padding: 10px;
margin: 10px 0;
}
.dbox {
margin: 0;
padding: 0;
list-style: none;
}
.dbox-list {
background: #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0 5px;
}
.dbox-list strong {
background: #3498db;
border-right: 2px solid #F5F5F5;
width: 65px;
display: block;
float: left;
margin-left: -5px;
margin-right: 5px;
color: #FFF;
padding: 0 5px;
text-align: center;
}
.dbox-list a {
color: #6d6d6d;
}
.dbox-list a:hover {
color: #222;
}
@media only screen and (max-width: 360px) {
  .dbox-list strong {width:100%}
  .dbox-title {text-align:center}
}
</style>

Setelah Itu save atau simpan.

Ketiga

Silahkan simpan Kode Dibawah ini di Postingan Teman-teman dan tingal merubah Link dan Server mengunakan punya teman-teman

<div class="dbox-wrap">
<div class="dbox">
<div class="dbox-title">Judul Film</div>
<div class="dbox-list">
<strong>480p</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
<div class="dbox-list">
<strong>720p</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
<div class="dbox-list">
<strong>1080p</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
</div>
<div class="dbox">
<div class="dbox-title">Nama Software</div>
<div class="dbox-list">
<strong>Part1</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
<div class="dbox-list">
<strong>Part2</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
<div class="dbox-list">
<strong>Part3</strong>
<a href="#" rel="nofollow" target="_blank" title="Server 1">Server 1</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 2">Server 2</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 3">Server 3</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 4">Server 4</a> |
<a href="#" rel="nofollow" target="_blank" title="Server 5">Server 5</a>
</div>
</div>
</div>

Terakhir jika ingin merubah warna bisa di edit di tahap ke 2 di kode CCS.

Baikalah semoga cara ini berguna dan bermanfaat teman.

Alat dan Platform yang Wajib Diketahui oleh Blogger

noreply@blogger.com (Egi Agan) — Mon, 27 Jan 2025 13:00:00 +0700

Alat dan Platform yang Wajib Diketahui oleh Blogger

Bagi teman-teman yang ingin serius mengelola blog, mengenal alat dan platform yang tepat adalah langkah penting untuk meningkatkan kualitas dan efisiensi. Dunia blogging tidak hanya soal menulis, tetapi juga mencakup optimasi, desain, analisis, dan promosi. Dengan alat dan platform yang sesuai, teman-teman dapat mengelola blog secara profesional dan lebih mudah mencapai tujuan.

Alat dan Platform Penting untuk Blogger

1. Platform Blogging

Pilihan platform menjadi fondasi blog teman-teman. Beberapa platform populer di antaranya:

WordPress.org: Ideal untuk teman-teman yang ingin kebebasan dalam mengelola blog. WordPress.org menawarkan fleksibilitas tinggi dengan berbagai plugin dan tema.
Blogger: Platform sederhana dari Google, cocok untuk pemula karena mudah digunakan dan gratis.
Medium: Fokus pada konten, cocok untuk teman-teman yang ingin menulis tanpa terlalu banyak memikirkan desain.

2. Alat Analitik

Untuk memahami performa blog, alat analitik sangat penting:

Google Analytics: Memberikan informasi lengkap tentang pengunjung blog, termasuk jumlah pengunjung, lokasi, dan halaman yang paling banyak dibuka.
Google Search Console: Membantu teman-teman memonitor kinerja blog di mesin pencari, termasuk kata kunci yang mendatangkan traffic.
Matomo: Alternatif Google Analytics yang menawarkan privasi lebih baik.

3. Alat SEO

Optimasi mesin pencari (SEO) adalah kunci agar blog ditemukan di Google:

Yoast SEO: Plugin WordPress untuk memandu optimasi konten dan kata kunci.
Ahrefs: Alat untuk riset kata kunci, analisis backlink, dan memantau kompetitor.
SEMrush: Alternatif Ahrefs yang juga dilengkapi fitur analisis performa konten.

4. Alat Desain dan Visual

Visual yang menarik dapat meningkatkan daya tarik blog:

Canva: Alat desain grafis yang mudah digunakan untuk membuat gambar, infografis, atau thumbnail.
Unsplash dan Pexels: Sumber gambar gratis berkualitas tinggi yang dapat digunakan untuk mempercantik blog.
GIMP: Alternatif gratis untuk mengedit gambar seperti Photoshop.

5. Alat Manajemen Konten dan Penjadwalan

Untuk mengatur jadwal penerbitan dan kolaborasi:

Trello: Membantu teman-teman mengatur ide artikel, jadwal, dan tugas-tugas terkait blog.
Notion: Alat multifungsi untuk mencatat ide, membuat to-do list, dan menyusun strategi konten.
Google Calendar: Memudahkan teman-teman menjadwalkan penerbitan artikel.

6. Alat Promosi dan Media Sosial

Promosi adalah bagian penting untuk menarik pembaca:

Hootsuite: Membantu menjadwalkan posting di media sosial seperti Instagram, Twitter, dan Facebook.
Buffer: Alternatif Hootsuite untuk mengelola promosi konten blog.
Mailchimp: Alat email marketing untuk membangun hubungan dengan pembaca melalui newsletter.

7. Alat Monetisasi

Untuk teman-teman yang ingin memonetisasi blog:

Google AdSense: Menampilkan iklan di blog dan menghasilkan pendapatan dari klik atau tayangan.
Affiliate Marketing Platforms: Seperti Amazon Associates, Shopee Affiliates, atau Tokopedia Affiliate untuk memperoleh komisi dari produk yang terjual melalui tautan afiliasi.

Tips dan Trik Memanfaatkan Alat Blogging

Pelajari Fitur Utama: Pastikan teman-teman memahami fitur utama dari setiap alat yang digunakan agar dapat memaksimalkan fungsinya.
Gunakan Versi Gratis dengan Bijak: Banyak alat menawarkan versi gratis yang sudah cukup untuk kebutuhan dasar, jadi manfaatkan ini sebelum beralih ke versi berbayar.
Sesuaikan dengan Kebutuhan Blog: Tidak semua alat diperlukan oleh setiap blogger. Pilihlah yang paling relevan dengan tujuan dan skala blog teman-teman.
Kombinasikan Beberapa Alat: Menggunakan kombinasi alat untuk analitik, SEO, dan desain dapat memberikan hasil yang lebih optimal.
Selalu Perbarui Pengetahuan: Dunia blogging terus berkembang, jadi teruslah mencari informasi tentang alat-alat baru yang dapat membantu meningkatkan performa blog.

Kesimpulan

Alat dan platform yang tepat adalah investasi penting bagi teman-teman yang ingin serius mengelola blog. Dengan memanfaatkan platform blogging, alat analitik, SEO, desain, dan promosi, teman-teman dapat meningkatkan kualitas dan jangkauan blog secara signifikan. Yang terpenting, selalu sesuaikan penggunaan alat dengan kebutuhan dan tujuan blog agar waktu dan sumber daya yang dimiliki dapat dimanfaatkan secara maksimal.

Egi Agan

Skrip Langganan Premium untuk Bisnis Digital: Pengelolaan Mudah dengan Firebase dan Telegram

Fitur Utama Skrip Pemesanan Produk Premium

Paket Standar

Paket Reguler

Paket Pro

Dokumentasi Instalasi Widget

Dukungan Instal

Update Ke Versi Terbaru

Login Blogger Pro - Otentikasi Login Lebih Cepat dan Aman untuk Blogger

Fitur Unggulan

Login dengan Akun Google

Dashboard Pengguna

Fitur Tambahan Lainnya

File yang Akan Didapat

Paket Standar

Paket Reguler

Paket Pro

Dokumentasi Instalasi Widget

Dukungan Instal

Update Ke Versi Terbaru

Cara Menambahkan Fitur Login Authentication Firebase di Blogger

Cara Menambahkan Fitur Login Authentication Firebase di Blogger

Fitur Tambahan pada Login Authentication Firebase

Kesimpulan

Kode Login Open Source Khusus Member

Cara Mudah Menambahkan Fitur Registrasi di Blogger dengan Firebase

Cara Memasang Fitur Register di Blogger Menggunakan Firebase

Membuat Proyek Web App di Firebase

Mendaftarkan App Web di Firebase

Mendaftarkan App Web di Firebase

Membuat Realtime Database di Firebase

Membuat Project Authentication Firebase

Cara Memasang Fitur Register di Blogger dengan Firebase Authentication

Penutup

Kode Registrasi Open Source Khusus Member

8 Kelebihan Fitur Login Authentication untuk Visitor dan Webmaster

Apa itu Login Authentication

8 Kelebihan Fitur Login Authentication untuk Visitor dan Webmaster

Bagi Webmaster:

Bagi Visitor:

Themes Premium Shanum Cosmetics Dunia Kecantikan

Halaman 1

Kelebihan Template:

Halaman 2

Berikut adalah penjelasan tentang tata letak situs web tersebut:

Halaman 3

Fitur keranjang Belanja

Halaman Checkout

Halaman 4

Metode Pembayaran: WhatsApp, Instagram, dan Email

Paket Standar

Paket Reguler

Paket Pro

View Template

Dokumentasi Instalasi Widget

Dukungan Instal

Update Ke Versi Terbaru

Mengubah tampilan komentar blog menjadi show hide

Kenapa Perlu Menggunakan Show Hide pada Komentar Blog?

Langkah-langkah Membuat Komentar Blog Menjadi Show Hide

1. Login ke Blogger

2. Buka Menu Edit HTML

3. Temukan Tag </head>

4. Tambahkan CSS Show Hide Komentar

5. Simpan dan Uji Coba

Kesimpulan

Cara Menghilangkan Kode m1 dan m0 di URL Blogger untuk Meningkatkan SEO

Fungsi Kode "?m=1" pada URL

Dampak Kode "?m=1" pada Blog

Keuntungan Menghapus Kode "?m=1" pada URL Blog

Cara Menghilangkan Kode "?m=1" pada URL Blogspot

Penutup

Cara Menampilkan Komentar Terbaru di Blogger dengan Widget Dinamis

Langkah-langkah implementasi Penerapan

Langkah 1

Langkah 2

langkah 3

Perhatian

Kesimpulan

3. Temukan Tag `</head>`

2. Menggunakan `?m=1` pada Template Blogger