MY TUTORIAL BLOG: 2011

Wednesday, December 14, 2011

TUTORIAL LETAK BACKGROUND PADA BLOG ARCHIVE

DASHBOARD > DESIGN > EDIT HTML > TICK EXPAND WIDGET TEMPLATES

cari kod seperti ini (ctrl F untuk memudahkan pencarian)

<div id='ArchiveList'>

copy kod dibawah

<div style='overflow:auto; height:300px; background:url(URL IMEJ BACKGROUND); background-repeat:repeat;'>

dan paste diatas kod yang berwarna merah tadi seperti ini :-

<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(URL IMEJ BACKGROUND); background-repeat:repeat;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if><b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>

kod yang berwarna biru adalah kod yang perlu anda tambah

300px adalah ketinggian kotak scroll
anda boleh mengurangkan atau menambah jumlah tersebut mengikut kesesuaian..

URL IMEJ BACKGROUND anda gantikan dengan url imej yang anda mahu letak sebagai background blog archive

url imej boleh cari kat SINI
cara copy url imej pulak boleh klik SINI

preview dulu,kalau puas hati baru save

Tuesday, December 6, 2011

TUTORIAL MENUKAR FONT PADA BLOG

PART 1
mula2 pergi ke laman web ni
(untuk pilih font yang anda suka)
GOOGLE WEB FONTS

k,kat situ ada banyak pilihan kan..?
pilih jer satu yang anda berkenan
contohnya anda berkenan dengan font ni

klik gambar untuk lebih jelas

yang bui bulatkan adalah nama tulisan yang akan digunakan
ok,setel part ni

PART 2
lepas tu pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod

<head>

copy kod ini dan paste dibawah head tadi

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name"/>

seperti ini

<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name"/>

tukar Font+Name tadi kepada nama tulisan yang anda pilih
contoh :-

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Spinnaker"/>

PART 3
selepas tu,cari font blog anda yang asal
contohnya jika blog anda guna font Arial kan
tukar semua perkataan Arial tu kepada nama font yang baru tadi
(dalam edit html kod yer)

untuk memudahkan pencarian tekan Ctrl F serentak

preview dulu..tengok jadi atau tak..*_*
kalau jadi boleh save

Friday, December 2, 2011

TUTORIAL SALJI TURUN DALAM BLOG

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

copy kod ini (untuk salji warna putih/background gelap)

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>

copy kod ini (untuk salji hitam/background cerah)

<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>

pilih mengikut kesesuaian blog anda dan save pada ruang kosong html tadi

preview,kalau puas hati boleh save

**********

catitan Bui
sebaiknya letak gadget ini dibawah sekali

Monday, November 21, 2011

TUTORIAL MENUKAR FONT SIDEBAR

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod

h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);

copy kod dibawah

font-family:"leelawadee",Georgia,Serif;

paste seperti ini :-

