Infinity tutorial

Cara Memasang Translate Dengan Lambang Bendera

Assalamualaikum semua..kali ini saya ingin berkongsi tutorial cara memasang translate dengan lambing. bendera

Langkah-langkah membuat memasang translate:

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

</center>

6. Save.

Selamat Mencuba…

Cara Memasang Top Comments Bergerak

Memasang Top Comments Bergerak :

1.Sign blog anda

2.Klik Add a Gadget.

3.Klik HTML / Javascript.

4.Copy kod dibawah ini dan paste di HTML / Javascript.

<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>

function pipeCallback(obj) {

document.write("<marquee>");

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";

document.write(item);

}

document.write("</marquee>");

}

</script>

_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=Lelakimisteri E&url=http%3A%2F%enlelakimisteri.blogspot.com&num=10" type="text/javascript"></script>

</div></center>

Nota :

-Gantikan kod warna background yang berwarna kuning mengikut kesesuaian template anda.

-Gantikan perkataan warna merah kepada nama yang selalu anda gunakan untuk komen.

-Gantikan perkataan warna biru dengan URL blog anda.

5.Save.

Selamat Mencuba…

Membuat Background Posting

Dalam membuat background posting ada dua alternative iaitu membuat background dengan warna dan membuat background dengan bantuan gambar.

1.Membuat dengan warna.

Agar warna background posting menjadi berbeza-beza setiap posting, ketika anda ingin memulai untuk membuat posting, pilih Edit HTML jangan pilih Compose.Mulakan posting anda dengan kod seperti ini.

Tulis posting disini.

</div>

Nota :Gantikan perkataan berwarna merah dengan kod warna yang anda inginkan.

2.Membuat background dengan gambar.

Ketika anda memulai untuk membuat posting, pilih Edit HTML jangan pilihCompose.Mulakan posting dengan kod seperti ini :

Tulis posting disini

</div>

Nota : Gantikan perkataan berwarna merah dengan URL image yang anda inginkan.

Contoh :

Mutiara Kata
* Menangisi perpisahan akibat gagal bercinta adalah satu pembaziran mutiara jernih kita dan juga menguji sejauh mana kebodohan kita tetapi dengan menangisi dan menyesali akan dosa kita lantas meminta pengampunan dariNya akan lebih menjamin dunia dan akhirat
* Seseorang yang berperibadi kuat umpama besi waja semakin dibakar oleh keadaan semakin dititik olrh cabaran hidup semakin teguh dan waja untuk menhadapi hidup. Seseorang yang berperibadi lemah laksana tanah apabila diketuk oleh cabaran hidup ia akan berkecai
* Ajaran seorang ayah dan ibu seperti karangan bunga yang indah bagi kepalamu dan suatu kalungan bagi lehermu
* Sesungguhnya hati orang yang bodoh itu ada di mulutnya tetapi hati orang yang bijaksana ada di hatinya

Selamat Mencuba..

Kebaikan Dan Kelemahan Blogger

Kebaikan blogger

1. Percuma.

2. Mudah untuk mendaftar.Klik disini untuk mendaftar.

3. Control panel yang ringkas dan mudah digunakan.

4. Boleh upload gambar dalam control panel.

5. Boleh mengubahsuai template secara bebas(Boleh guna CSS,DHTML,AJAX).

6. Turut mempunyai kategori tetapi masih dalam peringkat BETA dan hanya user yang bertuah saja boleh dapat.

7. Mempunyai archive iaitu tempat di mana post-post lama disimpan mengikut bulan.

Kelemahan blogger

1. Hanya pengunjung yang mempunyai akaun blogger sahaja dapat memberikan komen untuk post blogger lain.

Membuat Menu Melayang Pada Blogger

1. Masuk ke Blogger dengan ID anda

2. Pilih Design - Edit HTML.
3.cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>

YOffset=150;

XOffset=0;

staticYOffset=30;

