MY TUTORIAL BLOG: 06/11

Thursday, June 30, 2011

TUTORIAL BUTTON LIKE DI BLOG

mula2 pergi ke
DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT

copy kod dibawah

<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&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

pastikan URL BLOG tu digantikan dengan url blog anda
cth:- http://idzrarynprelovedproperty.blogspot.com/

sebaiknya button Like ini diletakkan di sidebar di ruangan paling atas sekali

preview dulu,kalau puas hati boleh save

**********

catitan Bui
dengan meletakkan button Like ini,insyaallah traffik ke blog anda akan bertambah

Monday, June 27, 2011

TUTORIAL MENUKAR NAMA BLOG

mula2 pergi ke

DASHBOARD > SETTINGS > PUBLISHING

nanti akan keluar page seperti ini

isikan ruang yang bertanda merah dengan nama blog baru yang anda mahukan

selepas itu isikan juga ruangan untuk word verification

klik save settings..selesai

**********

p/s:

pastikan anda mengisi dengan betul pada ruang word verification

Friday, June 24, 2011

TUTORIAL COPY URL

kita belajar copy url dari Glitter Graphics dulu yer

pilih imej yang disukai

cth:

anda suka imej ini..klik pada gambar

nanti akan keluar page seperti ini

copy kod kat sini..copy semua

(yang dalam bulatan merah)

lepas tu pastekan dekat microsoft word

cth:

yang di highlight adalah url imej yang dikehendaki

itu sahaja..mudahkan..

**********

catitan Bui

kat sini banyak pilihan,mesti rambang mata memilih

Wednesday, June 22, 2011

TUTORIAL AYAT BAWAH POST

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tandakan
EXPAND WIDGET TEMPLATE

cari kod

<data:post.body/>

copy kod ini dan paste dibawah kod tadi

<hr/><center>AYAT ANDA</center><hr/>

seperti ini yer

<data:post.body/>
<hr/><center>AYAT ANDA</center><hr/>

preview dulu,kalau puas hati boleh save

**********

catitan Bui
AYAT ANDA tu tukar dengan ayat yang anda nak letak orite

Tuesday, June 21, 2011

TUTORIAL MELETAK BORDER DISEKELILING TEMPLATE

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

tak payah tandakan

EXPAND WIDGET TEMPLATE

cari kod seperti ini

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);

copy kod ini dan paste dibawah kod tadi

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 3px solid #ffffff;

seperti ini yer

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 3px solid #ffffff;
}

preview dulu,kalau puas hati baru save

**********

catitan Bui

3px-ketebalan garisan border

solid-jenis border

(antara border yang lain adalah seperti dashed,dotted,inset,outset)

#ffffff-warna border

(boleh tukar mengikut kesesuaian blog masing2)

Monday, June 20, 2011

CARA CENTERKAN HEADER BLOG

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod

.Header h1 {

font: $(header.font);

color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}

copy kod dibawah

text-align:center;

paste dibawah kod yang pertama tadi

seperti ini yer

.Header h1 {
text-align:center;

font: $(header.font);

color: $(header.text.color);

text-shadow: 0 0 $(title.shadow.spread) #000000;
}

preview,kalau puas hati baru save

**********

UPDATE..cara terbaru!!!

mula2 g TEMPLATE > CUSTOMIZE > ADVANCED > ADD CSS

dekat ruang kosong tu korang letak kod ini

#header-inner img {
margin-left: auto;
margin-right: auto;
}

dah letak,sila APPLY TO BLOG yer..insyaallah jadi..^_^

Saturday, June 18, 2011

TUTORIAL TAJUK BLOG BERGERAK

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod

<head>

copy kod dibawah

<script language='JavaScript'>var txt="AYAT ANDA";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>

pastekan dibawah kod <head> tadi

seperti ini yer

<head>
<script language='JavaScript'>var txt="AYAT ANDA";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>

preview dulu,kalau puas hati boleh save

**********

catitan Bui

AYAT ANDA tu tukar dengan ayat anda sendiri

cth:WELCOME TO MY BLOG

Friday, June 17, 2011

TUTORIAL MEMBUAT SHOUTBOX

mula2 pergi ke laman web shoutbox tersebut..SINI

klik create shoutbox,akan keluar page macam ni

isi semua tempat kosong yang dibulatkan merah tu

shoutbox id = letak nama sendiri pun boleh

password = ikut citarasa sendiri

nama = nak letak nama sebenar pun boleh

