Tutorial tukar Title Blog

       Maaf lambat buat tutorial nie . nie adalah permintaan daripada sahabat hana sendiri ;) 

             -dia dah lama request dengan hana, tapi hana nie haa, tahu-tahu je la lupa pulak nak buat ;) 

; mula-mula hana tak faham apa yang dia cakap, tapi bila baca balik ayat dye 3x , baru lah faham. sebenarnya dye nak tukar title blog dye kat tab tu.. 

ala yang cam nie . 

so cara nya teramat la senang kawan-kawan . 

bagi yang dah tahu tu, senyap - senyap sudah la yerk ;) newbiee jom tengok <3 

STEP BY STEP >>> 

1- Pergi ke Dashboard .

2- Click Settings 

3-  Edit Bahagian Basic okay .  tengok gambar yang hana da print screen untuk kamu nie yerk ;) 

* klik gambar untuk pembesaran * 

4- Dah tukar pada title mana korang nak ? Klik SAVE . DONE ! 

P/S : kalau ada apa yang tak faham, silakan bertanya okay ;) 

:: Tutorial Favicon ::

night readers. 

malam nie hana nak buat tutorial FAVICON. 

bagi yang dah tahu takpe la.. 

cuba yang tak tahu? yang newbie lagi tu . mesti dia nak cantikkan blog dia jugakkan kan ? 

so apa salah kongsi kan ? 

tapi sebelum tu, cuba korang tengok meni bar hana, ada kura-kura comel yang warna hijau tu kan ?

tu la yang namanya favicon . 

hana rajin nak buat coz hana baru tukar favicon . yang lama kaler pink. 

so , lets start . 

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. Korang cari code nie . 

</head>

3. Pastu COPY code nie lak. then PASTE bawah code yang pertama. boleh ? 

<link href='URL PICTURE' rel='shortcut icon' type='image/x-icon'/>

Da siap! 

 korang rasa nak cari sendiri boley la ke GLITTERGRAPHIC  yek. 

p/s: yang kaler merah tu, korang isi url gambar korang nak okay? 

::Tutorial Menu Tab 2 ::

nie adalah bagi mereka yang nak menu tab yang cantik2 la.. 

cam hana tu. 

*perasaan je kan* takpe . abaikan . 
kalau nak yang biasa2 ke sini je. tapi sebelum tu korang kene buat page dulu. tak tahu nak buat cam ne? 
ke entry nie . Tutorial menu tab 

jom kita ikut. 

korang nak tahu tak kat mana hana letak.. 

1. Design > Add Gadget. 

*pastikan korang da buat page * 

2. Add a gadget tu pastikan di bawah header taw.. nanti tak cantik lak korang punya menu kan.. 

3. Copy + Paste je code nie dalam add a gadget tadi. 

<center><a href="LINK BLOG URL KORANG" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK IMAGE URL DI SINI" border="0" /></a>

<a href="LINK PAGES  PERTAMA" target="_blank"><img style="width: 143px; height: 51px;" src="LETAK URL IMAGE DI SINI" border="0" /></a>

<a href="LINK PAGES KEDUA" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK URL IMAGE DI SINI " border="0" /></a>

<a href="LINK PAGES KETIGA" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK URL IMAGE DISINI" border="0" /></a>

</center>

4. Da siap paste, korang adjust la apa yang korang nak..

p/s : BIRU : letak korang punya link page .

       MERAH: url image korang.

       OREN : keleberan dan ketinggian . ikut kesesuaian blog anda yerp ! 

nota kaki , pendapat hana, kalau korang nak senang dapatkan url picture tu, korang ley upload kat  PHOTOBUCKET. > ambik DIRECT LINK ok.

Tak faham ? tanya .

:: Tutorial Tab Menu ::

selamat petang pembaca sekalian.. sekarang nie musim raya dah.. 

minggu nie hana busy sangat2 dengan barang nak raya + barang nak g universiti.. 

macam2 benda kena uruskan.. tadi baru je selesai bayar yuran.. 

ALHAMDULILLAH.. 

kepada plug :), hana mintak maaf la yerk.. hana tak sempat nak buat tuto semalam.. 

