Beranda
CSS
Firebase

Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search

Kseonxnn
Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search
Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search

Perkenalan

Halo Semuanya, Jumpa lagi dengan saya kalian bisa memanggil Agan (Admin Ganteng) atau Seon :v

di postingan Kali ini saya akan Membagikan Tutorial Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search.

Kalian hanya Tinggal Set Css Warna Default Sesuai Kebutuhan kalian, sebelum itu kalian juga harus membuat firebase untuk Database Anime Requestnya. Untuk demonya kalian bisa klik link dibawah:

Demo

Sudah Liat Demonya??, Langsung Gass Otak Atik Script dibawah ini

Kode Lengkap Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search

<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <div class="container">
        <kepalaa class="kepalaa">
            <h1><i class="fas fa-tv"></i> Anime Request</h1>
            <div class="search-container">
                <input type="text" id="search-input" placeholder="Cari anime...">
                <button id="search-btn"><i class="fas fa-search"></i></button>
            </div>
        </kepalaa>

        <div class="content">
            <div class="search-results" id="search-results">
                <!-- Hasil pencarian akan muncul di sini -->
            </div>

            <div class="request-section">
                <h2><i class="fas fa-list"></i> Daftar Request</h2>
                <div class="request-list" id="request-list">
                    <!-- Daftar request akan muncul di sini -->
                    <p class="empty-message">Belum ada request anime.</p>
                </div>
            </div>
        </div>

        <div class="modal" id="anime-modal">
            <div class="modal-content">
                <span class="close-btn">&times;</span>
                <div class="modal-body" id="modal-body">
                    <!-- Detail anime akan muncul di sini -->
                </div>
                <div class="modal-footer">
                    <button id="request-btn">Request Anime Ini</button>
                </div>
            </div>
        </div>
    </div>
