tutorial berblog !

tuto buat blog(bgi yg xde blog)
Daftar di Blogspot
Untuk menggunakan Blogspot, anda haruslah mempunyai satu akaun Google terlebih dahulu (contohnya Gmail atau Orkut). Jika anda mempunyai akaun Google, anda boleh terus sign in pada laman web Blogspot.

Jika tidak, anda perlu terlebih dahulu, mendaftar di Blogspot. Pergi ke laman web Blogspot dan klik pada butang “Create Your Blog Now“. Kemudian, ikuti 3 langkah mudah berikut:

1.Buat satu akaun Google. Isikan borang yang diberi dengan maklumat-maklumat yang berkenaan. Setelah siap, tekan butang “Continue”.

2.Namakan blog anda. Berikan nama bagi blog anda. Jangan risau kerana nama ini boleh diubah di kemudian hari jika anda mahu. Apa yang penting adalah tentukan alamat URL bagi blog tersebut. Alamat inilah yang akan ditaip pada Internet Explorer untuk pergi ke blog anda. Alamat URL ini akan kekal, dan tak boleh diubah lagi selepas ini.

3.Pilih template. Pilih mana-mana template, iaitu rupa bagi blog anda. Template ini juga boleh diubah pada bila-bila masa.

Setelah ketiga-tiga langkah tersebut berjaya, mesej seperti di bawah ini akan dipaparkan, menandakan blog anda telah berjaya dibina:
Mulakan Menulis!
Kini blog anda telah sedia dibina. Anda boleh mula menulis entri baru di bahagian “Posting > Create”.



Sekarang, tulislah apa sahaja yang anda mahu. Setelah selesai, klik pada “Publish post” dan entri tersebut akan dipaparkan pada blog anda.



Berikut adalah contoh blog yang dihasilkan. Mudahkan?




Ubahsuai Rupa Blog Anda
Dalam Blogspot, bahagian sidebar biasanya digunakan untuk meletakkan profil anda, arkib, link ke blog atau laman web lain, dan sebagainya. Untuk mengubahsuai bahagian sidebar ini, pergi kepada “Layout > Page Elements”



Klik pada “Add a Page Element” untuk menambahkan elemen baru pada sidebar anda. Klik “Edit” pada mana-mana elemen untuk mengubahsuai bahagian tersebut. Setelah siap, klik pada butang “Save” dan ia akan dipaparkan pada blog anda.



Contoh sidebar yang dihasilkan:



tuto ltk page...(copy)
1. Dashboard > New Post > Edit Pages

2. Tekan Create Page / New Page spt gambar di bawah :

 

2. Then , dekat page titile , korang taip lah apa yang korang suka , ok ?

 

3. Ok . Contoh kat bawah ni , kalau korang nak taip terus dekat page itu . Contoh nya , macam kalau nak tulis pasal kita ker. terus je taip kat situ ok?

 

4. Kalau korang nak letak link dalam page tu , pulak , macam in . Korang taip dulu tajuk yang korang suka . taip tajuk yang berkenaan yer .. Contoh kt bwh:

 

5. Then , korang pergi dekat Blog korang . Make Sure , korang ada post pasal "something" dulu .. post macam biasa)>new post untuk korang letak kan dalam page. Contoh kat bawah .. Then . boleh lah korang nak copy pula nanti , link itu ..

 

6. Sudah copy kan , link korang ? Then , pergi dekat page tadi .. Korang highlight pulak , tajuk yang berkenaan tu. BUKAN "Title pages" tapi , tajuk kat dalam entry , yang uyie suruh taip kan tadi tau ?

 

7. Then , dekat atas tuh , ada tulis perkataan link kan ? Atau , kalau tak de. Dia ada bulat warna hijau , (hyperlink) . adakan ? Korang klik kat situ ;) Ia akan keluar macam dekat bawah ni :

 

8. Dah tu , apa lagi ..? Paste lah link tadi , yang Lyssa suruh copy tadi tuu.. HEHE . Tekan ok ! Kan dah siap ! Senang kan ? hee~

9. Ha ! kejap .. kejapp ! Nanti dulu ! jangan Hepi sangat ! tak abis lagii lah .hehe ;) Sekarag , korang pergi CEPAT , tekan Publish Post kat bawah yang warna oren tuu .

10. Dia ada keluar macam ini takk ?

 

11. Then , korang TICK macam yang uyie tunjuk kan tu . SAVE . And Lihat lah hasil nya ;)