email = pastikan guna email yang digunakan untuk log in blog ok

dah isi semua nya klik continue

lepas tu bawah Quick Start,pilih Get Codes

copy semua kod yang dalam ruangan Generated Codes

SIAP..tapi belum habis lagi..

pergi ke

DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA

pastekan kod yang dah di copy tadi dalam ruang html

letaklah title ikut citarasa masing2..

cth : jom borak..jom pot pet..

save dulu..then dah boleh guna..

**********

catitan Bui

simpan dan ingat shoutbox id dan password,

sebab kalau nak ubah apa2 nanti senang

Thursday, June 16, 2011

TUTORIAL SETTING BLOG

mula2 pergi ke
DASHBOARD > SETTINGS

anda akan nampak tab-tab seperti:-

Basic,Publishing,Formatting,Comments,Archiving,Site Feed,Email & Mobile,Open ID,Permissions

tapi anda hanya perlu menitikberatkan 4 tab ini sahaja iaitu :-

1) BASIC
>>Title - tajuk blog anda
>>Description - sedikit huraian pasal blog anda
>>Add your blog to our listings? - pilih yes
>>Let search engines find your blog? - pilih yes
>>Show Quick Editing on your Blog? - pilih yes
>>Show Email Post links? - pilih yes
>>Adult Content? - pilih no jika blog anda tidak mengandungi isi kandungan 18SX atau 18SG
>>Select post editor - pilih updated editor
>>Enable transliteration? - pilih disable
SAVE SETTINGS

2) FORMATTING
>>Show at most - pilih bilangan posts yang anda mahu paparkan dalam satu page
>>Date Header Format - pilih mengikut citarasa anda
>>Archive Index Date Format - pilih mengikut citarasa anda
>>Timestamp Format - pilih mengikut citarasa anda
>>Time Zone - (GMT+0:800) Kuala Lumpur
>>Language - pilih English
>>Convert line breaks - pilih yes
>>Enable Dynamic Views - pilih yes
>>Show Title field - pilih yes
>>Show Link fields - pilih yes
>>Enable float alignment - pilih yes
>>Post Template - isi dengan ayat yang anda mahu dan ayat ini akan keluar secara automatik setiap kali anda membuat entry terbaru
SAVE SETTINGS

3) COMMENTS
>>Comments - pilih show
>>Who Can Comment? - pilih anyone
>>Comment Form Placement - pilih pop up window
>>Comments Default for Posts - pilih new posts have comments
>>Backlinks - pilih show
>>Backlinks Default for Posts - pilih new posts have backlinks
>>Comments Timestamp Format - pilih ikut citarasa anda
>>Comment Form Message - isi dengan ayat yang anda mahu cth :- terima kasih atas komen anda
>>Comment moderation - pilih never,tapi jika anda mahu menapis komen terlebih dahulu,pilih always
>>Show word verification for comments? - pilih no
>>Show profile images on comments? - pilih yes
>>Comment Notification Email - isi dengan email anda sendiri
SAVE SETTINGS

4) SITE FEED
>>Allow Blog Feeds - pilih full
SAVE SETTINGS

selesai..(",)

Wednesday, June 15, 2011

TUTORIAL LETAK BACKGROUND PADA ENTRI

anda mahu membuat entry seperti ini..?
mula2 pastikan anda membuat entry dalam 'edit html' bukan 'compose'
copy kod di bawah

<div style="background:url(URL BACKGROUND IMEJ) no-repeat;">
TAIP ENTRI ANDA DISINI
</div>

preview dulu,kalau puas hati boleh save

**********

catitan Bui
URL BACKGROUND IMEJ cantik2,ada di SINI

Tuesday, June 14, 2011

Follower Yang Pertama

sangat2 terharu..

sebab blog ni dh ader follower yg pertama

tapi sgt sedih dan rasa bersalah

sebab Cik Ashikin Haron tak tinggalkan link

dan x jugak meninggalkan jejak d shoutbox

jadi tak dapat nak follow balik

kalau empunya diri terbaca entry ni

sila tinggalkan jejak yer

supaya aku dapat follow balik

kalau nak tahu mcm mana nak edit profile

sila klik SINI

TUTORIAL FIELDSET

mula2 pergi ke

DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT (+)

copy kod dibawah dan paste pada ruangan kosong HTML

<fieldset><legend><img src="URL IMEJ"/></legend>AYAT ANDA</fieldset>

cth :-

<fieldset><legend><img src="http://mycutegraphics.com/graphics/hearts/heart-graphic7.png"/></legend>CUBAAN BUAT FIELDSET</fieldset>

akan jadi seperti ini yer

ni URL yang aku pilih

http://mycutegraphics.com/graphics/hearts/heart-graphic7.png

preview dulu,kalau puas hati boleh save

**********

catitan Bui

URL IMEJ yang comel2,klik SINI

cara nak dapatkan URL klik SINI

Monday, June 13, 2011

TUTORIAL LETAK IMEJ PADA TAJUK POST

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

tandakan

EXPAND WIDGET TEMPLATES

cari kod

paste kod dibawah

<img src='URL IMEJ ANDA'/>

paste diantara kod yang mula2 tadi

seperti ini :-

<a expr:href='data:post.url'><img src='URL IMEJ ANDA'/><data:post.title/></a>

preview dulu,kalau puas hati boleh save

**********

catitan Bui

nak cari imej yang comel2..?cari kat SINI

cara copy url..?klik SINI

Sunday, June 12, 2011

TUTORIAL BACKGROUND BLOG

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

copy kod ini dan paste dibawah kod tadi

background-image: url(URL IMEJ BACKGROUND ANDA);

seperti ini :-

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
background-image: url(URL IMEJ BACKGROUND ANDA);
}

