Laba-Laba Blog - Sebelum kami membahas lebih mendalam tentang KPK, apakah anda tahu apa itu kepanjangan dari KPK? KPK memiliki kepanjangan Kami Peduli Kawan. Kami disini sedang tidak membahas tentang lembaga instansi pemerintah tapi kami sedang membahas KPK (Kami Peduli Kawan). KPK sebelumnya sudah dibahas oleh Kang Adhy dan kali ini kami akan menyebarluaskan tentang KPK.
Banyak pengguna Blogger yang masih asing dengan KPK, melalui KPK kita dapat membantu teman kita yang mendapat bencana, dengan cara apa? dengan cara menyebarluaskan atau memasang widget KPK di blog anda. Widget ini tidak memakan sidebar anda karena widget ini terpasang fungsi toggle dan tidak akan memakan tempat pada blog anda.
Berikut, ikutilah langkah-langkah dibawah ini bila anda tertarik untuk memasang KPK di blog anda.
1. Simpan kode Jquery di bawah ini, di atas kode </body>.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>2. Simpan kode di bawah ini, tepat di bawah kode <head>.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>3. Salin kode CSS KPK di bawah ini.
.button1 {width: 262px;font-size:18px;font-family: Arial;font-weight:normal;border:1px solid #3866a3;padding:9px 18px;text-decoration:none;background-color:#63b8ee;color:#ffffff;display:inline-block;text-shadow:1px 1px 0px #7cacde;box-shadow:inset 1px 1px 0px 0px #bee2f9;cursor:pointer}4. Simpan kode di bawah ini, kemudia simpan di atas kode </body>.
.button1:hover {background-color:#468ccf;text-shadow:none}
#box {display:none}
.box-dalam {background:#009999;text-decoration: none;width:300px;height:250px;margin:0;padding:0;position:relative}
.title1 {font:30px Oswald;color:#fff;margin-left:18%}
.title2 {font:18px Oswald;color:#fff;margin-left:35%}
.isi-box1 {padding-top:15px;text-align:center;font:12px Oswald;color:#fff}
.isi-box2 {margin:15px 0 0 10px;font:12px Oswald;color:#fff;text-align:left}
.tombol-kpk {background:#ddd;border:1px solid #666;border-radius:4px;text-decoration: none;padding:1px 5px;float: right;color:#333;margin-right:7px;margin-top:-2px}
.tombol-kpk a {color:#333;text-decoration:none;font-size:12px}
.tombol-kpk:hover {background:#bbb;text-decoration:none}
$(function() {5. Dan yang terakhir, simpan kode di bawah ini dan simpan di sidebar pada gadget HTML/JavaScript.
$("#run").click(function () {
$("#box").toggle("slow")
});
});
<div class="button1" id="run">Anda peduli kawan? Klik Di sini</div>6. Simpan.
<div class="toggler">
<div id="box">
<div class="box-dalam">
<div class="title1">Kami Peduli Kawan</div>
<div class="title2">KPK Blogger Community</div>
<div class="isi-box1">
Komunitas Penggalang Kebaikan (KPK)<br/>
Membuka rekening amal untuk membantu saudara-saudara<br/>
kita yang tertimpa musibah atau bencana.
</div>
<div class="isi-box2">
Bagi yang ingin memberikan bantuan, Anda bisa<br/>
menyalurkan melalui rekening di bawah ini:<br/>
- Bank Permata KCP Gajah Mada Pontianak<br/>
- No. Rek. 651.053.5829 a. n. Asep Haryono</div>
<div class="tombol-kpk">
<a href="http://www.123contactform.com/form-517524/REKENING-AMAL-KPK" rel="nofollow" target="_blank" title="Klik Di Sini">Klik Di Sini</a><br />
</div>
</div>
</div>
Tidak ada komentar:
Posting Komentar
1. Berkomentar haruslah sopan.
2. Jika ada kesalahan kata-kata dalam artikel saya, mohon dimaklumi.