12. Menjadi tak ? hehe ! Ini untuk TAB yang ringkas je lah ! . Kalau nak TAB Macam MENU TAB uyie tu , nanti , tengok Entry yang seterusya , ok ?:)

13 . Kalau korang rasa TAB tu ,tak bape lawa , korang boleh tukar warna TAB dekat .:

  • Design > Template Designer > Advance > Tab Text . 
tuto buat ayat berkelip
1. Korunk copy code yang kat bawah niyh ;)


<blink> Ayat yang nak dikelipkan </blink>


* Ayat yang nak dikelipkan > Gantikan dengan ayat korunk sendiri =)

*SAVE . siap ;) 


tuto cute cursor
1. Korunk g cari code cursor yang korunk suka ;) nak thu cari kt mana ?Click CURSOR .
*Peringatan ! Yang "Animated" hanya untuk Internet Explorer ok :)

2. Korunk copy URL Code Cursor tuh  ! ;)
 *Then , korunk PASTE Url tuh  ,kat dalam kod at bawah yang Lyssa tunjukkan ini ;)


<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>
<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>
*Warna Merah , korunk letak URL BLog korunk k .?
*Warna Kuning , korunk letak Url Blog korunk ;)

3. Then , Deashboard > Design > Add Gadget > Html/JavaScript

4. Paste Code tadi kat situ ok ?

5. Save. Selesai ^_^

Di sini , Lyssa ada contoh Cursor Comel :) (Kalau nak , ambik je, "Jgn Malu-Malu" .hehe)


http://cur.cursors-4u.net/smilies/smi-2/smi164.cur

  http://cur.cursors-4u.net/food/foo-4/foo348.cur

http://cur.cursors-4u.net/user/use-1/use67.cur

http://cur.cursors-4u.net/others/oth-4/oth305.cur

http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-2/cur168.cur

http://cur.cursors-4u.net/cursors/cur-2/cur227.cur

http://cur.cursors-4u.net/cursors/cur-1/cur94.cur

http://cur.cursors-4u.net/cursors/cur-1/cur11.cur

Senangkan .? :)
huhu^^

tuto nk wat floating button
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/uyiestylo' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/LyssaDolly' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://nurinqashdrina.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>
3. Yuhuu ! Belum Siap lagi tuh! Then , kan yang tulisan warna PINK tu , korang tukarkan lah dgn link korang k?

* Yang warna MERAH = boleh tukarkan mengikut kesesuaian blog . Left boleh tukar menjadi Right !
*Bagi yang warna BIRU pula , if korang nak kekalkan pun tak pe , kalau nak , just tukar kan je link itu ;)

=DONE=
Selamat Mencuba!


tuto nk ltk scm player
Heloww korangg .! Hii . hee~

Ngehh ngehh ngehhh .~
Tersengehh lak ! aduss!

Kenapa ? Kenapa ? 

Mana tak nyer , lepas chica(sdare uyie) letak je SCM Music Player yang warna pink dekat bawah tuh.. Haa.. tu diaa..

1. Korang kena masuk link ini dulu >>KLIK SINI<<

2. Dah masukkan ? Ok .TICK color yang korang suka. Jangan tekan DONE lagi.

3. Then pergi pulak dekat Edit Playlist. Macam kat bawah ini :


**Masukkan tajuk lagu dan URL lagu . Kalau tak tahu , ikut bawah ..

4. Masuk YOUTUBE >> KLIK SINI << 

5. Search lagu yang nak .. then , copy URL lagu itu . Lihat di bawah :

 
6. Dah copy kan?Then ,paste lah di bhagian URL tu.Letak bnyk lagu pun bley...

7. Sudah paste ? Pergi pulak ke Configure Settings. Ubah ikut di bawah :
klik untuk nampak lebih jelas :)


8. Lepas dah ubah , terus tekan DONE akan keluar macam ini .Terus COPY!!


Oke , sekarang ni , macamna pula nak letak dalam blog ! Ikut STEP Lyssa.

1. Log In > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste segala yang korang copy kan tadi tuh erk ! hee~

3. Da paste , SAVE lah , apa lagii ~ huhu . Pergi cepat tengok blog korang ! ada takk ? Ada Takk ? hehe ! Mudah kan ?=SELAMAT MENCUBA=


tuto ltk my status
1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste kan kod ini di bahagian html/javascript tuh ok ?
<fieldset><legend><img src="URL IMAGE"/></legend><center> ONLINE</center><center>03 JUNE 2011</center></fieldset> 

