Tivvy: Aplikasi Dukungan Pembaca untuk Blogger

G Ikuti Daily Blogger Pro di Google

Dapatkan update artikel terbaru langsung di beranda Google.

Kalau kamu punya blog yang rutin membagikan konten gratis, kamu bisa menambahkan fitur sederhana agar pembaca yang merasa terbantu dapat memberikan dukungan secara sukarela.

Tivvy adalah aplikasi dukungan pembaca untuk Blogger yang memungkinkan pembaca memilih nominal dukungan dan melanjutkan prosesnya melalui WhatsApp. Tidak perlu payment gateway atau sistem checkout yang rumit.

DBP App Store

Tivvy

Aplikasi Dukungan Pembaca untuk Blogger

By Daily Blogger Pro

☕ Dukungan

Pilihan nominal
fleksibel

💬 WhatsApp

Terhubung langsung
ke pemilik blog

⚡ Freemium

Aplikasi gratis
rasa premium

☕ Dukung DBP

Tentang aplikasi ini

Tivvy adalah aplikasi dukungan pembaca untuk Blogger yang membantu kreator menyediakan pilihan dukungan secara sederhana. Pembaca dapat memilih nominal dukungan yang tersedia, kemudian melanjutkan proses melalui WhatsApp tanpa memerlukan payment gateway atau sistem checkout yang kompleks.

Blogger Reader Support WhatsApp CMS Blogger.com

Install Aplikasi Tivvy di Blog atau Website Milikmu

Aplikasinya harus kamu pasang manual ya. Kodenya berfungsi di platform blogspot, kamu bisa salin semua kode HTML, CSS, dan JS yang saya sediakan pada postingan tampilan html di halaman postingan atau statis (page) di blogspot:

Setelah semua kode disalin, silahkan pratinjau / preview dulu dan terbitkan. Kemudian aplikasi Tivvy siap digunakan pembaca blog kamu.

Jangan mengubah, menghapus, atau memodifikasi kode JavaScript pada aplikasi Tivvy. Perubahan kode dapat menyebabkan aplikasi error atau tidak berfungsi

HTML


