.

18 November 2011

0
Cara Membuat Tombol Donasi PayPal Dengan Efek JQuery

Do you want to share?

Do you like this story?

Trik kali ini sedikit menari, Berhubungan dengan DONASI, MaksudnyaCara MembuatTombol Donasi PayPal Dengan Efek JQuery, akan tetapi kali ini berdasarkan, sumber dari flowdrops, saya ingin menampilkan postingan yang membuat user bisa langsung memasukkan Nilai Donasi. Bagaimana caranya :

Ikut langkah-langkahnya berikut ini.

Langkah 1
Anda harus mempunyai account paypal dulu.
Langkah 2
Login ke blogger, pilih Menu Design >> Page Elements
Langkah 3
Klik Add Gadget dan pilih HTML/JavaScript
Langkah 4
Masukkan kode dibawah ini ke dalamnya Gadget tersebut.


<script type="text/javascript" src="http://daffa.googlecode.com/files/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://daffa.googlecode.com/files/donate.js"></script>
<style type="text/css">
.red {color:#ff0000;}
.icon_warning {background:transparent url(http://i608.photobucket.com/albums/tt169/karsono29/exclamation.png) left no-repeat;padding:4px;padding-left:20px;}
form#form_paypal input {padding:3px;border:1px solid #ddd;background:#fefefe;}
form#form_paypal input#input_amount {width:50px;}
form#form_paypal .submit {cursor:pointer;border-style:outset;}
</style>
<form id="form_paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="blogtrends.mail@gmail.com">
<input type="hidden" name="item_name" value="Jumlah Donasi Saya">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="bn" value="PP-DonationsBF">
<label for="">Jumlah (US$) : </label><input style="background:#FFFCEF; border:1px solid #FFE56F" type="text" name="amount" id="input_amount" width="10" class="text" />
<input style="background:url(http://3.bp.blogspot.com/-UV7i9Nxm8-c/TsYyCZilz6I/AAAAAAAAAjw/ke1xtqd-_Yw/s320/btn_donate_LG.gif)no-repeat; width:95px; height:30px; border: 0pt none;" type="submit" name="submit" value="" class="submit" />
<div class="clearer">&nbsp;</div>
<p>
<span id="msg_moreamount" class="icon_warning red" style="display:none;">PayPal mengambil USD 0.35 dari setiap donasi, terima kasih!</span>
<span id="msg_noamount" class="icon_warning red" style="display:none;">Masukkan Jumlah donasi yang diinginkan dan coba lagi.</span>
<span id="msg_activity" style="display:none;"> <img src="http://4.bp.blogspot.com/-npoFyKbDeWM/TsYyNX7yZJI/AAAAAAAAAj8/1S7V1kLvC3o/s320/loader.gif" align="absmiddle" />&nbsp;Sedang proses ke PayPal, tunggu sebentar...</span>
</form>


Langkah 5
Yang patut diperhatikan adalah kode yang berwarna merah, ganti value tersebut menjadi alamat paypal anda.

Semoga postingan ini bermanfaat bagi kita semua.
Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blog Trends di inbox anda:

0 komentar:

Posting Komentar

Kebijakan Berkomentar akan dihapus, jika tidak sesuai dengan apa yang sudah ditulis dibawah ini:

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

 

About Blog Trends

    Trends Blog to write about the myriad waysn and Complete Blog and Making Guide,Blogger Trick, Blogger Tutorial, Blogging Tips, Blogger Hack, SEO, CSS Editor and Free Blogger Templates

Pengikut