Tutorial Letak Iklan Dengan Button Close

11 December 2011

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.

4 comments:

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

    ReplyDelete
  2. pakai tuto nie.. tapi xleh float.. huhu

    ReplyDelete