slideSpeed=20

waitTime=100;

menuBGColor="red";

menuIsStatic="yes";

menuWidth=150;

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="black";

hdrBGColor="#FF0000";

hdrAlign="left";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="Left";

barBGColor="red";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="WELCOME";

// ----- Mulai Edit Menu

ssmItems[0]=["My Menu"] //Header Menu

ssmItems[1]=["Home", "/", ""]

ssmItems[2]=["About Me", "http://www.blogger.com/profile/13568536981024532553",""]

ssmItems[3]=["Love sTory", "http://chippuits.blogspot.com/",""]

ssmItems[4]=["blog tok guru", "http://www.blogtokguru.com/",""]

ssmItems[5]=["Tips Komputer", "http://kawe88.blogspot.com/", "_new"]

ssmItems[6]=["free templates", "http://www.pyzam.com/bloggertemplates/", ""]

ssmItems[7]=["free background", " http://smittenblogdesignsgallery.blogspot.com/", "_new"]

buildMenu();

//----- Selesai Edit Menu

</script>

Gantikan tulisan WELCOME dengan tulisan mengikut kehendak anda
kode yang berwarna hijau ganti dengan alamat anda.
MY MENU boleh kita ganti dengan MENUKUR, DAFTAR MENU dll.
Akhir sekali SAVE

Cara Membuat Halaman Intro Di Blog

Cara membuat welcome page di blog.Halaman intro / sambutan di blogspot.Apakah yang anda faham tentang halaman intro?.Halaman intro adalah sebuah halaman baru dimana saat pengunjung memasuki blog, secara tidak langsung menuju halaman utama, tetapi terlebih dahulu di dahului halaman intro yang boleh kita modifikasikan sesuai dengan keperluan blog kita

Pada umumnya adalah ucapan welcome to my blog, welcome to my life dan laen2.Halaman replica ini ada yang berupa gambar, animasi dan flash..Semuanya bergantung atas kemampuan yang anda miliki.

Langkah-langkah memasang halaman intro.

1.Sign blog anda.

2.klik Design.

3.Klik Edit HTML.

4.Cari kod ini ]]></b:skin> (untuk memudahkan pencarian tekan ctrl+f).

5.Copy kod dibawah ini.

#intro{background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQUy30em6vssnRk3eB8R5IEe354v_zXGy154XhHUPGz4X3Al3OwxBN-iTfvenRhE7KI5dqGAnkBFYx61b2rbymAiUyqnnTDKriBKRFJ491e5hKV2X3twPP1PSe7MILGLH8L3JtYwMweRO/s1600/templatemo_bg.jpg) 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

}

Nota : Gantikan perkataan yang berwarna merah dengan url image yang anda kehendaki.

6.Seterusnya cari kod ini </head>.

7.Copy kod dibawah ini, lalu paste diatas kod </head>.

//<![CDATA[

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

* 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.blogspottutorial.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></pre>

8.Berikut cari kod ini <body>.

9.copy kod dibawah ini,lalu paste dibawah kod ini <body>.

<div id='intro'><div class='welcome'>Welcome to kocomon.blogspot.com</div>

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

</div>

Nota :- - Gantikan tulisan berwarna biru dengan link gambar, animasi atau flash.

- Gantikan tulisan warna hijau dengan kata-kata mengikut kehendak anda.

10.Klik Save template.

11.Lihat hasilnya.

Selamat Mencuba...

OWNER MEMBERS

date_replace('9.02.2010');

Cara Memasang Translate Dengan Lambang Bendera

date_replace('8.01.2010');

Cara Memasang Top Comments Bergerak

date_replace('7.26.2010');

Membuat Background Posting

Kebaikan Dan Kelemahan Blogger

date_replace('7.09.2010');

Membuat Menu Melayang Pada Blogger

date_replace('5.26.2010');

Cara Membuat Halaman Intro Di Blog