**Warna merah , URL Image korang..
**Warna biru , korang gantikan dengan ayat korang sendiri
**Kalau nak teruskan ayat tanpa "enter" just buang je <center> dan </center> . ok ? Ada paham? ^_^


3. Dah siap SAVE je :)

Kat bawah ni , Lyssa ada contoh URL IMAGE My status.. Gantikan masuk ke dalam yang warna Merah tu ok ?? 

   
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTiW8Nr4dZQQM5Me3XZRGGpuBfDecY17z5GrSSwkiBlZk1UaWJyqMHS3gwPOtSwUNtNG8ZGgXH6ozvh5akik9bnRcXtGrfPZ6AmjTtDXIToYkYpNHmMW63lZPFpM4Hi4v59BY1dP7-iHg/s1600/Lyssasecret+1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqZZ3ZbeMpUZ9dOsnQjh5RNFnsrORKRJSB3YdeOUQWCbofOG1phYSAlWebIbd8gDPzBIIDR5RFhdNQuXBoThxJ6UJdGdK8WKPpR2us0EziPhEabk64vCX1tbsYghOcelXMgbdBdnDXxY/s1600/Lyssasecret+2.png
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9tbKP_X7wLN8iN0kdgN6Wjbp8wARQUvMBiAMDeJBms8hPCCTXdyp6uSimm2iS8TSBbBYE8Q_vulj8N97cVyCEMR46_UOxv-NR8bMUQEzGlev0pOPB3Ie16GP_BvzVXMszxvevx4-4ycc/s1600/Lyssasecret+3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLVocvyEtpn6aXOlAdOCtboU3zJe5or8JPov8P86ZumRoXCcoBfsnCxKKSezJNRxWo-HJtEbRrEaHZihxw9AC3HECLVQcMxRakMkym4p_NrVFZ-XaH8XyYUBX0IcoyV6DNqwEQX4Wts1I/s1600/Lyssasecret+4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpg2WuuqqxQCur-ZrhsidKVapHSIuQQB8PkDc3wsNmRdeX1dQFolTIKN3uZzcDGt4N1lLadx-BIapetym85cA34rKoiidtUtG2O8E1bq3DCJ0X67RnU8W0rYQkZB3ljfQ3OKg_mHDTsQ/s1600/Lyssasecret+5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWyDLo5xe5XmmDABm3RazLUwjiHyzAoiEBGMnMlOXYPD-VOS_YgCS2mSzwUPPP2Hwy9zUQsPxZBruIQncmGA1-qjjs6du1wZFjK8WOBwlzhsRwKsBCDRIkf3t-9WI2CbPun1YEqm0PB0/s1600/Lyssasecret+6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEBDvGO17CF7PKnffSbzUiPvHrcWR3DL0V-S_jYSlzRSHEjLEk75YPFe7FFC1ycDMq_9C_Ke0PlBLV1OXy6-cJyJM91diHZHNAPf1E9evdgTytTU8dq9DCA4_ZiH6KFKRM8f4Szjkd28/s1600/Lyssasecret+7.png


PERINGATAN :
Perlu diingatkan bahawa setiap kali korang nak update status tu, korang kena lah edit balik taw tarikh2 dari semasa ke semasa ! And Jangan Lupa SAVE ok ? Orait ! Salam Sayang~


Nota Kaki :
Agak-Agaknya ,korang akan pilih warna apalah kan ? hehe~
 
tuto wat alert message
1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy and paste Code di bawah di ruangan Html/JavaScript tu.

<script> function MYALERT() {
alert("TULIS AYAT KORANG KAT SINI"); } MYALERT()
</script>
*Kalau nak banyak2 , copy je code ni di bawah nyer k ?
Then , Tukar Ayat korang tuh:)

3. Da siap . Save :) Lihat hasilnya ^_^=SELAMAT MENCUBA+!
(Kalau dah jadi tu, jangan malas2 pulak nak type kat ruangan komen tuh)heheXD

tuto nak buat welcome image
pastikan Download Full Template dulu taw..
Takot tak jadii kangg , menangis pulakk ..


1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F serentak , cari kod ini :

]]></b:skin>

3. Dah jumpa ? Masukkan kod ini di atas kod yang korang carikan tadi : 


</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL IMAGE YANG KORANG SUKA"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

4. Masukkan URL IMAGE YANG KORANG SUKA dekat warna merah di atas .
5. Url Image , korang boleh dapatkan di bawah ! Hambekk je sesuka hati korang ok ?