hari nie baru sempat.. 

maaf pak! 

tanpa melengahkan masa, jum kita mulakan operasi kita.. 

1. Login ke Blogspot.

2. Clik posting.

3. Clik edit page seperti gambar di bawah..

 

 4. Selepas itu, clik NEW PAGE..

 

 5. Then, tulis tajuk Page Title dan entry yang anda nak tulis..

6. Selepas siap menulis clik Publish Post.

7. Pilih untuk Blog Tabs..kalau blog sidebar dia akan berada di sidebar anda.

SIAP! senang je kan? kalau nak banyak lagi, ulang je la step atas cuma tukar je nama tab yang korang nak. 

:: Tutorial Letak Linkwithin::

Amacam puasa korang hari nie? okie semua? 

hana harap korang dapat berpuasa penuh la yek.. 

siket je lagi nak berbuka puasa.. 

solat terawih penuh ke tidak? 

tanpa buang masa, hari nie hana nak buat tutorial nak buat linkwithin.. 

tak tahu apa itu? 

nie request dari rakan blogger hana ;) 

tak tahu apa yang dimaksudkan oleh beliau? 

nie haa bendalah nie. ;) 

 

sekarang dah tahu kan? hana nak ajar cara pulak..

1- bukak laman web nie dulu..  www.linkwithin.com

2- pastu korang isi je la ape yang dia nak.. 

 

*peringatan* sekiranya blog anda gelap, anda haruslah tick paa kotak akhir sekali tu yerk. nanti karang tak nampak tulisan pulak. ok? 

3-  klik install widget. 

4- isi je la cam nie.. pilih nama blog korang.. 

 

5- dah SIAP? SAVE. sudah.. preivew la dulu kat blog korang dulu.. jadi ketidak.. 

p/s: ada masalah, boleh la ringankan jari untuk bertanya ;) 

Tutorial Tukar Background Blog

selamat malam.. 

sekarang da pukul 11.30 malam.. tutorial yang ke dua pada malam nie.. 

tutorial nie hanyalah pada old template taw~ 

tapi step dia teramat la senang..

kalo korang rajin atau tidak je nak cari background tu.. 

sekarang ikut step dibawah yerp ;) 

1- DESIGN > ADD HTML 

2- Copy code dibawah. yang nie adalah code hana sendiri taw~ korang pilih yang lain je la.


<style>body {background-image: url('URL BACKGROUND');background-attachment: fixed;background-repeat: repeat;}</style>


3- Paste dalam kotak tu ~  

P/S: ~ yang hana warnakan colour merah tu korang ley tukarkan dengan url korang sendiri.. 
tips: boleh cari kat PHOTOBUCKET, GLITTERGRAPHIC.  

Tutorial Disable Highlight Text

wah~ hari nie baru mula nak buat tuto.. 

dan nie suma hana buat kerana budak comel bernama 

cik nisya nie~ 

dia suruh hana ajarkan dia supaya tiada orang boley copy paste dia punya entry.. 

tu bisa sahaja .. 

kalo korang buat yg disable right click tu COPYCAT masih lagi boleh copy

dengan tekan shaja ctrl+ c. siap! senang je

tapi kalo korang buat disable hightlight, konpem2 je dia x ley nk copy.. sekarang ikut ye. 

1- masuk bahagian DESIGN> ADD GADGET> HTML CODE.

2- copy code nie yer ;) 

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script> 

3-  paste kan dalam html tadi~ 

SIAP~ 

p/s: sekarang orang lain just can see je la ;) selamat mencuba.. kalo ada pape masalah, comment aja ;) 

Tutorial tukar url Blog

sesiapa yang nk tukar url blog tu, boley la ikt tuto yang

hana sediakan ini.. 

senang sangat~ 

1) click SETTING > PUBLISHING 

2) ISI JE URL KORANG cam gambar bawah nie~ 

*tekan yerp* 

3) isi je la WORD VERIFICATION uh~ 

DONE~ 

Tutorial Like Blog

im back! hana da kembali nak buat tuto..

maaf selama nie hana banyak tak update tuto..