<div class="dbp-support">

  <div class="dbp-support-head">
    <h2>☕ Support Daily Blogger Pro</h2>
    <p>
      Merasa terbantu dengan konten dan layanan DBP? Kamu bisa memberikan dukungan sebagai bentuk apresiasi untuk membantu saya terus mengembangkan Daily Blogger Pro. ❤️
    </p>
  </div>

  <div class="dbp-support-box">

    <div class="dbp-support-title">Pilih bentuk dukungan</div>

    <div class="dbp-support-list">

      <button class="dbp-support-item" onclick="dbpSupport('Traktir Kopi','Rp25.000');return false" title="Traktir Kopi">
        <div class="dbp-support-icon">☕</div>
        <div class="dbp-support-info">
          <div class="dbp-support-name">Traktir Kopi</div>
          <div class="dbp-support-price">Rp25.000</div>
        </div>
        <div class="dbp-support-arrow">›</div>
      </button>

      <button class="dbp-support-item" onclick="dbpSupport('Traktir Makan','Rp50.000');return false" title="Traktir Makan">
        <div class="dbp-support-icon">🍜</div>
        <div class="dbp-support-info">
          <div class="dbp-support-name">Traktir Makan</div>
          <div class="dbp-support-price">Rp50.000</div>
        </div>
        <div class="dbp-support-arrow">›</div>
      </button>

      <button class="dbp-support-item" onclick="dbpSupport('Traktir Buku','Rp100.000');return false" title="Traktir Buku">
        <div class="dbp-support-icon">📚</div>
        <div class="dbp-support-info">
          <div class="dbp-support-name">Traktir Buku</div>
          <div class="dbp-support-price">Rp100.000</div>
        </div>
        <div class="dbp-support-arrow">›</div>
      </button>

      <button class="dbp-support-item" onclick="dbpSupport('Support Pendidikan','Rp1.000.000');return false" title="Support Pendidikan">
        <div class="dbp-support-icon">🎓</div>
        <div class="dbp-support-info">
          <div class="dbp-support-name">Support Pendidikan</div>
          <div class="dbp-support-price">Rp1.000.000</div>
        </div>
        <div class="dbp-support-arrow">›</div>
      </button>

    </div>

    <div class="dbp-support-wa">
      💬 Setelah memilih nominal, kamu akan diarahkan ke WhatsApp pemilik blog untuk melanjutkan dukungan.
    </div>

    <div class="dbp-credit" id="dbp-attribution">
      Powered by
      <a href="https://www.dailybloggerpro.com/2026/09/tivvy-aplikasi-dukungan-pembaca-untuk-blogger.html" target="_blank" rel="noopener">
        Daily Blogger Pro
      </a>
    </div>

  </div>

  <div class="dbp-support-history">
    <h3>Supporter DBP</h3>

    <div class="dbp-tip">
      <div class="dbp-tip-avatar">☕</div>
      <div class="dbp-tip-text">
        <b>Adhiherma1</b> mentraktir makanan
        <span class="dbp-tip-amount">Rp25.000</span>
        untuk kreator Daily Blogger Pro.
      </div>
    </div>

    <div class="dbp-tip">
      <div class="dbp-tip-avatar">☕</div>
      <div class="dbp-tip-text">
        <b>anonimax006</b> mentraktir makanan
        <span class="dbp-tip-amount">Rp25.000</span>
        untuk kreator Daily Blogger Pro.
      </div>
    </div>

    <div class="dbp-tip">
      <div class="dbp-tip-avatar">☕</div>
      <div class="dbp-tip-text">
        <b>Envy</b> mentraktir makanan
        <span class="dbp-tip-amount">Rp25.000</span>
        untuk kreator Daily Blogger Pro.
      </div>
    </div>

    <div class="dbp-tip">
      <div class="dbp-tip-avatar">☕</div>
      <div class="dbp-tip-text">
        <b>Ramawijaya</b> mentraktir makanan
        <span class="dbp-tip-amount">Rp25.000</span>
        untuk kreator Daily Blogger Pro.
      </div>
    </div>

  </div>

</div>

CSS