6. Lepas sudahh SAVE akan keluar KEEP WIDGET or DELETE WIDGET .
Korangg tekan DELETE WIDGET ok ? 

***pstt.. Tutorial ni , kalau dah buat tak boleh delete dah taw kod tuh.
So , nasihat Lyssa , korang buat Download Full Template dulu . SAVE kod html korang dalam PC korang . Kalau tak jadi ke hapee , at least , ada backup enn :)

   
http://i.imgur.com/9qos6.png



































http://i.imgur.com/77ESW.png



































http://i.imgur.com/8iOw6.png



































http://i.imgur.com/80cHf.png



































http://i.imgur.com/cLWZ1.png



































http://i.imgur.com/VC5pj.png

Jangan Risau Kalau Followers Hilang ..Cuba Tekan Refresh ! Pasti ada Kembali !Chill beb ! ^_^

tuto daisypath
Hai semua . Maybe , semua orang dah tahu .
 Tapi , ada jugak newbie yang tak tahu kan , 
macam mana nak letak daisypath dalam blog !


 






Cara nye , senang sangat !


1. Pergi ke link ini >> http://daisypath.com/

2. Klik je mana 1 yang korang nak ! 
 

3 . Macam uyie ,uyie  klik birthdays

4. Then , pilih mana2 yang lebih selesa . Kalau nak letak kat sidebar , ambih yang mini tuh ..

 

5. Then , pilihlah Scene yang korang Suka . Lepas Pilih , Tekan NEXT !

 
6. Lepas tu , pilih pulak Slider yang korang suka ! Then , TEKAN NEXT lagi ~

7. Akan keluar macam kat bawah ni , Tekan SELECT Bahagian yg dikotakkan tu.


8. Lepas tu kan , korang isi macam gmbr kotakkan di bawah :


9 . Lepas dah fill in , TEKAN NEXT lagi !

10 . Akan keluar macam ini kan ?
 

11. Copy Code yang uyie kotakkan kat atas nih :)


Cara Nak Letak Dalam Blog Macam Biasa Lah :

1. Dashboard > Design > Add a Gadget > Html/JavaScript

2. Paste kod tadi di ruangan itu . 

3. Then , SAVE ! Cuba tengok hasilnya  . Menjadi kan ? 
 
=SELAMAT MENCUBA!=

tuto ltk "assalamualaikum kat semua entry
1. Dashboard > Settings > Formatting 

2. Then , korang Scroll Down ke bawah sekali akan nampak Post Template

3. Dalam ruangan Post Template tuh , korang letak Macam ni :

<center><img src="URL PERKATAAN ASSALAMUALAIKUM"/></center>


** Yang perkataan merah di atas , korang gantikan dengan IMAGE URL yang korang suka .
Kalau tak reti nak buat macam mana Perkataan tu , boleh je ambekk FREEBIES kat bawah ni

4. Bila dah gantikan , korang boleh lah tekan SAVE SETTINGS . 

5. Dan lihat disetiap entry ada , akan automatik ada perkataan itu .

FREEBIES ASSALAMUALAIKUM :
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS7qwcBvCSVGO6pOYLhSMHg_NsjzQIZuUXxtI5aTfHEo0eaor7k5w8JNPNMvztJXEyov2ggpQzAUCpJSxBqHOUbR9vqSJvpUwlR7d6waB5O05VP3m5GfLiabb27mjA3KzlZnsvNMYPSgU/s1600/assalamualaikum.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPrw-BC_K0Ci6paqBMqOIJzq_uVA5UBLNI2nd6yR2HmoyHX815Rm85XIRGJjLgymVG6CdE3tedgTvMYg3CL3I-L5d_bDQfqvhpWbZRRJKaJypeK_ApPnKqQThPQxoIVaLKFvKwIbiLgEw/s1600/assalamualaikum1.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKnyPj3rFBwNMCdLCE3XDPIrJh4O1uqv0k6ZYMbIYuOwKeSO8PshWbGRatareH62RauyPiLkRWD2IQpOHtNnEMRQZMY6fagTbKO0MNOb-xvF9LDQkT9K868VlN-N161tONE0Cugo5sig/s1600/assalamualaikum2.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZpHBK7XGdSzFAyjezs4NEbllfnD5zYUvqeeQ6v7Hf7OYFnFaN3V5whzn979J-a60qc2Wul-UJEZ08xDlxbCmhPYS82c4dMj78C7tLlwUNUK2VtWvff6ud_n3gRI_xVSdsNbouuA9tIc/s1600/assalamualaikum3.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2t5F5K8FD8jJHxdn79DXMPStdWVFXjuAe_I73aDEXihihivQKJr0qBiszFeaio9AEbM771pEK2xRnR6ePI0Vg7VIFuzAS1hcyFCpkEFdMxCqY7NheVEdwXKeCHcrNT9fjhOPs7pdewb8/s1600/assalamualaikum4.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFyn0MU5VSTAe-u9KXioVU6l6xmnmJeYhsFNSwDL0biUixdE4Y08qmHb0d1hnzQg6Fur-w0VCKkbef6-hvd9BvDHfjfCfPOLM71ucaES0GvVrAFZZVAPwDnLOU0kQJEp4IDYW-U923UWc/s1600/assalamualaikum5.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNSmwx8qrVIWw_UVxI-095uzgjKNKT8j3f9jb8RMzdTpQhNi16RjaoWh0ekoqgE0Cp7lVz3wo2PbeJUrNpmI8z1yMqCXAEZP3SfUPAR7UKpc1UjL30KN7xzpKLVCna_d83WYT_c2_puM/s1600/assalamualaikum6.png
Kalau tak menarik perkataan di atas , korang boleh reka sendiri di photoshop , photoscape atau di mana - mana yang korang selesalah ye .=SELAMAT MENCUBA=!!
 