hana tak ada masa nk online kt matrik uh.. 

ampun buk! ampun pak!

btw.. hana da ada kt rumah nie. hana nk buat tuto kt korang.. 

tutorial supaya orang like blog kita yg cun melecun uh? mcm mana?

hana tunjukkan ;) 

( tekan tok jadik giant) 

da nampak kan? okie. ikut step dibawah ep ;) 

1) Click DESIGN> ADD HTML

2) Korang copy code nie okie ;) 

<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=url blog korang&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

3) korang PASTE je la kt bahagian HTML uh ;) 

DONE!  

TETAPI ........ 

Kalo korang nk suh dye jadik center cm hana uh.. korang jux tambah perkataan <center> kt DEPAN & BELAKANG code tu. senang je kn? try la buad jadik ke tak~  contohnya :d

p/s: ubah perkataan yg berwarna merah uh jadik URL BLOG KORANG . 

Tutorial Love cursor

apa khabar semua? 

maafla. da lama tak update tutorial.. 

duk kat matrik bukannya ley on9 je selaoo.. harap hari minggu je la.. 

tu pun kadang2 tak sempat coz kuar outting~

okie la.. kali nie hana nk buat tuto

pasal love cursor.. 

alaa~yang hana buat kt blog hana tu.. 

kalo korang tak puas hati.. meh sini hana nk tunjukkan bukti cm ne.. 

da nampak belum? yang tu la yang hana maksudkan tu.. 

korang nk buat tak?? law nk.. hana nk tunjukkan caranya~ 

langkah-langkahnya ialah ;) 

1) DASHBOARD > DESIGN > PAGE ELEMENT

2) ADD HTML

3) korang COPY code nie taw .

<script type='text/javascript'>// <![CDATA[var colour="#000000";var sparkles=40;var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();var star=new Array();var starv=new Array();var starx=new Array();var stary=new Array();var tinyx=new Array();var tinyy=new Array();var tinyv=new Array();window.onload=function() { if (document.getElementById) {var i, rats, rlef, rdow;for (var i=0; i<sparkles; i++) {var rats=createDiv(3, 3);rats.style.visibility="hidden";document.body.appendChild(tiny[i]=rats);starv[i]=0;tinyv[i]=0;var rats=createDiv(5, 5);rats.style.backgroundColor="transparent";rats.style.visibility="hidden";var rlef=createDiv(5, 5);var rdow=createDiv(5, 5);rats.appendChild(rlef);rats.appendChild(rdow);rlef.style.top="2px";rlef.style.left="0px";rdow.style.top="0px";rdow.style.left="2px";document.body.appendChild(star[i]=rats);}set_width();sparkle();}}function sparkle() {var c;if (x!=ox || y!=oy) {ox=x;oy=y;for (c=0; c<sparkles; c++) if (!starv[c]) {star[c].style.left=(starx[c]=x)+"px";star[c].style.top=(stary[c]=y)+"px";star[c].style.clip="rect(0px, 5px, 5px, 0px)";star[c].style.visibility="visible";starv[c]=50;break;}}for (c=0; c<sparkles; c++) {if (starv[c]) update_star(c);if (tinyv[c]) update_tiny(c);}setTimeout("sparkle()", 40);}function update_star(i) {if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";if (starv[i]) {stary[i]+=1+Math.random()*3;if (stary[i]<shigh+sdown) {star[i].style.top=stary[i]+"px";starx[i]+=(i%5-2)/5;star[i].style.left=starx[i]+"px";}else {star[i].style.visibility="hidden";starv[i]=0;return;}}else {tinyv[i]=50;tiny[i].style.top=(tinyy[i]=stary[i])+"px";tiny[i].style.left=(tinyx[i]=starx[i])+"px";tiny[i].style.width="2px";tiny[i].style.height="2px";star[i].style.visibility="hidden";tiny[i].style.visibility="visible"}}function update_tiny(i) {if (--tinyv[i]==25) {tiny[i].style.width="1px";tiny[i].style.height="1px";}if (tinyv[i]) {tinyy[i]+=1+Math.random()*5;if (tinyy[i]<shigh+sdown) {tiny[i].style.top=tinyy[i]+"px";tinyx[i]+=(i%5-2)/5;tiny[i].style.left=tinyx[i]+"px";}else {tiny[i].style.visibility="hidden";tinyv[i]=0;return;}}else tiny[i].style.visibility="hidden";}document.onmousemove=mouse;function mouse(e) {set_scroll();y=(e)?e.pageY:event.y+sdown;x=(e)?e.pageX:event.x+sleft;}function set_scroll() {if (typeof(self.pageYOffset)=="number") {sdown=self.pageYOffset;sleft=self.pageXOffset;}else if (document.body.scrollTop || document.body.scrollLeft) {sdown=document.body.scrollTop;sleft=document.body.scrollLeft;}else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {sleft=document.documentElement.scrollLeft;sdown=document.documentElement.scrollTop;}else {sdown=0;sleft=0;}}window.onresize=set_width;function set_width() {if (typeof(self.innerWidth)=="number") {swide=self.innerWidth;shigh=self.innerHeight;}else if (document.documentElement && document.documentElement.clientWidth) {swide=document.documentElement.clientWidth;shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}function createDiv(height, width) {var div=document.createElement("div");div.style.position="absolute";div.style.height=height+"49px";div.style.width=width+"50px";div.style.overflow="hidden";div.style.backgroundColor=colour;return (div);}// ]]></script>

