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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if><b:if cond='data:style == &quot;MENU&quot;'>
<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>
<!--


var message="AYAT ANDA";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

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

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</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
<a expr:href='data:post.url'><data:post.title/></a>

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
#000000tukar 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