Tutorial Letak Iklan Nuffnang Terapung Dengan Butang Tutup (closed button)

by - 10/27/2011 10:54:00 PTG


Setiap kali blogwalking, iklan Nuffnang sudah menjadi kemestian setiap blog. Tanpa Encik Nuffnang, apalah erti seorang blogger.Chewaaaah, di samping blogging, kita juga secara tak langsung dapat menjana pendapatan lumayan tak gituu? Okay, cuba you all tengok di bahagian sidebar kiri blog D'ya Marshmello, nampak tak iklan Nuffnang yang terapung tu?


Kelebihan letak iklan Nuffnang terapung ini ialah kebarangkalian pengunjung blog yang singgah blog kita untuk melihat iklan itu sangat la tinggi kerana iklan itu statik even kita scroll ke bawah.Tapi iklan terapung ni agak menganggu  terutama di bahagian sidebar blog, tak besst la macam tu kan. So, hari ini D'ya nak ajar cara untuk letak iklan Nuffnang dengan butang tutup (closed button). Takdela sampai menyusahkan pengunjung nak baca kan, dan boleh tekan button ' x ' untuk tutup iklan tu.Jom tutorial ;)

 Langkah pertama pergi ke design > page elements > add gadget > pilih HTML / javascript

 Copy code di bawah dan paste di ruangan HTML / javascript

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8x_9YLNvK0-zmJUE9-1KsB9TZfRZGV5LiLJ1Q0jGTq_Ep13hCET3LaQzntd9pRkDO4H5f5iLvJdAoynnhvTajyIuEu8-cTrJJCa7vmbh3j_CMiBx_iyYuyAduqDGFabFfEZTm2vuIH-3/s320/close.png" border="0" /></a>
Masukkan kod di sini</div>
 Seterusnya gantikan perkataan 'Masukkan kod di sini' dengan kod Nuffnang you all.Pastikan copy code skyscraper okay .


 Preview dan save! Kalau menjadi sila like n comment ;)

p/s : D'ya harap sangat pada sesiapa yang cuba tutorial dkt blog D'ya tak menjadi jangan mudah putus asa, pandai main code, dan tolong ikut arahan dengan betul k, jangan main hentam kromo je .hehehe :D Selamat maju jaya 


You May Also Like

4 marshmallow komen

Instagram