Home
Connect
_Contact Support
__email kontak
__Tentang Aku
__Kebijakan Komentar
__Privacy Policy
__Disclaimer
_Instagram
_Facebook
Mega Menu
Muslim
Logbook
Tamu
UT
_Latihan Soal
_Materi Ilmu Administrasi Bisnis
_Forum Mahasiswa UT
_Kalkulator Nilai UT

Buku Tamu

Ahmad ✕

Halo! Ahmad disini 😊

{fullWidth}

2 Komentar

Komen aja dulu siapa tau akrab! Kebijakan Komentar

Ahmad19 Mei 2026 pukul 10.22
أَهْلاً وَسَهْلاً ,Selamat Datang, Wellcome
BalasHapus
Balasan
Anonim29 Mei 2026 pukul 19.08
29 Mei 2026
BalasHapus
Balasan

Tambahkan komentar

Muat yang lain...

.pbt-react-wrap{ display:flex;flex-direction:column;align-items:center; background:var(--widget-bg);padding:1.25rem 1rem; border-radius:var(--radius);box-shadow:var(--shadow); margin:1.5rem 0;gap:0.75rem; } .pbt-react-title{ font-family:var(--title-font);font-size:0.875rem; font-weight:700;color:var(--title-color);text-align:center; } .pbt-react-buttons{ display:grid;grid-template-columns:repeat(5,1fr);gap:0.4rem;width:100%; } .pbt-react-btn{ display:inline-flex;flex-direction:column;align-items:center;gap:3px; padding:8px 14px;border-radius:var(--radius); border:1.5px solid var(--border-color); background:var(--gray-bg);cursor:pointer; font-family:var(--body-font);transition:all .15s ease; } .pbt-react-btn:hover{ border-color:var(--accent-color); background:var(--accent-color); } .pbt-react-btn:hover .pbt-react-icon, .pbt-react-btn:hover .pbt-react-count{ color:#fff; } .pbt-react-btn.reacted{ border-color:var(--accent-color); background:var(--accent-color); } .pbt-react-btn.reacted .pbt-react-icon, .pbt-react-btn.reacted .pbt-react-count{ color:#fff; } .pbt-react-icon{ font-size:1.25rem;color:var(--title-color); transition:color .15s;line-height:1; } .pbt-react-count{ font-size:0.75rem;font-weight:700; color:var(--meta-color);transition:color .15s; line-height:1; } .pbt-react-total{ font-size:0.75rem;color:var(--meta-color); }

What do you think?

(function(){ // Hanya jalan di halaman artikel if(!document.querySelector('.item-post')) return; var REACTIONS = [ { key:'like', icon:'bi-hand-thumbs-up', label:'Suka' }, { key:'love', icon:'bi-heart', label:'Cinta' }, { key:'insight',icon:'bi-lightbulb', label:'Informatif' }, { key:'fire', icon:'bi-fire', label:'Keren' }, { key:'haha', icon:'bi-emoji-laughing', label:'Lucu' } ]; var DB_URL = 'https://ahhh34d-default-rtdb.firebaseio.com'; var postKey = window.location.pathname.replace(/[^a-zA-Z0-9]/g,''); if(!postKey) return; var STORAGE_KEY = 'pbt_reacted_' + postKey; var myReact = localStorage.getItem(STORAGE_KEY) || null; var counts = {}; // Buat tombol var wrap = document.getElementById('pbt-react-wrap'); var btnWrap = document.getElementById('pbt-react-buttons'); REACTIONS.forEach(function(r){ var btn = document.createElement('button'); btn.className = 'pbt-react-btn' + (myReact === r.key ? ' reacted' : ''); btn.id = 'pbt-rbtn-' + r.key; btn.title = r.label; btn.innerHTML = '<i class="bi '+r.icon+' pbt-react-icon"></i><span class="pbt-react-count" id="pbt-rc-'+r.key+'">0</span>'; btn.addEventListener('click', function(){ doReact(r.key); }); btnWrap.appendChild(btn); }); wrap.style.display = 'flex'; // Ambil data dari Firebase REST API (tidak perlu SDK) function fetchCounts(){ fetch(DB_URL + '/article_reactions/' + postKey + '.json') .then(function(r){ return r.json(); }) .then(function(data){ counts = data || {}; renderCounts(); }).catch(function(){}); } function renderCounts(){ var total = 0; REACTIONS.forEach(function(r){ var c = counts[r.key] || 0; total += c; var el = document.getElementById('pbt-rc-' + r.key); if(el) el.textContent = c > 0 ? c : '0'; }); var tot = document.getElementById('pbt-react-total'); if(tot) tot.textContent = total > 0 ? total + ' orang sudah bereaksi' : ''; } function doReact(key){ // Efek suara try{ var ctx = new (window.AudioContext||window.webkitAudioContext)(); var o=ctx.createOscillator(), g=ctx.createGain(); o.connect(g); g.connect(ctx.destination); o.type='sine'; o.frequency.setValueAtTime(600,ctx.currentTime); o.frequency.exponentialRampToValueAtTime(880,ctx.currentTime+0.08); g.gain.setValueAtTime(0.2,ctx.currentTime); g.gain.exponentialRampToValueAtTime(0.001,ctx.currentTime+0.16); o.start(ctx.currentTime); o.stop(ctx.currentTime+0.16); }catch(e){} var prev = myReact; // Update UI dulu (optimistic) if(prev === key){ // toggle off myReact = null; localStorage.removeItem(STORAGE_KEY); counts[key] = Math.max((counts[key]||0) - 1, 0); document.getElementById('pbt-rbtn-' + key).classList.remove('reacted'); } else { if(prev){ counts[prev] = Math.max((counts[prev]||0) - 1, 0); var prevBtn = document.getElementById('pbt-rbtn-' + prev); if(prevBtn) prevBtn.classList.remove('reacted'); // kurangi react lama di Firebase patchCount(prev, -1); } myReact = key; localStorage.setItem(STORAGE_KEY, key); counts[key] = (counts[key]||0) + 1; document.getElementById('pbt-rbtn-' + key).classList.add('reacted'); } renderCounts(); patchCount(key, prev === key ? -1 : 1); } function patchCount(key, delta){ // Pakai Firebase REST transaction lewat fetch var url = DB_URL + '/article_reactions/' + postKey + '/' + key + '.json'; fetch(url) .then(function(r){ return r.json(); }) .then(function(cur){ var newVal = Math.max((cur||0) + delta, 0); return fetch(url, { method: 'PUT', body: JSON.stringify(newVal) }); }).catch(function(){}); } fetchCounts(); // Realtime polling tiap 15 detik setInterval(fetchCounts, 15000); })();

Pilih Playlist Ahmad:

Entri yang Diunggulkan

Membangun Kesadaran Sosial Melalui Refleksi Mendalam Lewat Progam TV Khawater dipandu Ahmad AlShugairi

Popular Articles

Sesi 6 Pancasila sebagai Paradigma Pengembangan Ilmu

Mengintip Pesona Kebun Raya Balikpapan di KM 15

11.3.24

Sesi 5 Pancasila sebagai Sistem Filsafat

7.11.25

7 Film 3D Yang Paling Dinanti Tahun 2022

28.1.22

Pengikut

Latest Posts

Hak Cipta Dilindungi - © 2026 Ruang Ahmad Belajar, Bertumbuh, Berkarya

Home
About
Privacy Policy
Contact