Belajar Ngeblog & Bisnis Internet » Widget Blogger http://belajarngeblog.kreasibiz.com Belajar Ngeblog dgn Blogspot dan Wordpress Sun, 06 Dec 2009 11:40:46 +0000 http://wordpress.org/?v=2.8 en hourly 1 Memasang Stripe-Ad Pada Blogger http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/ http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/#comments Sun, 22 Nov 2009 08:09:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/
Pada blog-blog dengan platform Wordpress tentu sering kita lihat adanya Stripe-Ad di sebelah atas blog mereka biasanya para pengguna Wordpress menggunakan plugin Stripe-Ad buatan MaxBlogPress yang memang mudah didapat, jika anda ingin tau tentang plugin tersebut silahkan anda kunjungi situs penyedia di http://www.maxblogpress.com/plugins/msa/

Bagaimana dengan pengguna patform Blogger? Nah.. postingan kali ini saya coba share cara Memasang Stripe-Ad Pada Blogger. Trik ini dapet dari googling eh ketemu blognya O-OM di http://www.o-om.com/2008/10/pasang-stripe-ad-ala-navbar-blogger.html trik ini memang agak sedikit berbeda di peletakan javascriptnya aja tuh…

Adapun langkah-langkah Memasang Stripe-Ad Pada Blogger sebagai berikut:

1. Taruh script di bawah ini diatas kode </head>

<script type=’text/javascript’>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(”mtaFloatInit(mta_arr['+mtapointer+'])”,1);’;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”;
}
function closeTopAds() {
document.getElementById(”mta_bar”).style.visibility = “hidden”;
}
//]]>
</script>

2. Copi-Paste kode CSS dibawah ini, letakan diatas kode ]]></b:skin> pada halaman Edit HTML di blogger.

/************************************************
* Stripe-Ad Blogger *
************************************************/
#mta_bar { background: #333357 url(http://i959.photobucket.com/albums/ae71/collection4u/kreasibiz/d_navbar-u2.jpg); border-bottom: 1px solid #ffffff; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode==”CSS1Compat”? document.documentElement.clientWidth+”px” : body.clientWidth+”px”); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #94FF31; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#left_bar a { text-decoration: none; color: #94FF31; }
#left_bar a:hover { text-decoration: none; color: #FFFFA6; }

3. Letakan kode dibawah ini dibawah kode <body> dan rubah alamat link sesuai yang anda inginkan.

<div id=’mta_bar’>
<div id=’left_bar’><span class=’left’><a href=’http://www.kreasibiz.com’ target=’_blank’>Pilihan Cerdas Menghasilkan Uang Melimpah dari Internet</a></span></div>
<span class=’right’ onmouseout=’self.status=&apos;&apos;’ onmouseover=’self.status=&apos;o-om.com.com&apos;;return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://i839.photobucket.com/albums/zz314/kreasibiz/icon/close.png’ style=’cursor:hand;cursor:pointer;’/></span></div>

4. Selesai deh… Memasang Stripe-Ad Pada Blogger Selamat Mencoba

]]> http://belajarngeblog.kreasibiz.com/memasang-stripe-ad-pada-blogger/feed/ 0 Membuat Tombol Donasi PayPal http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/ http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/#comments Sat, 21 Nov 2009 04:00:00 +0000 HeriJS http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/

Sign up for PayPal and start accepting credit card payments instantly.

PayPal menyediakan beberapa fasilitas bagi anggotanya salah satu dari beberapa fitur yang cukup menarik adalah fitur donasi. Dengan fitur ini kita bisa menerima dan memberi donasi dengan Paypal.

Cara untuk menerima donasi dengan PayPal adalah donatur mengirimkan uang ke PayPal kita, dan untuk mempermudah proses donasi tersebut kita dapat membuat “tombol donasi” yang dapat kita letakkan pada website, blog, atau email kita.

Karena itu postingan kali ini saya akan membahas bagaimana Membuat Tombol Donasi PayPal untuk di letakan pada website, blog, atau email kita. Syaratnya tentu anda harus mempunyai akun paypal jika belum punya silahkan daftar melalui referral saya di: https://www.paypal.com/id/mrb/pal=XGJQ7Z53B46YN

Adapun langkah-langkahnya sebagai berikut:

1. Masuk ke akun PayPal Anda dan KLIK “Merchant Services”

2. Cari menu “Donations” pada halaman tersebut, letaknya di sebelah kanan pertengahan halaman tersebut.

3. Jika mau isi keterangan mengenai donasi tersebut pada kolom “Organization Name/Service” dan “Donation ID” jika tidak kosongkan saja.

4. Jika Anda ingin menentukan besarnya donasi, pilih “Donors contribute a fixed amount” dan isi nilainya pada kolom “Amount:”

5.Pilih “Plain text e-mail address:” untuk menentukan alamat email paypal anda, sebaiknya jangan mengunakan email utama demi keamanan account paypal anda.

6. Klik “Create Button” untuk mendapatkan kode HTML

7. Klik “Select Code” lalu copy-paste kode html pada situs/blog anda. Link untuk email juga di sediakan pada pilihan “Email”

Selesai deh Membuat Tombol Donasi PayPal-nya, ayo.. siapa yang mo donate saya hehe…

]]> http://belajarngeblog.kreasibiz.com/membuat-tombol-donasi-paypal/feed/ 2