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

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

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

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

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

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

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

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

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