4)  Paste aje la lam kotak html korang tu.. 

        SIAP! 

P/s : law korang nk tukar warna pown boley.. yang kod ats nie love dia warna HITAM taw.. nk tukar, korang ley klik kt sini~  

Tutorial tukar warna HIGHLIGHT

selamat petang sayangsss~

pagi2 nie hana begitu bersemangat nk wat tuto.. 

da lama menyepi kn.. 

da gemukkksss suda makan daging banyak sgt.. kene diett lorh.. hakhak~

okie. jum start.. 

1- DASHBOARD > DESIGN> EDIT HTML

2- cari code nie.. tok memudahkan korang.. korang tekan nie ctrl + f    serentakk.. 

a:link {

3- da jumpa? okie. next step. korang COPY code ini pulak. lepas da copy, PASTE kt bawah CODE NO 2  taw

::-moz-selection 

background:#EF0E91;color:#FFFFFF;}::selection {background:#EF0E91;color:#FFFFFF;}

p/s : hijau : warna highlight.

    biru : warna tulisan. 

code colour korang ley dapat kt sini.. tekan je perkataan magic nie :)hehe. 

Tutorial icon sebelah Bloglist

kali nie hana nk ajar korang mcm mana nak buat icon sebelah bloglist..

alah.. yg kt bloglist korang tu la.. 

maaf ya dik akak bwu je update blog nie..

nie pn ramai lagi yang belum tertunai permintaan dorang ;) 

okie la.. tanpa buang mse.. hana nk start tutorial.. 

sebelum tu hana nk tunjukkan gambaran sebenar cm ne nk buat nie.. 

*klik tok jadik giant*

yang mcm tu la hana nk ajar korang.. da nampak kn.. okie.. 

lets start baby ;) 

1- DASHBOARD> DESIGN> cari la widget BLOGLIST korang.

2- lepas da jumpa tuh, korang ikt ape yang hana da sediakan tok korang.. ikt sebulat cm nie taw~

lepas da buat tuh, save la.. 

3- lepas tuh, korang Design>Edit HTML dan tick Expand Widget Templates.

4- korang cari code nie ep.. 

]]></b:skin>

5- korang copy lak code di bawah ini dengan cermat.. 

 .sidebar ul li {background:url("URL GAMBAR") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}

6- code no 5 korang PASTE kt ATAS code no 4 okie? bace baik2.. senang2 cerita, kod dia akan jadik sebijik

sidebar ul li {background:url("URL GAMBAR ANDA") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;} 

]]></b:skin>

 p/s: warna merah : korang ltk url gambar korang taw.. korang ley carik kt GLITTERGRAPHIC. 

TADAAAAA.. da siap .. sekian terima kasih.. selamat beramal~