tuto mcm mne nk tuka background text

korunk x ske ke dgn wrne background POST korunk?
nk tuka tpi xreti? klo x RETI uyie akn  ajarkan kay...? hihi...sng jer lorh
mle2 korunk pgi   DASHBORD>DESIGN>TEMPLATE DESIGNER>POST BACKGROUND
lps tu korunk pilih ikot warne yg korunk suker...
da siap tuka colour? tkn plk APPLY TO BLOG yg ada kat ats kalor orange tu...
siap !!!... yippe! klo da apply tkn back to blogger...
mcm tu jer simple kan nnti uyie ajarkn mcm mne nk tuko background yer sampai sini jer dulu...nnti uyie wat tuto lagi...
~kbai

 tuto tuko background
hye hary nie uyie aja cam mne nk tuka background blog!...yippe...jom blaja!
1.download background yg korunk nak...contohnye yg kat bawa ni..klo nk amek...amek la jgn segan...!
2.korunk tkn la DESIGN>TEMPLATE DESIGNER>BACKGROUND
3. kat ctu kan ada tlis "background image" sblah gambar background anda ada anak panah tekan ctu...
4.nnti dia akan klua satu page...nnti korunk tkan "upload image"
5. kat ctu nnti akn kluo stu tmpt tok upload background ...sbb tu uyie suroh korunk upload pada step 1 tadi...tkn "browse" tok upload background
6.klik DONE dan pastikan background korunk ada tile...ala pndi pndi la cri yg tu
                                                                      yeay yeay da siap !

                                                                      nota kaki:jgn salah anggap yer ini tuto ori bkn copy !
tuto nak buat button follow dan dashboard
hye...hari nie uyie nk ajar cara ltk button follow dan dashboard...x tau ni apa?.. bnda ni sbenanya yg ada kat blog uyie sblah atas...xnampak?...cuba scroll down sikeyt mesti adekan?...ha itula dye...caranya ialah:

1. DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT

2.copy code dkat bawah ni...tjuk biakn kosong..klo x jadi laen plk...hehe...
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

3. tulisan warna merah yg "gah" kat atas tu tukar kan dengan id blog korunk

4. Sekarang nie uyie nak ajar macam mana nak ambil blogID tu ... sng jer !

5. Tekan DESIGN, tengok URL PAGE tu.. ada blog ID..

yg kat atas ni yg uyie da highlight kan itu la blog id korunk...klo x tau lagi pikir byk kli ye...hehe
6.tukakan yg kaler merah tu dgn id yg uyie ajar tadi...jgn x ltk suda yerp...
suda siap yeay...! (pnt gak type tuto nie...hehe..lengoh tgn suda...)
smpi sini dulu .. ~kbai

tuto cara nak cari kod followers...!
apa bnda ni x tau laaa...?...haha.. korg wat bnda nie ikot step dulu sbb uyie mls nk copy gmbar org laen...nnti korunk tudoh uyie copy tuto org,,,,
1. Korang pergi dulu LINK INI DULU << (make sure korang dah LOG IN blog korang terlebih dahulu)klo x ssh nnti...
~kbai
2. Automatik akan keluar gambar ini dan korang boleh klik pada anak panah yang ada pada gambar yg uyie copy nie tunjukkan ni
3. Dah tekan Add the members gadget ? g00d !
4. Lepas itu kan , korunk akan nampak korunk punya kotak followers macam ini ! :)
5. Korunk tukar Width korang mengikut kesesuaian size sidebar korang .. Tukar jugak color yang korang suka . 