preview,kalau puas hati boleh save

**********
catitan Bui
nak dapatkan background imej klik SINI

Saturday, June 11, 2011

TUTORIAL FAVICON

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

tak perlu tandakan

EXPAND WIDGET TEMPLATES

cari kod

<b:skin><![CDATA[/*

copy kod di bawah ini

<link href='URL IMEJ' rel='shortcut icon' type='image/gif'/>

paste di atas kod tadi,seperti ini :-

<link href='URJ IMEJ' rel='shortcut icon' type='image/gif'/>

<b:skin><![CDATA[/*

preview dulu,kalau puas hati boleh save

**********

catitan Bui

URL IMEJ - boleh cari kat SINI atau SINI

Friday, June 10, 2011

TUTORIAL BLOCKQUOTE

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

tandakan

EXPAND WIDGET TEMPLATES

cari kod

]]></b:skin>

copy kod di bawah ni

.post blockquote { background-image:url(URL IMEJ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #000000; margin:1em 20px; }

paste diatas kod

]]></b:skin>

seperti ni yer

.post blockquote { background-image:url(URL IMEJ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #000000; margin:1em 20px; }

]]></b:skin>

preview dulu,kalau puas hati boleh save..

**********

catitan Bui

URL IMEJ - boleh cari kat SINI

#000000 - tukar warna border kat SINI

Thursday, June 9, 2011

TUTORIAL SPARKLE CURSOR

sila download file ni dulu > SINI

klik muat turun sekarang

kat sini pun klik muat turun fail sekarang yer

pilih open with > pilih notepad > klik ok

lepas tu pergi

DASHBOARD > DESIGN > EDIT HTML

tak perlu tandakan

EXPAND WIDGET TEMPLATE

cari kod

<head>

copy kod yang dekat notepad tadi..copy semua nya yer

paste diatas kod

<head>

seperti ini yer

kod yang ada dekat notepad

<head>

preview dulu,kalau puas hati boleh save

kalau nak tukar kaler cursor pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod

var colour="red";

tukar red tu mengikut citarasa masing2 ok.

**********

catitan Bui

tukar warna cursor kat SINI

Wednesday, June 8, 2011

TUTORIAL STICKY MODE

buat entry macam biasa

entry yang nak dibuat sticky mode yer

lepas tu publish post macam biasa..

then bukak balik entry tadi (edit posts)

pergi ke

post options > post date and time

pilih scheduled at

dekat situ,korang ubah lah tarikh dan masa nya

tambah tarikh tu jadi advance sikit okeh

seperti ini :-

lepas dah edit tarikh,save dan publish post.

**********

catitan Bui

sticky mode ni selalunya untuk buat iklan

Tuesday, June 7, 2011

TUTORIAL POP-UP WINDOW

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod

<head>

copy kod di bawah ni,dan paste di atas kod tadi

<script language='JavaScript'>alert(" AYAT ANDA ");</script>

seperti ini :-

<script language='JavaScript'>alert(" AYAT ANDA ");</script>
<head>

preview dulu,kalau puas hati boleh save

**********

catitan Bui

AYAT ANDA tu letak ayat anda sendiri orite