Monday

Memasang Stripe Ad

MaxBlogPress mulanya mencipta plugin Stripe Ad untuk pengguna Wordpress tapi kini pengguna Blogspot juga boleh menggunakannya sama-sama.

Stripe Ad dicipta khusus untuk meletakkan iklan secara rotate. Untuk pengguna Blogspot pula kod ini hanya dibekalkan untuk iklan statik, tapi kamu boleh rotatenya dengan kod tambahan lain.

Bagi kemudahan pelawat anda, ianya menggunakan kod javaskrip untuk memudahkan pelawat kamu memangkahnya.



Memasang Stripe Ad

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini.

]]></b:skin>

03. Tambahkan kod ini di atasnya.

#stripe-ad{
background:#f5f8fa;
border-bottom:1px solid #4db4e8;
left:0;
margin:0 0 3px 0;
padding:4px 0;
top:0;
overflow:auto;
position:fixed;
width:100%;
z-index:100;
}
* html #stripe-ad{ /*IE6 hack*/
position:absolute;
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#stripe-ad .left{
color: #4db4e8;
width:80%;
float:left;
font-family:Arial;
font-size: 13px;
font-weight: bold;
font-style:normal;
text-align:center;
}
#stripe-ad .right{
float:right;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:10px;
letter-spacing:0;
white-space:nowrap;
}
#stripe-ad .right a{
color: #4db4e8;
font-size:10px;
text-decoration:underline;
}
#stripe-ad .right a:hover{
color: #000;
font-size:10px;
text-decoration:none;
}
#left_bar a {
color:#4db4e8;
text-decoration: none;
}
#left_bar a:hover{
color:#ce1433;
text-decoration:underline;
}

04. Cari kod ini.

</head>

05. Tambahkan kod ini di atasnya.

<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("stripe-ad").style.visibility = "hidden";
}
//]]>
</script>

06. Cari kod ini.

<body>

07. Tambahkan kod ini di bawahnya.

<div id='stripe-ad'>
<div id='left_bar'>
<span class='left'>
<a href='http://dilarangmelarang.com/' target='_blank'>DilarangMelarang - Dapatkan tutorial Blogger dan Wordpress secara percuma sekarang!</a>
</span>
</div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;dilarangmelarang.com.com&apos;;return true;'>
<a href='http://dilarangmelarang.com/' target='_blank'>Powered by DilarangMelarang</a> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://tinyurl.com/lmmkad' style='cursor:hand;cursor:pointer;'/>
</span>
</div>

08. Pilih Save.

Wordpress tak ada ke?

Memang ada sebab ianya diinspirasikan dari Wordpress, kamu boleh install plugin Stripe Ad seperti biasa.
Posted by at
Labels: , , , , , , , ,

16 comments:

  1. MuNsYi^SaMa1.6.09

    yg warna biru itukah stripe ad?

    ReplyDelete
  2. Azah1.6.09

    ape benda stripe ad tu?
    yg "DilarangMelarang - Dapatkan tutorial Blogger dan Wordpress secara percuma sekarang!" tu ke?

    ReplyDelete
  3. MJ1.6.09

    MuNsYi^SaMa & Azah, yupp. Itulah dia demonya.

    ReplyDelete
  4. Daus1.6.09

    Juki, boleh x kalo kita nak yg bottom, bar yg duk bawah. menyemak kalo duk ats...

    ReplyDelete
  5. Mr. Azman @ Kreuger2.6.09

    yang mane satu ek stripe ad ni?
    tak de contoh bergambar ke juki?

    ReplyDelete
  6. [a.m.o.i] ™2.6.09

    mcm best je. aku rasa nak try la^^

    ReplyDelete
  7. zai2.6.09

    err..aku prnh cube dulu tp xjd..
    nk cube tutorial yg ni lak..jd x..

    ReplyDelete
  8. AKURO SAN3.6.09

    salam.
    untuk blog peribadi, mungkin agak kurang berguna kot... tapi tak per, leh guna utk blog resepi aku.. hehe...

    ReplyDelete
  9. ZeM3.6.09

    marzuki..cam na ,x jadi pon..
    ada tuto lg senang ka

    ReplyDelete
  10. ceGhap3.6.09

    boleh buat tutorial untuk joomla x? aku dah cari google xd la.. adoi... nak guna component ssh nak cari...

    ReplyDelete
  11. Gua4.6.09

    Lawa jugak stripe ad ni....Pasang kat blog buruk aku mcm masuk je....

    ReplyDelete
  12. Brillie4.6.09

    lho, nggak boleh komentar pakai bahasa indonesia ya?

    ReplyDelete
  13. denaihati6.6.09

    Bagus tips ni...

    ReplyDelete
  14. hydir8.6.09

    mmg ngam
    kalo rasa2 blog kekurangan script .. boleh tambah script ini pula

    hoho

    ReplyDelete
  15. Bebo9.6.09

    cantik...thank bro

    ReplyDelete
  16. asis14.6.09

    xpaham tol..

    ReplyDelete

Subscribe to: Post Comments (Atom)