6. Sudah ? Sekarang , GENERATE CODE ! 

7. Korang copy semua code tersebut .. dan masukkan ke dalan blog ! Tak tahu nak masukkan kat mana?

8. Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

9. Paste kod korang di ruangan Html/JavaScipt .
10. done ! tkn save !...dan jgn lupa preview...klo x jdi pkir apa yg salah dan btol kn kesilapan tu yerr..!
tuto nk tuka link blog
hye si chumel...haha..hri ni uyie nk aja korunk mcm mna nk tuka link blog korunk!!!...nk tau mcm mana nk wat follow this step yer...hehe !
1.DASHBOARD>DESIGN>SETINGS>PUBLISHING
2.nnti kat ctu ada tules blog*spot address kn? yg tu tukrkn kpada link blog korunk yg baruu
3. Make sure link blog yang korunk pilih tak sama dengan orang lain . Pilih yang unik ciket . Takut karang tak boleh pulakk nakk tukar !
4.bile daa tukaa tu tkn button save settings tu yer klo x xmnjadi nanti...! smpi sni jew ...
~kbai

tuto wat sticky post
tuto ni xde laa ssh sgt kn ... apaapa pown uyie nk aja mcm mne nk wat sticky post... ALKISAHNYE ....
tuto ltk header di blog
hei..uyie da takde mse nk on lgi so uyie just bagi simple tuto k jgn maree...ni uyie x smpt tules daa copy jer tuto ni... apapon sorry sbb uyie copy x smpt nk tules sendiri...xper asalkn ada tuto..hehe...
1. Dashboard > Design > Page Element > Tekan EDIT seperti di bawah :)



2. Then , akan keluar macam ini :


3 . Nanti , ada lah tuh , header kat blog korang :)

*Header pun mempengaruhi blog yang cantik tahu ? =)
ni uyie mao kasiy header niy...klo ske amek...laaa
KLIK JE GAMBAR UNTUK SAVE ! :)Kalau nak masukkan header dalam blog , Tekan SINI !

                                                                            ni untok pompuan jer !











                                                                  ni plk untok llki








Selamat Merembat ! hehe ~

p/s : Kalau korang tak boleh nak SAVE kan , KLIK pada header ..
Tengok bahagian bawah sekali , ada link kan ? KLIK pada LINK tersebut :)
sorry yer ~kbai


tuto dropdown menu
Pada sesiapa yang tak tahu , apa itu DROPDOWN MENU.? Lihat gambar di bawah ;)...yea mls nk tlis pnjg2

Oke , skunk ,korunk ikut step yang Uyiestylo buat kat bawah ni :)

1. Login > dashboard > page element > add a gadget > HTML/javascript

2. Copy code kat bawah ni ,  ke dalam ruangan html/javascript.

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>

Link 1 : Masukkan link untuk dibuka
Text 1 : Masukkan perkataan/ayat untuk link


3. Jika anda hendak masukkan lebih banyak menu, cuma copy paste 
    <option value="Link 2">Text 2</option>  dan letakkan sebelum </select>

4. Da siap? :) save hasil kerja anda ! :)
hehe...jdi....klo jadi korunk senyum...haha...
~kbai

tuto wat sticky post
1. Korang tulis macam biasa kat post korang tuh . Dah siap tulis . Publish Post .

2. Then , korang pergi kat edit post tadi ..( Buat macam ni)


1 . Klik Post Option.
2. Tick dekat Scheduled at
3. Type tarikh yang korunk nak post korunk sampai bila
4. Masa korunk nak post korunk sampai bila
5. Finish . Publish Post ..
sng x? sng x? sng x? haha... goodtry yer..smpi sini dulu ...hehe,,,
~kbai

tuto nk buad favicon
1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , search code dekat bawah ni ok :)

</head>
3. dah jumpa dah ? ok good . then copy code kat bawah ni .




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

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

    paste kan dekat atas code </head> tu ok :)

4. lepas tu preview , kalau jadi save jela terus :)

*Letak URL gambar dekat Warna Merah ! :)

Tak tahu nak caru URL gambar mcm mana ? LIHAT SINI !!
Langgan: Ulasan (Atom)