Sahabat Kabeka !! Butuh dana untuk pengembangan website atau blog?? tombol donasi adalah salah satu cara mendapatkan dana tersebut :v haha,, oke kali ini Kabeka akan meng-share Cara memasang kolom donasi paypal versi PopUp
Oke back to the point...
Menurut Kabeka setiap yang namanya 'pengembangan' itu pasti membutuhkan yang namanya 'dana' :v bahkan sebuah blog reyot kecilpun juga membutuhkan dana :D dana apa?? buat koneksi, cemilan, kopi, teh dll lah pokoknya :v :v dan lagi pula rumornya, anak-anak jaman sekarang lebih rajin belajar dan inovatif lho kalau dikasik uang :v lumayankan buat menyongsong masa depan bangsa ini :v
Oiya perlu kabeka kasih pengertian dikit ya :D walau PopUp/Tombol donasinya sebanyak apapun namun visitornya pelit ga mau donate ya sabar ya sobat :v jangan berpikiran sesudah memasang PopUp ini sobat langsung mendapat yang namanya uang :v PopUp ini hanya untuk jaga-jaga, siapa tau orang 'Dermawan' jalan-jalan ke blog sobat ^_^
oke cukup basa basi dari saya silahkan baca tutor di bawah untuk menambahkan PopUp Donasi di blog :D
Baca juga:
1.Trik Menambahkan Widget Subscribe Rss dengan Efek Lipatan
2.Cara Membagi File Rar/Zip ke Beberapa Part
PopUp Paypal Donation
1. Punya akun Paypal :D
2. Punya Blog
3. Kalau sudah masuk ke blogger >> Dashboard >> Tambahkan Gadget >> HTML/JavaScript
4. Paste kode berikut
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/></script>
<script src='http://yourjavascript.com/62515102912/cki.js' type='text/javascript'/></script>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
#popupcc{ position:fixed;z-index: 9999990;width:100%;color:#fff; height:100%;top:0;font-family: 'Open Sans Condensed', sans-serif;display:none;}
#main-box { position:fixed;top:100px;left:50%;margin-left: -165px;padding:15px;background: #353535; box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;-webkit-box-shadow: 0px 0px 3px #000;width:300px;height:auto;z-index:9999999; }
#main-box h2 { margin:5px;color:#fafafa; text-align:center;font-weight:normal;text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; }
#popup-body h2{text-align:left; width:300px;}
#popup-body h2 img{width:25px; position:relative; right:5px; }
.body-inner{float:left;width:300px;} .popup-image{float:right} .popup-image img{position:relative;top:10px;}
#main-box h2 img { border:0; position:relative;top:3px; right:5px;}
#main-box-in { padding:10px; border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5); }
#main-box a { margin:5px;color:#fff;text-decoration:none;text-transform:uppercase; }
#main-box a img { position:relative; right:3px; top:2px;border:0; }
#creditcc { width:100%;padding:10px 0px;margin:auto;text-align:center; }
#cc-donate select{-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:80px; height:30px; background:#fafafa url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUucND7h1lfqdaG7sht-2Zrd24R24U1MW6HMfDnieCLBWo4eIlM4jEZgIE3xY4qP8al4SVPiDCL7N152Oi3GvfzlwKcpkdnSfZnXFHBMM8MwdCdBVVhjm0b95uCNp8BKgne7apmmjs1hM/s1600/down.png') no-repeat right;background-size:20px 20px; border:1px solid #f2f2f2; border-radius:2px;-webkit-border-radius:2px; color:#333;font-family: 'Open Sans Condensed', sans-serif; font-size:16px;}
#cc-donate input[type=image] {position:relative; top:7px;}
</style>
<div id="popupcc">
<div id="main-box">
<div id="main-box-in">
<h2>Help us keep this site alive</h2>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMBhQW93WebuhhUmQ3V2gdvQq3nU4TWUmrGp4eXEOgDNsRIGIX_svsFl_N-qPpIrXFL3f-Vm-zgsVHk4z-RZL-4dOd9jugEehcRGEJPSiPQ-36FpdnHj3PtqerlbBp-hn4GadqDOQgEW0/s1600/donate-14101537764n8gk.png" width="100px" /></center>
<center><form id="cc-donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!--Change PayPal Email-->
<input type="hidden" name="business" value="paypalnya@sobat.com"/>
<input type="hidden" name="cmd" value="_donations"/>
<input type="hidden" name="item_name" value="Donation"/>
<input type="hidden" name="item_number" value="Donation"/>
<select name="amount">
<option value="5.00" />$5.00
<option value="10.00" />$10.00
<option value="15.00" />$15.00
<option value="20.00" />$20.00
<option value="25.00" />$25.00
</select>
<input type="hidden" name="currency_code" value="USD"/>
<input type="image" name="submit" border="0" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" alt="PayPal - The safer, easier way to pay online"/>
</form></center>
<div id="creditcc">
<a href="http://goo.gl/giurtq" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcYT0dvUH58RzYZYdz6WDV3Ok0YDzZTWwQXjZEEP_h3BT_4LyPre1rIw5grDlzYyI4-5jHR_x9i2o71Rb9uuPIsYRZIwKcGgEs1hR_-yVb2-JT5oEaa_fvAdMURFuZBxoLg4TE-cznyg/s1600/Download_icon.png" width="12px" />Get It</a>~ <a href="JavaScript:void(0)" id="closecc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD7FA_8yxm2DlQM2UiwO16qVvzYMcpB9PlWQmSqy0vsDPGuJbVeb413rkhalC5eAqLEoOzejQLo3tvQSrb3MZq66Qh5h9VzyQkrMU1IMJIT_BKleRBLNJRzHpl5sbi7z89QTSBNqNuDKY/s1600/icon-close-red.png" width="15px"/>Don't show again</a>~ <a href="#" onclick="document.getElementById('popupcc').style.display='none'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8VUks8by2zOdJRj_w9qGvTEbxh7bjDyYWesPXRhK2uVG2_kdNHXmjjJW8Ty7wXoD_pSaJVIT5hNyx5GGIAtwhf9_Zb7JAWJEcEK5kZ83siCQ32pBKtmIj5kWKbKE7vtWjDraIcudk3g/s1600/icon-close.png" width="15px"/>Close</a>
</div>
</div><!--Main in-->
</div><!--main-box-->
</div><!--Paypal popup-->
<script src='http://yourjavascript.com/62515102912/cki.js' type='text/javascript'/></script>
<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
#popupcc{ position:fixed;z-index: 9999990;width:100%;color:#fff; height:100%;top:0;font-family: 'Open Sans Condensed', sans-serif;display:none;}
#main-box { position:fixed;top:100px;left:50%;margin-left: -165px;padding:15px;background: #353535; box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;-webkit-box-shadow: 0px 0px 3px #000;width:300px;height:auto;z-index:9999999; }
#main-box h2 { margin:5px;color:#fafafa; text-align:center;font-weight:normal;text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; }
#popup-body h2{text-align:left; width:300px;}
#popup-body h2 img{width:25px; position:relative; right:5px; }
.body-inner{float:left;width:300px;} .popup-image{float:right} .popup-image img{position:relative;top:10px;}
#main-box h2 img { border:0; position:relative;top:3px; right:5px;}
#main-box-in { padding:10px; border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.5); }
#main-box a { margin:5px;color:#fff;text-decoration:none;text-transform:uppercase; }
#main-box a img { position:relative; right:3px; top:2px;border:0; }
#creditcc { width:100%;padding:10px 0px;margin:auto;text-align:center; }
#cc-donate select{-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:80px; height:30px; background:#fafafa url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUucND7h1lfqdaG7sht-2Zrd24R24U1MW6HMfDnieCLBWo4eIlM4jEZgIE3xY4qP8al4SVPiDCL7N152Oi3GvfzlwKcpkdnSfZnXFHBMM8MwdCdBVVhjm0b95uCNp8BKgne7apmmjs1hM/s1600/down.png') no-repeat right;background-size:20px 20px; border:1px solid #f2f2f2; border-radius:2px;-webkit-border-radius:2px; color:#333;font-family: 'Open Sans Condensed', sans-serif; font-size:16px;}
#cc-donate input[type=image] {position:relative; top:7px;}
</style>
<div id="popupcc">
<div id="main-box">
<div id="main-box-in">
<h2>Help us keep this site alive</h2>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMBhQW93WebuhhUmQ3V2gdvQq3nU4TWUmrGp4eXEOgDNsRIGIX_svsFl_N-qPpIrXFL3f-Vm-zgsVHk4z-RZL-4dOd9jugEehcRGEJPSiPQ-36FpdnHj3PtqerlbBp-hn4GadqDOQgEW0/s1600/donate-14101537764n8gk.png" width="100px" /></center>
<center><form id="cc-donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!--Change PayPal Email-->
<input type="hidden" name="business" value="paypalnya@sobat.com"/>
<input type="hidden" name="cmd" value="_donations"/>
<input type="hidden" name="item_name" value="Donation"/>
<input type="hidden" name="item_number" value="Donation"/>
<select name="amount">
<option value="5.00" />$5.00
<option value="10.00" />$10.00
<option value="15.00" />$15.00
<option value="20.00" />$20.00
<option value="25.00" />$25.00
</select>
<input type="hidden" name="currency_code" value="USD"/>
<input type="image" name="submit" border="0" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" alt="PayPal - The safer, easier way to pay online"/>
</form></center>
<div id="creditcc">
<a href="http://goo.gl/giurtq" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcYT0dvUH58RzYZYdz6WDV3Ok0YDzZTWwQXjZEEP_h3BT_4LyPre1rIw5grDlzYyI4-5jHR_x9i2o71Rb9uuPIsYRZIwKcGgEs1hR_-yVb2-JT5oEaa_fvAdMURFuZBxoLg4TE-cznyg/s1600/Download_icon.png" width="12px" />Get It</a>~ <a href="JavaScript:void(0)" id="closecc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD7FA_8yxm2DlQM2UiwO16qVvzYMcpB9PlWQmSqy0vsDPGuJbVeb413rkhalC5eAqLEoOzejQLo3tvQSrb3MZq66Qh5h9VzyQkrMU1IMJIT_BKleRBLNJRzHpl5sbi7z89QTSBNqNuDKY/s1600/icon-close-red.png" width="15px"/>Don't show again</a>~ <a href="#" onclick="document.getElementById('popupcc').style.display='none'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8VUks8by2zOdJRj_w9qGvTEbxh7bjDyYWesPXRhK2uVG2_kdNHXmjjJW8Ty7wXoD_pSaJVIT5hNyx5GGIAtwhf9_Zb7JAWJEcEK5kZ83siCQ32pBKtmIj5kWKbKE7vtWjDraIcudk3g/s1600/icon-close.png" width="15px"/>Close</a>
</div>
</div><!--Main in-->
</div><!--main-box-->
</div><!--Paypal popup-->
5. Jangan save dulu,, Cari kode dibawah(gunakan CTRL+F) lalu ubah email Paypalnya@sobat.com ke email paypalnya sobat :)
<input type="hidden" name="business" value="Paypalnya@sobat.com"/>
6. Klik save..
dannn beginilah hasilnya
Download:
1.Framaroot 1.9.3 Apk
2.KingRoot v4.50 Apk
sekian yang bisa Kabeka bagi hari ini, jika sobat mendapatkan donasi jangan lupa bagi-bagi ya :v
oke, Kabeka ucapkan terimakasih dan salam blogger!!
