Minions

11 December 2011

Tutorial Letak Iklan Dengan Button Close

Assalamualaikum.

Ramai orang cakap letak iklan dalam blog ni semak. MD seniri pun setuju dengan statement tu. Tambah-tambah kalau iklan floating dekat sidebar tu cover sidebar sampai takleh tekan. Mau tak hangin satu badan. So kat sini MD nak ajar camna nak letak iklan dengan button CLOSE supaya orang yang takmau klik boleh tutup camni :


1. Log in > Dashboard > Design > Add a Gadget > HTML/JavaScript  (lebih baik add a gadget bahagian atas header)

2. Ok sekarang copy code di bawah ni dan paste di ruangan tu :



<style type='text/css'>

#topbar{
position:absolute;
margin: 0px -23px;
padding: 0px;
width: 130px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- &#169; Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopRight=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopRight()", 10);
}
ftlObj = ml("topbar");
stayTopRight();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar">
<a href="" onclick="closebar(); return false"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/TBkBOhhQYwI/AAAAAAAABGg/lW2a6h4cpbo/s320/close.png" border="0" /></a>
<a href="http://www.korangpunyalink"target="_blank"
onclick="
window.open(&quot;http://www.korangpunyalink&quot;);
window.open(&quot;http://www.korangpunyalink&quot;);
window.open(&quot;http://www.korangpunyalink&quot;);

"><img style="cursor: pointer; width: 136px; height; 143px;" src="http://i.imgur.com/cPrvO.png"/></a></div>


PETUNJUK :

**Warna Merah : Pastekan LINK CHURPCHURP korang di sini..
**Warna Biru : Pastekan LINK BUTTON korang di sini.. (freebies ambik kat SINI)

3. Lepas korang dah gantikan perkataan yang dihighlight di atas.. Cuba preview dan test button anda..


4. Kalau takda apa-apa masalah boleh save.


Sekarang, korang boleh la enjoy dengan button korang yang dah tak semak tu. Kalau tak faham jugak sila komen ya. Tak pun tanya terus dekat page MD. Kalau korang masih tak faham pasal apa tu ChurpChurp dan says.my dan kat mana nak daftar boleh klik SINI.

Enjoyed? Annoyed? Drop a comment below

4 comments:

*EyjaMasliza said...

Terima kasih untuk tuto ni . Eyja guna tuto awak ya :) dan Eyja dah follow blog awak jugak :)

Liniey Nor said...

thanks naa..

♥Arin Anis said...

thank you doctor ! :)

mrs mell zally said...

pakai tuto nie.. tapi xleh float.. huhu

 

Copyright © 2016 | Designed by Mr Doctor

Best viewed with Google Chrome