h2 {
font: $(widget.title.font);
font-family:"leelawadee",Georgia,Serif;
color: $(widget.title.text.color);

tulisan leelawadee tu anda tukar dengan tulisan yang anda inginkan

preview,kalau puas hati boleh save

Tuesday, October 11, 2011

TUTORIAL POPULAR POSTS BERSAMA JUMLAH KOMEN

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

copy kod ini dan paste pada ruangan kosong html tadi

<ul>
<script language='javascript'>
aBold = false;
numposts=1000;
maxshowresult=5;
home_page = "URL BLOG";
</script>
<script src='https://sites.google.com/site/unwanted86/javascript/unwanted86-popularpost.js' type='text/javascript'></script>
</ul><br/>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-widget-popular-post-dalam-blog.html" target="_blank"/>Get this widget here </a></small>

URL BLOG - letak url blog anda sendiri
cth :- http://tutorialblogbersamabui.blogspot.com/

kod ini boleh didelete sekiranya ada tidak mahu perkataan 'Get this widget here' turut dipaparkan

<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-widget-popular-post-dalam-blog.html" target="_blank"/>Get this widget here </a></small>

preview,kalau puas hati boleh save

**********

catitan Bui
widget ini diletak bertujuan untuk melihat entri yang paling banyak pengunjung komen
kredit kepada Unwanted86 untuk tutorial ni

Saturday, October 1, 2011

TUTORIAL SCROLLING TEXT(MARQUEE)

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

CONTOH 1

<marquee bgcolor="transparent">TEKS BERGERAK DARI KANAN KE KIRI</marquee>

akan jadi seperti ini :-
TEKS BERGERAK DARI KANAN KE KIRI

CONTOH 2

<marquee behavior="alternate" width="80%" bgcolor="transparent">TEKS MELANTUN KE KANAN DAN KIRI</marquee>

akan jadi seperti ini :-
TEKS MELANTUN KE KANAN DAN KIRI

CONTOH 3

<span style="color:#FFFFFF; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#000000">TEKS BERGERAK DARI KIRI KE KANAN</marquee></span>

akan jadi seperti ini :-
TEKS BERGERAK DARI KIRI KE KANAN

CONTOH 4

<span style="color:#6AFB92; font-size:xx-large; font-family:fantasy; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#333333">TEKS BERGERAK DARI KIRI KE KANAN</marquee></span>

akan jadi seperti ini :-a

TEKS BERGERAK DARI KIRI KE KANAN

#6afb92 - warna tulisan (boleh tukar dengan warna yang anda mahu)
#333333 - warna latar belakang (boleh tukar ikut citarasa masing2)

CONTOH 5
*untuk teks yang bergerak akan berhenti apabila mouse dihalakan dan bergerak semula apabila mouse di alihkan*

<marquee bgcolor="transparent" onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK DARI KANAN KE KIRI</marquee>

akan jadi seperti ini :-
TEKS BERGERAK DARI KANAN KE KIRI

preview,kalau puas hati boleh save

**********

catitan Bui
teks melantun tu akan jadi,kalau guna browser Mozilla Firefox

Monday, August 22, 2011

TUTORIAL SCROLL BAR PADA BLOG ARCHIVE

contoh pada blog INI BLOG BUI

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML > TICK EXPAND WIDGET TEMPLATES

cari kod seperti ini (ctrl F untuk memudahkan pencarian)

<div class='widget-content'>
<div id='ArchiveList'>

copy kod dibawah

<div style='overflow:auto; width:ancho; height:220px;'>

dan gantikan pada kod yang berwarna merah tadi seperti ini

<div style='overflow:auto; width:ancho; height:220px;'>
<div id='ArchiveList'>

220px adalah ketinggian kotak scroll

anda boleh mengurangkan atau menambah jumlah tersebut mengikut kesesuaian..

preview dulu,kalau puas hati baru save

Monday, August 15, 2011

TUTORIAL KOMEN POP UP WINDOW

mula2 pergi ke
DASHBOARD > SETTINGS > COMMENTS

PENTING!! - yang dibulatkan merah tu adalah pop-up window.mesti pilih ni untuk memudahkan pengunjung meninggalkan komen tanpa rasa sakit hati..(",)

letakkan ayat anda sendiri dalam ruangan komen tersebut

cth :-

pilih never untuk komen moderation,tapi jika anda mahu menapis komen terlebih dahulu,pilih always

ini paling penting,klik No pada ruangan Show word verification for comments dan Yes pada ruangan Show profile images on comments,pada ruangan comment notification email,letak email anda sendiri supaya jika ada yang meninggalkan komen,komen tersebut akan dihantar kepada email anda juga.

jangan lupa SAVE SETTINGS setelah selesai semuanya

**********

catitan Bui
paling tak suka komen blog yang ada word verification

Friday, August 12, 2011

TUTORIAL LINK IN NEW TAB

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

copy kod di bawah dan paste dekat ruangan kosong html tadi

<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

dah paste,save dan view blog

tak payah letak tajuk yer

lepas tu klik salah satu link yang ada

secara automatik link tersebut akan

terbuka dalam tab yang baru

tak payah susah2 nak right klik

try sekarang..best..hehe

Wednesday, August 10, 2011

TUTORIAL LINK WITHIN

mula2 buka laman web link within
http://www.linkwithin.com/learn

isi ruangan kosong (gunakan email & url blog anda sendiri)

klik Get Widget,lepas tu akan keluar page seperti ini

klik Install Widget

pastikan ruangan select a blog adalah nama blog anda
kalau betul,klik Add Widget

secara automatik link within ini akan berada dalam page elements anda
kedudukan yang paling sesuai adalah dibawah blog posts,seperti ini :-

preview,kalau puas hati boleh save

**********

catitan Bui
cara menukar perkataan You Might Also Like,klik SINI

Monday, August 8, 2011

TUTORIAL MENGGUNAKAN BLOCKQUOTE

sebelum buat ni,kenalah buat TUTORIAL BLOCKQUOTE dulu barulah blockquote ni akan menjadi yer

bagi yang tak tahu apa itu blockquote,meh bui terangkan k

blockquote ni berfungsi sebagai meng'highlight'kan perkataan atau ayat yang kita nak supaya orang yang datang baca entry kita lebih menumpukan perhatian kepada perkataan/ayat yang kita highlightkan..

contohnya seperti ini :-

klik gambar untuk lebih jelas

cara menggunakannya senang amat..hehe

buat entry seperti biasa..(macam entry ni..)

kalau nak blockqoutekan sesuatu ayat

contoh ayat ini

bui nak ajar anda cara2 buat blockquote

kalau nak marilah sini

anda cuma perlu highlight ayat tadi dan tekan simbol ini

klik gambar untuk lebih jelas

dia akan jadi seperti ini

klik gambar untuk lebih jelas

PENTING!!

masa anda buat entry,highlight kan ayat yang hendak di blockquote,tekan simbol tadi

jangan pulak hairan kalau blockquote tu tak jadi terus k

anda preview dulu entry tu,kalau puas hati dan blockquote tu menjadi baru publishkan yer

Wednesday, August 3, 2011

TUTORIAL DISABLE RIGHT CLICK

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

copy kod di bawah dan paste pada ruang kosong html tadi

<script language=JavaScript>

</script>

tukar perkataan AYAT ANDA kepada ayat yang anda mahu
cth :- tekoyong akan gigit tangan anda atau ha..buat apa tu..?

terus save dan lihat hasilnya

**********

catitan Bui
tutorial ini bagus bagi anda yang tidak mahu orang copy dan entry anda sesuka hati

Thursday, July 28, 2011

TUTORIAL JUMLAH POST DAN KOMEN

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

copy kod ini dan paste pada ruangan HTML tadi

<center><script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>

preview,kalau puas hati boleh save

TUTORIAL SCROLL BAR

macam biasa,mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

tak perlu tick expand widget templates
cari kod ini (ctrl F untuk memudahkan pencarian yer)

]]><b/:skin>