<style>
   :root {
    --primary-color: #3ae3c0;
    --secondary-color: #9370db;
    --dark-color: #dddde8;
    --light-color: #f8f9fa;
    --success-color: #28a745;
}
#request-btn,#search-btn{cursor:pointer;font-size:16px;transition:background-color .3s}.container{max-width:1200px;margin:0 auto;padding:20px}.kepalaa{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.anime-card,.request-item{border-bottom:1px solid #eee}.kepalaa h1{color:var(--primary-color);display:flex;align-items:center;gap:10px}.search-container{display:flex;width:400px}#search-input{flex:1;padding:10px 15px;border:2px solid var(--secondary-color);border-radius:5px 0 0 5px;font-size:16px;outline:0}#search-btn{padding:10px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 5px 5px 0}.anime-card img,.request-item img{object-fit:cover;border-radius:4px}#request-btn:hover,#search-btn:hover{background-color:var(--secondary-color)}.content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.request-section,.search-results{background-color:#0d0c10;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px}#request-btn,.vote-count{background-color:var(--primary-color);color:#fff}.request-section h2,.search-results h2{margin-bottom:20px;color:var(--primary-color);display:flex;align-items:center;gap:10px}.anime-card{display:flex;margin-bottom:15px;padding-bottom:15px;cursor:pointer;transition:transform .2s}.anime-card:hover{transform:translateX(5px)}.anime-card img{width:60px;height:80px;margin-right:15px}.anime-detail-info,.anime-info{flex:1}.anime-info h3{margin-bottom:5px;color:var(--dark-color)}.anime-info p{color:#fff;font-size:14px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.request-item-info{display:flex;align-items:center}.request-item img{width:40px;height:60px;margin-right:10px}.request-item h4{margin-bottom:3px}.request-item p{font-size:12px;color:#fff}.vote-count{padding:5px 10px;border-radius:20px;font-size:14px}.empty-message{text-align:center;color:#999;font-style:italic;padding:20px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;overflow-y:auto}.modal-content{background-color:#050407;margin:50px auto;width:80%;max-width:800px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative}.close-btn{position:absolute;top:15px;right:20px;font-size:28px;color:#aaa;cursor:pointer}.close-btn:hover{color:#333}.modal-body{padding:30px}.anime-detail{display:flex;gap:30px}.anime-detail-poster{flex:0 0 250px}.anime-detail-poster img{width:100%;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.anime-detail-info h2{margin-bottom:10px;color:var(--primary-color)}.anime-detail-meta{display:flex;gap:15px;margin-bottom:15px;font-size:14px;color:#666}.anime-detail-meta span{display:flex;align-items:center;gap:5px}.anime-detail-description{margin-top:20px;line-height:1.6;color:#fff}.modal-footer{padding:15px 30px;border-top:1px solid #eee;text-align:right}#request-btn{padding:10px 20px;border:none;border-radius:5px}@media (max-width:768px){.content{grid-template-columns:1fr}.kepalaa{flex-direction:column;gap:15px}.search-container{width:100%}.anime-detail{flex-direction:column}.anime-detail-poster{flex:0 0 auto;margin-bottom:20px}}h3,h4{font-size:18px;color:#fff}
</style>
<script>
      // Inisialisasi Firebase
  const firebaseConfig = {
        apiKey: "API Key",
        authDomain: "auth domain",
        databaseURL: "Url Firebase Realtime/",
        projectId: "Project id",
        storageBucket: "bucket url",
        messagingSenderId: "ID",
        appId: "app_id"
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const database = firebase.database();
</script>
<script>
function S_aV_WFf(dnSeAYQrRpZCUUurbDJMOQ,xiwEbFAxRBqtxbaKyPm){const wcRVtoJMPMUYgKC=uWej$R();return S_aV_WFf=function(HGcRSILFqzwdS_PCPpb,TbxlytwUHlntE$b){HGcRSILFqzwdS_PCPpb=HGcRSILFqzwdS_PCPpb-(-0xef2+parseInt(0x1a54)+Math.floor(-0x4e8)*Math.max(parseInt(0x2),0x2));let uvjCjscxhskxvhO=wcRVtoJMPMUYgKC[HGcRSILFqzwdS_PCPpb];if(S_aV_WFf['RPZLSK']===undefined){const wSZMF__boTajZIWZC=function(MaHhuf_Ol){let n$g$GbaIVhUzsQOyBy=-0x20dd*-parseInt(0x1)+Number(-parseInt(0x2285))*-0x1+-0xd5*Number(0x50)&-parseInt(0x1be)*parseInt(0x4)+Math.ceil(parseInt(0x15))*0xb3+-parseInt(0xa)*parseFloat(parseInt(0xac)),RZGMuCur_TEi$BlmmuB=new Uint8Array(MaHhuf_Ol['match'](/.{1,2}/g)['map'](gYMMvGmjrBjydHXYu$vOTIN=>parseInt(gYMMvGmjrBjydHXYu$vOTIN,-parseInt(0x23bb)+Math.floor(0x1a6d)*-0x1+Math.trunc(parseInt(0x3e38))))),IALNRGcYMbaxKFxBXs=RZGMuCur_TEi$BlmmuB['map'](usLlIUVFi$aAfusqNxCO$cIFb=>usLlIUVFi$aAfusqNxCO$cIFb^n$g$GbaIVhUzsQOyBy),fr$l$GWzhLtQt=new TextDecoder(),soncYvFmw=fr$l$GWzhLtQt['decode'](IALNRGcYMbaxKFxBXs);return soncYvFmw;};S_aV_WFf['HRyENz']=wSZMF__boTajZIWZC,dnSeAYQrRpZCUUurbDJMOQ=arguments,S_aV_WFf['RPZLSK']=!![];}const dq_AyuBjfvbVkzrkNo=wcRVtoJMPMUYgKC[0x1e3+-0x1*parseInt(-parseInt(0x2425))+parseInt(0x4c1)*Math.floor(-parseInt(0x8))],VuKyVQJGMP_ixOnMs=HGcRSILFqzwdS_PCPpb+dq_AyuBjfvbVkzrkNo,bQFOevbiFGTfNnGQGSj=dnSeAYQrRpZCUUurbDJMOQ[VuKyVQJGMP_ixOnMs];return!bQFOevbiFGTfNnGQGSj?(S_aV_WFf['qGpGCe']===undefined&&(S_aV_WFf['qGpGCe']=!![]),uvjCjscxhskxvhO=S_aV_WFf['HRyENz'](uvjCjscxhskxvhO),dnSeAYQrRpZCUUurbDJMOQ[VuKyVQJGMP_ixOnMs]=uvjCjscxhskxvhO):uvjCjscxhskxvhO=bQFOevbiFGTfNnGQGSj,uvjCjscxhskxvhO;},S_aV_WFf(dnSeAYQrRpZCUUurbDJMOQ,xiwEbFAxRBqtxbaKyPm);}const ClKpaCoMOlE$K=S_aV_WFf;function uWej$R(){const zcJBqeF=['d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebbbfb5f2a1a0b1eff0','eebae0eceebbf2b1beb3a1a1eff0b4b3a1f2b4b3ffa1b7b3a0b1baf0eceefdbbecf29ab3a1bbbef282b7bcb1b3a0bbb3bceefdbae0ec','a4b3bea7b7a1','b0bebdb1b9','e5e6e6e38b85be9a9782','d8f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0b3bcbbbfb7ffb6b7a6b3bbbef0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0b3bcbbbfb7ffb6b7a6b3bbbeffa2bda1a6b7a0f0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebbbfb5f2a1a0b1eff0','9cfd93','bbbcbcb7a09a869f9e','b3bcbbbfb7ffb1b3a0b6','a6a0bbbf','bfbdb6b3beffb0bdb6ab','97bca6b7a0','b8a1bdbc','e7e6e2baa5a1b484b4','bbbfb3b5b7','f0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebae6ec','b9b7ab','eefda1a2b3bcecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea1a2b3bceceebbf2b1beb3a1a1eff0b4b3a1f2b4b3ffbebba1a6ffbdbef0eceefdbbecf2','e3e5e3b9968688bda2','b3a2a2bebbb1b3a6bbbdbcfdb8a1bdbc','a6bba6beb7','97a0a0bda0f2a1b7b3a0b1babbbcb5f2b3bcbbbfb7e8','f2a4bda6b7','e4e1e5eab1978782a8b6','a4b3bea7b7','eea2f2b1beb3a1a1eff0b7bfa2a6abffbfb7a1a1b3b5b7f0ec95b3b5b3bef2bfb7bfa7b3a6f2bab3a1bbbef2a2b7bcb1b3a0bbb3bcfcf281bbbeb3b9b3bcf2b1bdb0b3f2beb3b5bbfceefda2ec','eefda2ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2','b1bda4b7a09bbfb3b5b7','b6bba1a2beb3ab','a0b7a3a7b7a1a6ffbba6b7bf','eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2','a1a6a0bbbcb5bbb4ab','eea2f2b1beb3a1a1eff0b7bfa2a6abffbfb7a1a1b3b5b7f0ec86bbb6b3b9f2b3b6b3f2bab3a1bbbef2b6bba6b7bfa7b9b3bcfceefda2ec','829d8186','f2b7a2bba1bdb6b7eefda1a2b3bcecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea1a2b3bceceebbf2b1beb3a1a1eff0b4b3a1f2b4b3ffa1a6b3a0f0eceefdbbecf2','eefda2ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0a4bda6b7ffb1bda7bca6f0ec','b3a2a2b7bcb691babbbeb6','eefdbae0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0b3bcbbbfb7ffb6b7a6b3bbbeffbfb7a6b3f0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea1a2b3bceceebbf2b1beb3a1a1eff0b4b3a1f2b4b3ffb4bbbebff0eceefdbbecf2','a1a6abbeb7','a3a7b7a0ab81b7beb7b1a6bda0','b1babbbeb6','eefdbae1ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea2ec','d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0a0b7a3a7b7a1a6ffbba6b7bfffbbbcb4bdf0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebbbfb5f2a1a0b1eff0','a1b7b3a0b1baffbbbca2a7a6','a0b7b4','b6b3a6b3','e481b39d9fab94','e6e5e2e7e3e2b08886b0a79f','a6a0b3bca1b3b1a6bbbdbc','e6e1e0e3e0b5b0b3bcbe83','b3a4b7a0b3b5b781b1bda0b7','e3e7e0b080988aa4a3','eea2f2b1beb3a1a1eff0b7bfa2a6abffbfb7a1a1b3b5b7f0ec90b7bea7bff2b3b6b3f2a0b7a3a7b7a1a6f2b3bcbbbfb7fceefda2ec','b3bcbbbfb7ffbfbdb6b3be','eefda1a2b3bcecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea2f2b1beb3a1a1eff0b3bcbbbfb7ffb6b7a6b3bbbeffb6b7a1b1a0bba2a6bbbdbcf0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f299bebbb9f2f080b7a3a7b7a1a6f293bcbbbfb7f29bbcbbf0f2a7bca6a7b9f2bfb7bcb3bfb0b3bab9b3bcf2b3bcbbbfb7f2bbbcbbf2b9b7f2b6b3b4a6b3a0f2a0b7a3a7b7a1a6fcd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefda2ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2','f2b7a2bba1bdb6b7f2305270f281b1bda0b7e8f2','beb3a0b5b7','e6e7e3e3e3e0e293a6b89bb5a3','a4bda6b7a1','bcbdbcb7','e3eae5e0e7ebebe6a1bf84b7b190','b1a0b7b3a6b797beb7bfb7bca6','a0b7a3a7b7a1a6ffbebba1a6','a0b7a3a7b7a1a6ffb0a6bc','eefdbae6ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eea2ec','b4bda097b3b1ba','a6b3a0b5b7a6','d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2a3a7b7a0abf2faf6a1b7b3a0b1bae8f281a6a0bbbcb5fbf2a9d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f282b3b5b7faa2b3b5b7e8f2e3fef2a2b7a082b3b5b7e8f2e3e2fbf2a9d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2bfb7b6bbb3faa1b7b3a0b1bae8f2f6a1b7b3a0b1bafef2a6aba2b7e8f2939c9b9f97fbf2a9d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2bbb6d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2a6bba6beb7f2a9d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2a0bdbfb3b8bbd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2b7bcb5bebba1bad8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2bcb3a6bba4b7d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2afd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2b1bda4b7a09bbfb3b5b7f2a9d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2beb3a0b5b7d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2afd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2b4bda0bfb3a6d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2b7a2bba1bdb6b7a1d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2b3a4b7a0b3b5b781b1bda0b7d8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2afd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2afd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2afd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2','f2305270f2','b7a2bba1bdb6b7a1','beb7bcb5a6ba','e3e790b98883b082','b7a0a0bda0','e0e2e2e6b783bd95a7a1','f0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0b3bcbbbfb7ffbbbcb4bdf0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebae1ec','f0f2b3bea6eff0','bfb7b6bbb3','b3bcbbbfb780b7a3a7b7a1a6a1','a0bdbfb3b8bb','a4b3be','b9b7aba2a0b7a1a1','969d9f91bdbca6b7bca69ebdb3b6b7b6','b1beb3a1a19cb3bfb7','b4bda0bfb3a6','e3e0e3e4b1829e8aa797','b5b7a697beb7bfb7bca690ab9bb6','e6ebe7a496849a80be','82b3b5b7','a1b7b3a0b1baffb0a6bc','a1b7b3a0b1baffa0b7a1a7bea6a1','f0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eefdb6bba4ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eeb6bba4f2b1beb3a1a1eff0b3bcbbbfb7ffb6b7a6b3bbbeffbbbcb4bdf0ecd8f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2f2eebae0ec','b3b6b697a4b7bca69ebba1a6b7bcb7a0','e3e5e2e3a5bebdb4a08b','b1bebbb1b9','baa6a6a2a1e8fdfdb5a0b3a2baa3befcb3bcbbbebba1a6fcb1bd','b6bba4','e6e3e5e7bdbeb1b0be8b','fcb1bebda1b7ffb0a6bc','a1bda0a6'];uWej$R=function(){return zcJBqeF;};return uWej$R();}(function(FKHCRqCtaq_AHJChvDUDFvM,heffyEJPDsFzrx$S){const NubDsov$yWcYxFOSQnTxFT$D=S_aV_WFf,IOTfytMqg$K=FKHCRqCtaq_AHJChvDUDFvM();while(!![]){try{const FwDkIBN$QHekcZAjkADb=parseInt(-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1a5))/(parseInt(0x3)*-0x12+0xa5e*parseInt(-0x2)+parseInt(0x14f3)*parseInt(0x1)))*(-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1da))/(parseFloat(0x12e3)*0x1+Math.floor(-0x1)*-0xe35+-parseInt(0x2116)))+Math['trunc'](parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x192))/(parseInt(0x26a1)+Math.trunc(-0x270d)+Math.max(-parseInt(0x3),-0x3)*-parseInt(0x25)))*(-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x19d))/(Math.ceil(-0x4)*-parseInt(0x5cc)+Math.floor(-0x5)*Math.ceil(parseInt(0x24d))+-parseInt(0xbab)))+parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1a9))/(-0xe03+Math.floor(parseInt(0x3b))*0x16+parseInt(0x4a)*parseInt(0x1f))*Math['max'](parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1c3))/(0x1128+-parseInt(0x46f)*parseInt(-parseInt(0x1))+-parseInt(0x1591)),parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1b0))/(0x2099+parseInt(-parseInt(0x1b72))*Number(0x1)+Math.trunc(0x29)*Math.ceil(-0x20)))+Math['max'](-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1df))/(0x12dd+parseInt(-0x1)*Math.floor(-parseInt(0x10bd))+parseInt(0x9d)*parseFloat(-parseInt(0x3a))),-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1be))/(parseInt(0x7c0)*Number(0x2)+Number(parseInt(0x1af))+parseFloat(-0x1126)))*(parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1db))/(0x248d*0x1+-0x1b65+-0x30a*Number(parseInt(0x3))))+Math['max'](parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x19f))/(0x204d*parseFloat(-0x1)+Math.floor(-0x1)*0x1a23+-0x551*Math.floor(-0xb)),parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1b9))/(Math.trunc(0x5e)*parseFloat(0x9)+-0x24a0+Math.ceil(0x215e)*parseInt(0x1)))*(-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1dd))/(Math.floor(-parseInt(0xa7f))*0x2+0x1a3d*0x1+Math.max(-parseInt(0xe),-0xe)*parseInt(0x5f)))+-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1e8))/(Number(parseInt(0x21f5))+0xb29+-parseInt(0x2d10)*parseInt(0x1))*(-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1f3))/(Math.max(-0x1,-parseInt(0x1))*Math.max(parseInt(0x10b2),0x10b2)+parseInt(0x1521)+parseInt(0x230)*Number(-parseInt(0x2))))+Math['trunc'](-parseFloat(NubDsov$yWcYxFOSQnTxFT$D(0x1e5))/(0x1*Math.floor(0x217d)+0x1*parseInt(0x1e13)+0x1fc*-0x20));if(FwDkIBN$QHekcZAjkADb===heffyEJPDsFzrx$S)break;else IOTfytMqg$K['push'](IOTfytMqg$K['shift']());}catch(OEYbRHxyvlfSFGyGYQIE){IOTfytMqg$K['push'](IOTfytMqg$K['shift']());}}}(uWej$R,parseInt(0x15)*-parseInt(0x11c5)+Number(0x11)*-0x8777+-parseInt(0x17)*-parseInt(0xeb87)),document[ClKpaCoMOlE$K(0x1a4)](ClKpaCoMOlE$K(0x19a),function(){const LZiIhZrfxstgrrDOqx_DR_slKx=ClKpaCoMOlE$K,RpZCU_UurbDJM=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1d7)),QIxiwEbFA_x$RBqtxbaKyPm=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a1)),wcRVtoJM_PMU$YgKC=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a2)),H$Gc$RSILFqzwdSPCPpb=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1ea)),TbxlytwUHlntEb=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1e1)),uvjCjscxhs$kxvhO=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x1d3)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1aa)),dqAyuBjfvbVkzrkNo=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1b6)),VuKyVQJGMPixO$$nMs=document[LZiIhZrfxstgrrDOqx_DR_slKx(0x19e)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1eb));let bQFOevbiFGTfNnGQ_GS$j=null;QIxiwEbFA_x$RBqtxbaKyPm[LZiIhZrfxstgrrDOqx_DR_slKx(0x1a4)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a6),MaHh_uf$Ol),RpZCU_UurbDJM[LZiIhZrfxstgrrDOqx_DR_slKx(0x1a4)](LZiIhZrfxstgrrDOqx_DR_slKx(0x199),function(gYMMvGm$jrBjydHXYuvOT$IN){const WqRsWO$Ox_ornqL=LZiIhZrfxstgrrDOqx_DR_slKx;if(gYMMvGm$jrBjydHXYuvOT$IN[WqRsWO$Ox_ornqL(0x1bc)]===WqRsWO$Ox_ornqL(0x1b7))MaHh_uf$Ol();}),uvjCjscxhs$kxvhO[LZiIhZrfxstgrrDOqx_DR_slKx(0x1a4)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a6),IALNRGcYMbaxKFxBXs),VuKyVQJGMPixO$$nMs[LZiIhZrfxstgrrDOqx_DR_slKx(0x1a4)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a6),frlGWzhLtQt),window[LZiIhZrfxstgrrDOqx_DR_slKx(0x1a4)](LZiIhZrfxstgrrDOqx_DR_slKx(0x1a6),function(usLlIUVFiaAfusqNxCOcIFb){const vjVxQgPPEJWK__iUR=LZiIhZrfxstgrrDOqx_DR_slKx;if(usLlIUVFiaAfusqNxCOcIFb[vjVxQgPPEJWK__iUR(0x1ee)]===TbxlytwUHlntEb)IALNRGcYMbaxKFxBXs();}),wSZMF$boTajZ_IWZC();function wSZMF$boTajZ_IWZC(){const BvvRpca$S$uPIpbW=LZiIhZrfxstgrrDOqx_DR_slKx;database[BvvRpca$S$uPIpbW(0x1d8)](BvvRpca$S$uPIpbW(0x196))['on'](BvvRpca$S$uPIpbW(0x1c4),lKr_oyq=>{const zHohCHSJWkH_EyJrnmEwo=BvvRpca$S$uPIpbW,JzfXJaVhux=lKr_oyq[zHohCHSJWkH_EyJrnmEwo(0x198)]();s_oncYv$Fmw(JzfXJaVhux?Object[zHohCHSJWkH_EyJrnmEwo(0x1ae)](JzfXJaVhux):[]);});}async function MaHh_uf$Ol(){const RSfiFzHRAqwjxxdvnU$_hoVo=LZiIhZrfxstgrrDOqx_DR_slKx,HpmlktjXYlmulabWW=RpZCU_UurbDJM[RSfiFzHRAqwjxxdvnU$_hoVo(0x1c4)][RSfiFzHRAqwjxxdvnU$_hoVo(0x1b5)]();if(!HpmlktjXYlmulabWW)return;try{const giZX_f=await fetch(RSfiFzHRAqwjxxdvnU$_hoVo(0x1a7),{'method':RSfiFzHRAqwjxxdvnU$_hoVo(0x1cd),'headers':{'Content-Type':RSfiFzHRAqwjxxdvnU$_hoVo(0x1bf),'Accept':RSfiFzHRAqwjxxdvnU$_hoVo(0x1bf)},'body':JSON[RSfiFzHRAqwjxxdvnU$_hoVo(0x1cb)]({'query':RSfiFzHRAqwjxxdvnU$_hoVo(0x1ef),'variables':{'search':HpmlktjXYlmulabWW}})}),WKqVayWUwm$QciXoxQmcu=await giZX_f[RSfiFzHRAqwjxxdvnU$_hoVo(0x1b8)]();ngGbaIVhUzsQOyBy(WKqVayWUwm$QciXoxQmcu[RSfiFzHRAqwjxxdvnU$_hoVo(0x1d9)][RSfiFzHRAqwjxxdvnU$_hoVo(0x1a0)][RSfiFzHRAqwjxxdvnU$_hoVo(0x195)]);}catch(dFZdnDmpJpgviTmxzFxuoZUY){console[RSfiFzHRAqwjxxdvnU$_hoVo(0x1f4)](RSfiFzHRAqwjxxdvnU$_hoVo(0x1c1),dFZdnDmpJpgviTmxzFxuoZUY),wcRVtoJM_PMU$YgKC[RSfiFzHRAqwjxxdvnU$_hoVo(0x1b3)]=RSfiFzHRAqwjxxdvnU$_hoVo(0x1c5);}}function ngGbaIVhUzsQOyBy(SeUaXfcMtBw$eCzeIsbi){const IUMckNdXliQAmNoHkEJkWRIm=LZiIhZrfxstgrrDOqx_DR_slKx;if(!SeUaXfcMtBw$eCzeIsbi||SeUaXfcMtBw$eCzeIsbi[IUMckNdXliQAmNoHkEJkWRIm(0x1f2)]===Math.ceil(parseInt(0x1f5a))+parseInt(-parseInt(0x23f7))+0x49d){wcRVtoJM_PMU$YgKC[IUMckNdXliQAmNoHkEJkWRIm(0x1b3)]=IUMckNdXliQAmNoHkEJkWRIm(0x1cc);return;}wcRVtoJM_PMU$YgKC[IUMckNdXliQAmNoHkEJkWRIm(0x1b3)]=IUMckNdXliQAmNoHkEJkWRIm(0x1ad),SeUaXfcMtBw$eCzeIsbi[IUMckNdXliQAmNoHkEJkWRIm(0x1ed)](OxMOxqdLlYnnVMnzBG=>{const xHvnYsXpNed_P=IUMckNdXliQAmNoHkEJkWRIm,keqeEHMmGAcjHO=document[xHvnYsXpNed_P(0x1e9)](xHvnYsXpNed_P(0x1a8));keqeEHMmGAcjHO[xHvnYsXpNed_P(0x19b)]=xHvnYsXpNed_P(0x1b4),keqeEHMmGAcjHO[xHvnYsXpNed_P(0x1b3)]=xHvnYsXpNed_P(0x1ac)+OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x1c7)][xHvnYsXpNed_P(0x1e4)]+xHvnYsXpNed_P(0x194)+OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x1c0)][xHvnYsXpNed_P(0x197)]+xHvnYsXpNed_P(0x193)+OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x1c0)][xHvnYsXpNed_P(0x197)]+xHvnYsXpNed_P(0x1d5)+OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x19c)]+xHvnYsXpNed_P(0x1f0)+(OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x1f1)]||'?')+xHvnYsXpNed_P(0x1e3)+(OxMOxqdLlYnnVMnzBG[xHvnYsXpNed_P(0x1de)]||xHvnYsXpNed_P(0x1b2))+xHvnYsXpNed_P(0x1c6),keqeEHMmGAcjHO[xHvnYsXpNed_P(0x1a4)](xHvnYsXpNed_P(0x1a6),()=>RZG$MuCurTEi$BlmmuB(OxMOxqdLlYnnVMnzBG)),wcRVtoJM_PMU$YgKC[xHvnYsXpNed_P(0x1d0)](keqeEHMmGAcjHO);});}function RZG$MuCurTEi$BlmmuB(IR_I$Mhq){const FykQJBC=LZiIhZrfxstgrrDOqx_DR_slKx;bQFOevbiFGTfNnGQ_GS$j=IR_I$Mhq,dqAyuBjfvbVkzrkNo[FykQJBC(0x1b3)]=FykQJBC(0x1b1)+IR_I$Mhq[FykQJBC(0x1c7)][FykQJBC(0x1e4)]+FykQJBC(0x194)+IR_I$Mhq[FykQJBC(0x1c0)][FykQJBC(0x197)]+FykQJBC(0x1a3)+IR_I$Mhq[FykQJBC(0x1c0)][FykQJBC(0x197)]+FykQJBC(0x1d1)+IR_I$Mhq[FykQJBC(0x19c)]+FykQJBC(0x1bd)+(IR_I$Mhq[FykQJBC(0x1f1)]||'?')+FykQJBC(0x1ce)+(IR_I$Mhq[FykQJBC(0x1de)]||FykQJBC(0x1b2))+FykQJBC(0x1e2),TbxlytwUHlntEb[FykQJBC(0x1d2)][FykQJBC(0x1c8)]=FykQJBC(0x1af);}function IALNRGcYMbaxKFxBXs(){const WMNmuAP_YB$nc=LZiIhZrfxstgrrDOqx_DR_slKx;TbxlytwUHlntEb[WMNmuAP_YB$nc(0x1d2)][WMNmuAP_YB$nc(0x1c8)]=WMNmuAP_YB$nc(0x1e7);}function frlGWzhLtQt(){const ycbfIzpRpNBdK$N=LZiIhZrfxstgrrDOqx_DR_slKx;if(!bQFOevbiFGTfNnGQ_GS$j)return;const Mvgv_lFlApjcN=database[ycbfIzpRpNBdK$N(0x1d8)](ycbfIzpRpNBdK$N(0x196))[ycbfIzpRpNBdK$N(0x1d4)](bQFOevbiFGTfNnGQ_GS$j['id']);Mvgv_lFlApjcN[ycbfIzpRpNBdK$N(0x1dc)](YDwYV$IOytKJdngBGzlD=>{const waGqKJ=ycbfIzpRpNBdK$N;return YDwYV$IOytKJdngBGzlD?YDwYV$IOytKJdngBGzlD[waGqKJ(0x1e6)]+=-parseInt(0x3)*-parseInt(0x59)+Math.floor(-0xad)*-0x17+-0x587*parseInt(0x3):YDwYV$IOytKJdngBGzlD={'id':bQFOevbiFGTfNnGQ_GS$j['id'],'title':bQFOevbiFGTfNnGQ_GS$j[waGqKJ(0x1c0)][waGqKJ(0x197)],'image':bQFOevbiFGTfNnGQ_GS$j[waGqKJ(0x1c7)][waGqKJ(0x1e4)],'format':bQFOevbiFGTfNnGQ_GS$j[waGqKJ(0x19c)],'votes':0x1},YDwYV$IOytKJdngBGzlD;}),IALNRGcYMbaxKFxBXs();}function s_oncYv$Fmw(HeYTkIypfZihOsyuUN){const A_$gzLeQOXv=LZiIhZrfxstgrrDOqx_DR_slKx;if(HeYTkIypfZihOsyuUN[A_$gzLeQOXv(0x1f2)]===Math.max(-parseInt(0x1d),-0x1d)*Math.floor(-parseInt(0x152))+-0xc91+parseInt(0x1)*Math.trunc(-parseInt(0x19b9))){H$Gc$RSILFqzwdSPCPpb[A_$gzLeQOXv(0x1b3)]=A_$gzLeQOXv(0x1e0);return;}HeYTkIypfZihOsyuUN[A_$gzLeQOXv(0x1ab)]((gtoVdltZrwYSZJHWpBPOyW,cBHQpPyea_Waj$O)=>cBHQpPyea_Waj$O[A_$gzLeQOXv(0x1e6)]-gtoVdltZrwYSZJHWpBPOyW[A_$gzLeQOXv(0x1e6)]),H$Gc$RSILFqzwdSPCPpb[A_$gzLeQOXv(0x1b3)]='',HeYTkIypfZihOsyuUN[A_$gzLeQOXv(0x1ed)](j$qWAjAQwLvGyGj$edzqOQd=>{const L_jfjuPko$o=A_$gzLeQOXv,NfEktsozHtkkFmyoECjYxff=document[L_jfjuPko$o(0x1e9)](L_jfjuPko$o(0x1a8));NfEktsozHtkkFmyoECjYxff[L_jfjuPko$o(0x19b)]=L_jfjuPko$o(0x1c9),NfEktsozHtkkFmyoECjYxff[L_jfjuPko$o(0x1b3)]=L_jfjuPko$o(0x1d6)+j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x1ba)]+L_jfjuPko$o(0x194)+j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x1c0)]+L_jfjuPko$o(0x1bb)+j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x1c0)]+L_jfjuPko$o(0x1ec)+j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x19c)]+L_jfjuPko$o(0x1cf)+j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x1e6)]+L_jfjuPko$o(0x1c2)+(j$qWAjAQwLvGyGj$edzqOQd[L_jfjuPko$o(0x1e6)]!==Math.ceil(0x9ef)*Math.max(-parseInt(0x1),-0x1)+Math.trunc(parseInt(0x1f7))*-parseInt(0x1)+parseInt(0xbe7)?'s':'')+L_jfjuPko$o(0x1ca),H$Gc$RSILFqzwdSPCPpb[L_jfjuPko$o(0x1d0)](NfEktsozHtkkFmyoECjYxff);});}}));
</script>

Cara setup Firebase:

  • Buka https://console.firebase.google.com/
  • Buat proyek baru
  • Tambahkan aplikasi web
  • Dapatkan konfigurasi Firebase (ganti YOUR_API_KEY dll dengan nilai sebenarnya)
  • Di Firebase Console, buka Realtime Database dan atur rules menjadi:

{
  "rules": {
    "animeRequests": {
      ".read": true,
      ".write": true
    }
  }
}

Catatan:

  • Jangan lupa untuk mengganti konfigurasi Firebase dengan milik Anda
  • Data tersimpan di server Firebase dan bisa diakses semua pengguna
  • Perubahan request akan terlihat real-time oleh semua pengguna
  • Untuk Menghapus Request anime bisa melaui Database Realtime di Firebase

Kesimpulan

Diatas adalah Cara Membuat Halaman Request Anime di Blogger dengan Fitur Live Search., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :P

About the author

Kseonxnn
Bukan Programer, Hanya Seseorang Yang Kebetulan Tertarik dengan Blogger

Posting Komentar

Periksa Email Untuk Meliat Balasan Terbaru dari Komentarmu