Cara membuat kotak donasi paypal pada blog
kembali lagi dengan blog saya di berbagi tutorial kali ini kita akan membahas bagaimana cara membuat kotak donasi atau kotak sumbangan paypal jadi ketika kita memasang kotak ini siapa tahu ada yang tertarik mengisi donasi pada kotak paypal anda mungkin tertarik untuk memberi donasi untuk memperpaiki blog anda agar pengunjung lebih puas
kotak ini akan muncul setiap orang yang dateng kedalam blog kita atau mengunjungi sebuah situs blog kita
oke tanpa panjang lebar lagi langsung saja kita mulai
Membuat kotak donasi paypal
1.pertama silahkan login ke dalam blog kalian
2.jika sudah masuk ke menu tata letak tambah Kan Gadget Cari HTMl java scrip
3.masukan kode script di bawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/></script>
<script src='https://sites.google.com/site/seocips/seocips-script/cookie30.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/AVvXsEjih0P2QaOdn6REOqyg7b1KjDT_7yBaSJizBXbnzFilCHtLbPdOs2UGU_ztwBRCU7G0Eb0uYkG5T9VkYd6Kw5YTUKzN5HGCy07b4V-Iq70oGkaAAZT6y99iIAVWmk7XwMIf75jbY3526zUU/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/AVvXsEhlQ4yxEcueQn7nmKwM00XQ11htK-pHwpbwyGgl-dqfcbwiNVcES29UHliqEZ-FGW9Kt0EwmGmMfHIiRVIB59DiUZnRV7cL2kQ4gu23F3ICocZ6_rWnanftDn0lEXVNfXtDOUt3ECSoIKtk/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="paypal@email.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://www.seocips.com/2015/09/kotak-donasi-paypal-efek-popup-di-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO38NWGPfbMihThzsMLjH1n5ZW20do9nWMnlxpjaJzoa9T0QoBnmjGdSDQNuN2jrVyq8ONPDYFoNfKuegb_PEoxkGSZIyWLsbLKtV2tifd9UkFdDAtnOaN7QGL85wPMD52hW1a_pfkU3um/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/AVvXsEgP9LpxdQUvgbWyWj2ed5JUmOJa7kKKp-7jO-KMCz5x7EQAgFUvgprg09EZuUVmHyAMM2Bkmsqug90MvOTLcKOo9hDydTx3jW8pntcxk3M3DLvZqP0OKrXsUhyphenhyphenzUGX_hjPVJlDrSQlGw8bp/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/AVvXsEjZZPhjiJxEuXn_3JJWDdfGnPPiia_0fNC-CvWhakCPXHbOk_GC296l6PjoUI4L6Pdp4Uos_hZE5Mvuun-q_JASwBTOKbPZ4OY386PX20mltuBOVebht9Mth_4UfMCh2UEF_ERR6mjd39N8/s1600/icon-close.png" width="15px"/>Close</a>
</div>
</div><!--Main in-->
</div><!--main-box-->
</div><!--Seocips popup-->
4.ganti paypal@gmail.com ganti dengan email paypal yang kalian punya
<input type="hidden" name="business" value="paypal@email.com"/>
5.jika sudah simpan dan refresh blog kalian sudah akan muncul dalam blog kalian
jika masih ada pertanyaan silahkan di tanyakan
makasih tutorialnya
ReplyDelete