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..