Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Kotak Bantuan Paypal Ala Masmalven

 Cukup banyak yang meminta dibuatkan artikel tentang tutorial sederhana ini Cara Membuat Kotak Donasi Paypal Ala Masmalven

Cukup banyak yang meminta dibuatkan postingan wacana bimbingan sederhana ini. Tidak jarang juga aku menyaksikan beberapa blogger yang memakai kotak donasi PayPal di blog mereka. Nah, buat kau yang mau juga pakai kotak kontribusi PayPal, ikuti tutorialnya sampai tamat.

Langkah Pertama: Kamu perlu menciptakan username Paypal.Me apalagi dulu. Silahkan masuk ke situs resminya Disini.

Ikuti Semua langkah-langkahnya. Perlu dimengerti bahwa kamu harus punya akun PayPal terlebih dahulu (paypal.com). Nanti link dukungan ke akun paypal.com akan secara otomatis dipendekkan oleh PayPal.Me.

Cara Membuat Kotak Donasi PayPal di Bawah Postingan Blogger dengan Efek Memantul ala Masmalven

Setelah kamu membuat username di PayPal.Me, Silahkan buka dashboard akun Blogger dan buka pengaturan template kau. Setelah itu, simpan kode CSS berikut di atas atau ]]>.

/* Paypal Donation Box Bounce by masmalven.com */ .MasMalvenDonasi background:#6fa8dc; /* warna background */   color:#000;   display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:flex-start; flex-wrap:nowrap; justify-content:center; margin:20px 0px; display:flex; padding:15px; overflow:hidden; transition:all .3s ease; border-radius:7px; .MasMalvenDonasi .ikon a background-color:#008c5f; /* warna ikon */   color:#fff;   text-decoration:none; display:block; padding:5px; border-radius:7px; text-align:center; -webkit-animation:MasMalvenBounce 1s linear 1s infinite normal; animation:MasMalvenBounce 1s linear 1s infinite wajar  .MasMalvenDonasi svg width:50px; height:50px .MasMalvenDonasi svg path fill:#bde0b9 .MasMalvenDonasi .ikon margin-right:15px .MasMalvenDonasi .deskripsi line-height:1.5em;  .MasMalvenDonasi .deskripsi .judul font-size:18px; font-weight:bold; display:block; margin-bottom:10px;  @keyframes MasMalvenBounce0%,100%-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1) 30%-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1) 40%-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1) 50%-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1) 65%-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1) 75%-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)  @-webkit-keyframes MasMalvenBounce0%,100%-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1) 30%-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1) 40%-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1) 50%-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1) 65%-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1) 75%-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1) 

Simpan arahan HTML berikut tepat di bawah .

 
DONASI VIA PAYPAL Bantu berikan derma jikalau artikelnya dirasa memiliki kegunaan. Donasi akan dipakai untuk memperpanjang domain www.masmalven.com. Terima kasih.

Perhatian!! Ganti URL PayPal.Me dan ubah tulisannya sesuai dengan harapan masing-masing.


Kotak bantuan ini sungguh ringan sebab efek memantulnya dibuat oleh CSS dan kalau kau tak maupake PayPal mampu diganti dengan link kontribusi via Bitcoin, Pulsa dan lainnya. Semoga bermanfaat dan terima kasih kunjungan.