Cara Membuat Donasi Di Blog Dengan Efek "Show Hide"
Selamat Datang agan/aganwati kali ini saya akan memberikan artikel yang cukup menarik yaitu "Cara Membuat Donasi Di Blog Dengan Efek Show Hide"cara ini sangat efektif dan lebih responsive untuk menerapkanya anda harus melewati langkah-langkah ini :
LANGKAH-LANGKAH :
1. Silahkan Buka Dasboard Terlebih Dahulu
2. Pilih Menu Template => Edit Html
3. Cari Kode </style> atau ]]></b:skin> dan taruh kodenya diatas kode tersebut
4. Lihat Kode :
.paypalbox{
position:relative;
width:250px;
height:auto;
position:fixed;
bottom:0;
left:60px;
}
.tombolpaypal{
text-align:center;
text-decoration:none;
width:240px;
height:auto;
background:#555;
padding:5px 5px 15px;
display:none;
}
.paypal{
background:#efefef;
border:0;
margin:0 auto;
padding:5px 18px;
font-size:18px;
font-weight:700;
color:#333;
text-align:center;
display:inline-block;
border-radius:3px;
}
.paypal:hover{
background:#ddd;
}
.paypalheader{
background:#222;
border-radius:3px 3px 0 0;
margin:0 auto;
padding:8px 23px;
font-size:18px;
font-weight:700;
color:#fff;
text-align:center;
display:block;
cursor:pointer;
}
.tombolpaypal a{
text-decoration:none;
}
.tombolpaypal p{
color:#ddd;
font-size:14px;
margin:5px 0 10px;
5. Simpan Terlebih dahulu
6. Setelah itu Agan Taruh Kode di bawah ini
diatas kode </body>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$('.paypalheader').click(function() {
$('.tombolpaypal').slideToggle(500);
});
});
</script>
7. Setelah Selesai Kita Tinggal Tambah JavaScript Caranya TambahkanGadget => HTML/JavaScript
<div class="paypalbox">
<span class="paypalheader">Donasi</span>
<div class="tombolpaypal">
<p>Secangkir kopi selalu menemani saya membuat tutorial. Donasi Anda bisa membantu saya menyediakannya.<br/>
Terima kasih.</p>
<a href="URL HALAMAN DONASI PAYPAL" title="Donasi via Paypal" target="_blank">
<span class="paypal">Donasi via Paypal</span></a>
</div>
</div>
8. Simpan Dan Coba Lihat Hasilnya :)
Sumber Refrensi: http://www.kompiajaib.com/
Cukup Sekian Semoga Artikel Ini Dapat Membantu, Selamat Mencoba...
Published By:
Tsani Aziz | Jika Ingin Copas Tolong Sertakan Sumber Di Bawah ini
Terimah Kasih telah membaca artikel
Cara Membuat Donasi Di Blog Dengan Efek Show Hide. Yang ditulis oleh Tsani Aziz .Pada hariRabu, 31 Desember 2014. Jika anda ingin sebarluaskan artikel ini, mohon sertakan
sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar Dan Jika Anda Memberi Like/Share Saya Sangat Berterima Kasih. Sekian Trimakasih ^_^