copy kod dibawah dan pastekan diatas kod tadi

::-webkit-scrollbar {
height:2px;
width: 10px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #941a93;
-moz-border-radius: 10px;
border-radius: 10px;
}

seperti ini :-

]]><b/:skin>
::-webkit-scrollbar {
height:2px;
width: 10px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #941a93;
-moz-border-radius: 10px;
border-radius: 10px;
}

#ffffff dan #941a93 tu warna yang bui pilih untuk blog bui
kalau anda nak tukar warna ikut kesesuaian blog masing2,klik SINI
preview dulu,kalau puas hati boleh save..*_*

**********

catitan bui
scroll bar ini hanya akan berfungsi jika anda menggunakan Google Chrome

Tuesday, July 26, 2011

TUTORIAL CENTERKAN TAJUK POST

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod

h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);

copy kod ini

text-align:center;

pastekan di bawah kod yang pertama tadi seperti ini :-

h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
text-align:center;

preview dulu,kalau puas hati boleh save

Monday, July 25, 2011

TUTORIAL BUTTON REPLY PADA KOMEN

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML > TICK EXPAND WIDGET TEMPLATES

cari kod ini (ctrl F untuk memudahkan pencarian)

<data:commentPostedByMsg/>

copy kod dibawah

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>[Reply]</a></span>

pastekan dibawah kod pertama tadi seperti ini :-

<data:commentPostedByMsg/>
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>[Reply]</a></span>

PENTING!!

YOUR-BLOG-ID - tukar perkataan ini dengan blog id anda sendiri ok

tak tahu blog id anda..?

pergi ke DESIGN > PAGE ELEMENTS

lihat address bar dekat browser,korang akan lihat link macam ni