<style>
.dbp-support{max-width:760px;margin:25px auto;font-family:inherit}
.dbp-support-head{text-align:center;margin-bottom:25px}
.dbp-support-head h2{margin:0 0 8px;font-size:26px}
.dbp-support-head p{margin:0;color:#777;font-size:14px;line-height:1.6}
.dbp-support-box{background:#fff;border:1px solid #eee;border-radius:18px;padding:22px;box-shadow:0 6px 25px rgba(0,0,0,.05)}
.dbp-support-title{font-size:18px;font-weight:700;margin-bottom:16px}
.dbp-support-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.dbp-support-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px;
  border:1px solid #eee;
  border-radius:13px;
  text-decoration:none;
  color:inherit;
  font:inherit;
  text-align:left;
  transition:.2s;
  background:#fff;
  cursor:pointer;
  box-sizing:border-box;
}

.dbp-support-item:hover{
  transform:translateY(-2px);
  border-color:#d7b35a;
  box-shadow:0 5px 15px rgba(0,0,0,.06);
}

.dbp-support-item:focus{
  outline:none;
  border-color:#d7b35a;
  box-shadow:0 0 0 3px rgba(215,179,90,.18);
}

.dbp-support-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#faf6e8;font-size:23px;flex-shrink:0}
.dbp-support-info{flex:1;min-width:0}
.dbp-support-name{font-weight:700;font-size:14px;margin-bottom:3px}
.dbp-support-price{font-size:13px;color:#b58a20;font-weight:600}
.dbp-support-arrow{font-size:18px;color:#aaa}
.dbp-support-wa{margin-top:15px;padding:12px 14px;border-radius:10px;background:#fafafa;color:#777;font-size:12px;text-align:center}
.dbp-support-history{margin-top:35px}
.dbp-support-history h3{font-size:20px;margin-bottom:15px}
.dbp-tip{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee}
.dbp-tip:last-child{border-bottom:0}
.dbp-tip-avatar{width:38px;height:38px;border-radius:50%;background:#f5f0df;display:flex;align-items:center;justify-content:center;font-size:17px}
.dbp-tip-text{font-size:13px;line-height:1.5}
.dbp-tip-text b{font-weight:700}
.dbp-tip-amount{color:#b58a20;font-weight:600}
.dbp-credit{margin-top:18px;text-align:center;font-size:11px;color:#999}
.dbp-credit a{color:inherit;text-decoration:none;font-weight:600}

@media(max-width:600px){
.dbp-support{margin:15px auto}
.dbp-support-box{padding:16px;border-radius:14px}
.dbp-support-list{grid-template-columns:1fr}
.dbp-support-head h2{font-size:23px}
}
</style>

<script>

var DBP_WA='6285694937946';
var DBP_PAYMENT='DANA 08xxxxxxxxxx | GOPAY 08xxxxxxxxxx | BCA 1234567890 a.n. Nama Pemilik';
var DBP_LICENSE='SALIN KODE LISENSI RESMI DBP DISINI';
var DBP_LICENSE_VALID=false;

var pesan=
  'Halo, saya ingin memberikan dukungan kepada Daily Blogger Pro.\n\n'+
  '';

(function(){
  var x='KGZ1bmN0aW9uKCl7CiAgdmFyIGNyZWRpdD1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZGJwLWF0dHJpYnV0aW9uJyk7CiAgaWYoIWNyZWRpdCl7cmV0dXJuO30KICB2YXIgdGV4dD0oY3JlZGl0LnRleHRDb250ZW50fHwnJykudHJpbSgpOwogIHZhciBsaW5rPWNyZWRpdC5xdWVyeVNlbGVjdG9yKCdhJyk7CiAgdmFyIHZhbGlkVGV4dD10ZXh0LmluZGV4T2YoJ0RhaWx5IEJsb2dnZXIgUHJvJykhPT0tMTsKICB2YXIgdmFsaWRMaW5rPWxpbmsmJmxpbmsuaHJlZj09PSdodHRwczovL3d3dy5kYWlseWJsb2dnZXJwcm8uY29tLzIwMjYvMDkvdGl2dnktYXBsaWthc2ktZHVrdW5nYW4tcGVtYmFjYS11bnR1ay1ibG9nZ2VyLmh0bWwnOwogIHZhciB2YWxpZExpY2Vuc2U9REJQX0xJQ0VOU0U9PT0nREJQLUxJQy1TVVAtOFg0US03TTJLLVY5Uk4nOwogIGlmKCF2YWxpZFRleHR8fCF2YWxpZExpbmspe3JldHVybjt9CiAgaWYoIXZhbGlkTGljZW5zZSl7cmV0dXJuO30KICBEQlBfTElDRU5TRV9WQUxJRD10cnVlOwp9KSgpOwp3aW5kb3cuZGJwU3VwcG9ydD1mdW5jdGlvbihqdWR1bCxoYXJnYSl7CiAgaWYoIURCUF9MSUNFTlNFX1ZBTElEKXtyZXR1cm47fQogIHZhciBtc2c9cGVzYW4rCiAgICAnRGF0YSBQZW5kdWt1bmc6XG4nKwogICAgJ05hbWE6IFxuJysKICAgICdOb21pbmFsIER1a3VuZ2FuOiAnK2hhcmdhKydcbicrCiAgICAnSmVuaXMgRHVrdW5nYW46ICcranVkdWwrJ1xuXG4nKwogICAgJ01ldG9kZSBwZW1iYXlhcmFuOlxuJysKICAgIERCUF9QQVlNRU5UKwogICAgJ1xuXG5TZXRlbGFoIHRyYW5zZmVyLCBzYXlhIGFrYW4gbWVuZ2lyaW1rYW4gYnVrdGkgcGVtYmF5YXJhbi4gVGVyaW1hIGthc2loIGF0YXMgZHVrdW5nYW5ueWEhJzsKICB3aW5kb3cub3BlbigKICAgICdodHRwczovL3dhLm1lLycrREJQX1dBKyc/dGV4dD0nK2VuY29kZVVSSUNvbXBvbmVudChtc2cpLAogICAgJ19ibGFuaycKICApOwp9Ow==';
  try{
    new Function(atob(x))();
  }catch(e){
    console.warn('DBP Support: modul gagal dimuat.',e);
  }
})();
</script>

🔑 Kode Lisensi Resmi DBP

    DBP-LIC-SUP-8X4Q-7M2K-V9RN
  

Salin kode lisensi di atas, lalu tempelkan pada bagian DBP_LICENSE di kode JavaScript.

⚙️ Pengaturan Fitur

Kamu bisa edit pengaturan nomor whatsapp, jenis pembayaran, isi pesan teks whatsapp, dan menambah list supporter secara manual dengan mengedit bagian variabel & class berikut ini:

    var DBP_WA='6285694937946'
  

    var DBP_PAYMENT='DANA 08xxxxxxxxxx | GOPAY 08xxxxxxxxxx | BCA 1234567890 a.n. Nama Pemilik'
  

    var pesan= 'Halo, saya ingin memberikan dukungan kepada Daily Blogger Pro.\n\n'+ '';
  

  Pengaturan Nominal Dukungan:

  Untuk mengubah besaran dukungan uang, cari tombol dengan class="dbp-support-item". Kemudian ubah angka nominal pada bagian onclick="dbpSupport dan angka nominal yang tampil pada tombol. Misalnya, ubah Rp50.000 menjadi Rp75.000 pada kedua bagian tersebut. Pastikan keduanya menggunakan nominal yang sama.

    class='dbp-support-history'= List supporter harus di-input nama & jenis dukungannya secara manual lewat kode html.
  

Demo Tivvy: Aplikasi Dukungan Pembaca untuk Blogger

Berikut demo langsung aplikasi Tivvy. Silakan coba tombol nominal dukungan untuk melihat alurnya.

☕ Support Daily Blogger Pro

Merasa terbantu dengan konten dan layanan DBP? Kamu bisa memberikan dukungan sebagai bentuk apresiasi untuk membantu saya terus mengembangkan Daily Blogger Pro. ❤️

Pilih bentuk dukungan

💬 Setelah memilih nominal, kamu akan diarahkan ke WhatsApp pemilik blog untuk melanjutkan dukungan.

Supporter DBP

☕

Adhiherma1 mentraktir makanan Rp25.000 untuk kreator Daily Blogger Pro.

☕

anonimax006 mentraktir makanan Rp25.000 untuk kreator Daily Blogger Pro.

☕

Envy mentraktir makanan Rp25.000 untuk kreator Daily Blogger Pro.

☕

Ramawijaya mentraktir makanan Rp25.000 untuk kreator Daily Blogger Pro.

Deskripsi Fitur Aplikasi Tivvy

Fitur	Gratis	Bisa diedit
Pilihan nominal dukungan	✓	✓
Redirect otomatis ke WhatsApp	✓	✓
Nomor WhatsApp	✓	✓
Informasi pembayaran	✓	✓
Pesan WhatsApp	✓	✓
Daftar supporter	✓	✓
Tampilan responsif	✓	✓
Validasi lisensi	✓	✕
Payment gateway otomatis	✕	✕
Verifikasi pembayaran otomatis	✕	✕

Fitur ini menggunakan WhatsApp untuk melanjutkan proses dukungan. Pembayaran dan verifikasi transfer tetap dilakukan secara manual.

★ DBP MEMBERSHIP

Lebih Banyak Materi.
Lebih Banyak Insight.

Konten eksklusif yang tidak tersedia untuk pembaca biasa.

Artikel
Eksklusif

Bebas
Iklan

Materi
Pilihan

Update
Terbaru

Subscribe Now → Cek Konten Membership →

Mulai dari Rp79.000/bulan

✦ ✦ • ✦

MEMBERSHIP

MEMBER

Exclusive

✓ Premium

PREMIUM