Sekali lagi Stripe Ad ini terinspirasi dari wordpress yang diciptakan MaxBlogPress, tapi lagi-lagi Stripe Ad akhirnya diadaptasi juga untuk blogspot.
Tujuan dari stripe ad adalah kamu bisa meletakkan link yang kamu anggap berguna bagi pembaca untuk mengkliknya, cuma stripe ad pada blogspot sifatnya statis, tidak seperti pada wordpress yang diciptakan MaxBlogPress. But, never mind toh nanti pasti ada jalan keluarnya...
Berikut tahapan-tahapannya.
1. Pilih Template > Edit Html (klik pada Expand Widget Template).
2. Cari kode ini.
]]></b:skin>
3. Tambahkan kode berikut ini diatasnya.
#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;
}
4. Cari kode ini.
</head>
5. Tambahkan kode dibawah 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>
6. Cari kode ini.
<body>
7. Tambahkan kode dibawah ini di bawahnya.
<div id="stripe-ad">
<div id="left_bar">
<span class="left">
<a href="http://rudyazhar.blogspot.com/" target="_blank">Tulis apa yang ingin kamu tulis disini!</a>
</span>
</div>
<span class="right" onmouseout="self.status=''" onmouseover="self.status='dilarangmelarang.com.com';return true;">
<a href="http://dilarangmelarang.com/" target="_blank">Powered by Rudy Azhar</a> <img onclick="closeTopAds();return false;" src="http://tinyurl.com/lmmkad" style="cursor: pointer;" align="absmiddle" border="0" />
</span>
</div>
8. Kalau udah kelar coba pratinjau terlebih dahulu, kemudian pilih Save.
Kalau untuk wordpress, ini saya kasih ada link downloadnya disini.
contoh stripe Ad bisa dilihat diblog saya rudyazhar.
Sumber dilarangmelarang.com
No Response to "Stripe Ad"
Posting Komentar