copy no id (dalam petak oren) tersebut dan gantikan pada perkataan YOUR-BLOG-ID tadi

save template dan lihatlah hasilnya..DONE!!

Thursday, July 21, 2011

TUTORIAL RECENT POSTS BERGERAK

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

copy kod dibawah dan paste di ruang kosong HTML tadi

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG ANDA/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>

http://URL BLOG ANDA/ - tukarkan kepada url blog anda

ubah nilai yang berikut supaya saiz widget bersesuaian dengan saiz sidebar blog
width:220px;
width:208px;
boxwidth = 255;

untuk mengubah paparan topik terkini,ubah nilai berikut
limitspy=4

untuk memastikan semua topik dapat dipaparkan ubah nilai ini
height:350px;

preview dulu,kalau puas hati boleh save

**********

catitan Bui
meletakkan widget ini boleh menarik minat pengunjung untuk membaca entri terbaru

Monday, July 18, 2011

TUTORIAL BILANGAN PENGUNJUNG ONLINE

mula2 pergi ke

DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT

tak payah letak title yer

copy kod dibawah dan paste di ruang kosong HTML tadi..

(anda pilih kod dimana anda mahu letakkan kedudukan bilangan pengunjung)

*akan muncul di sebelah kiri blog bahagian atas sekali

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('0bkzh2213b48', 'left-upper')</script>

*akan muncul di sebelah kiri blog dalam kedudukan center

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('0bkzh2213b48', 'left-middle')</script>

*akan muncul di sebelah kiri blog bahagian bawah sekali

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('0bkzh2213b48', 'left-lower')</script>

preview,kalau puas hati boleh save

**********

catitan Bui
selalu tengok blogger letak dalam kedudukan yang no.2 tu

Thursday, July 14, 2011

TUTORIAL MENUKAR PERKATAAN PADA LINK WITHIN

mula2 pergi ke
DASHBOARD > DESIGN > LINK WITHIN (dalam page elements)
klik edit

copy kod dibawah ini dulu

<script>linkwithin_text='AYAT ANDA'</script>

paste di atas kod yang sedia ada dalam link within tadi
seperti ini :-

<script>linkwithin_text='AYAT ANDA'</script>
<script>
var linkwithin_site_id = 719315;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

anda ubah AYAT ANDA itu kepada ayat yang anda mahu
cth :- singgah sini juga atau rugi kalau tak baca ini
terpulang,ikut kreativiti anda

preview dulu,kalau puas hati boleh save

**********

catitan Bui
mudahkan..

Monday, July 11, 2011

TUTORIAL PASANG TOP COMMENTATORS WIDGET

bui buat tutorial ni emergency taww sebab

cik pip dah kerap tanya..hehe

jadi cik pip,meh belajar

mula2 pergi laman web ni..SINI

pilih yang no.2 yer

lepas tu akan keluar page macam ni

contoh yang bui buat

dah selesai isi semua,klik customize

lepas tu klik add widget to my blog

nanti akan keluar page seperti ini

klik ADD WIDGET

wigdet akan masuk ke page elements anda secara automatik

pergi ke page elements anda dan

susun widget mengikut citarasa anda masing2

SIAP!! *_*

TUTORIAL LINK WARNA-WARNI

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

copy kod di bawah dan paste pada ruang kosong html tadi

<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>

save dan preview untuk lihat hasilnya

**********

catitan Bui
selamat menceriakan blog anda..hehe
kredit kepada Unwanted86

Tuesday, July 5, 2011

TUTORIAL CENTERKAN SIDEBAR TITLE

mula2 pergi ke
DASHBOARD > DESIGN > EDIT HTML

cari kod

h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);

paste kod ini dan paste kan di bawah kod tadi

text-align:center;

seperti ini :-

h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-align:center;

preview,kalau puas hati boleh save

**********

catitan Bui
semoga berjaya

Monday, July 4, 2011

TUTORIAL ENERGY SAVING MODE

mula2 pergi ke

DASHBOARD > DESIGN > EDIT HTML

cari kod

<head>

copy kod dibawah ini dan paste diatas kod tadi

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

seperti ini yer

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
<head>

siap..boleh SAVE..

**********

catitan Bui

cara ni boleh jimatkan bateri laptop kot..

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