Nak Cantikkan BLOG...?

Pasang Script Intro Di blogger

Mmmm... nak cantikkan blog rasa... Jom try pasang script kat blog kiter. Me tak try lagi...lepas nie rasa nak try la...So nak share gan Newbie   yang baru nak berjinak dengan blog..nak try moh kiter tengok step-step kat bawah nie...

Intro adalah seperti ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asal blog tersebut anda boleh klik klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.

Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Bila halaman intro tersebut boleh dilihat semula? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie kerana script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.

Cara Pemasangan Script Intro Ke blogger

Silahkan ikuti langkah-langkah berikut ini :

Langkah 1

1. Login ke blogger
2. Klik Design.
   
3. Klik tab Edit HTML
   
4. Anda disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
   
5. Silahkan cari kode berikut pada template anda :

]]></b:skin>

6. Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>

#intro{

background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB3YnmSOCRv4ezHaYgrmhy5ZkoMNeZbpA-jReBI6LNKknuiW3A85iuSPyBrI3rs8kDPo0Jp-xIw71On3pz1i2xLprrHOPr-FXYo_DQXPmbaDJG22g1SX3ugn6x1Q3zyH_e8BfOPLhlZbY/) repeat-x top left fixed;

position:fixed;

width:100%;

height:100%;

margin:0;

padding:0;

z-index:100;

text-align:center;

visibility:hidden;

}

* html #intro{

position:absolute;

width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");

}

#intro .welcome{

color: rgb(255, 0, 0);

font-weight: bold;

font-style: italic;

font-size:30px;

margin-top:10%;

margin-bottom:1%;

text-shadow:1px 1px 1px #fff;

}

#intro a img{border:none}

.gohome, .gohome a,.gohome a:visited,.gohome a:active{

color: rgb(255, 0, 0);

font-weight: bold;

font-style: italic;

margin-top:4%;

font-size:25px;

text-shadow:1px 1px 1px #fff

}

.gohome a:hover{

color:#ffffff;

text-shadow:1px 1px 1px #f00;

text-decoration:none

}

Langkah 2

1. Silahkan cari kode berikut pada template anda :

</head>

2. Silahkan copy, lalu paste script berikut diatas kode </head>

<script type='text/javascript'>

//<![CDATA[

/***********************************************

* Floating Top Bar script- © 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

***********************************************/

/*************************************************

* Blogger intro by http://www.jeritanblog.blogspot.com

**************************************************/

var persistclose=1

var startX = 0

var startY = 0

var verticalpos="fromtop"

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("intro").style.visibility="hidden";}

function staticbar(){

barheight=document.getElementById("intro").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.left=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.stayTopLeft=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y == (pY + startY - ftlObj.y)/0;}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y == (pY - startY - ftlObj.y)/0;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10); }

ftlObj = ml("intro");

stayTopLeft();}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

//]]>

</script>

3. Cari kode berikut pada template anda <body>

4. Copy, lalu paste kode berikut dibawah kode <body>

<div id='intro'><div class='welcome'>Welcome to my blog</div>

<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif' title='go to my homepage'/></a>

<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>

</div>

5. Akhir sekali klik butang simpan

Big Luv

Qasehmansya

Sharing is caring~

sumber: jeritanblogspot