Categories in Blogspot (Blogger)
Published Friday, June 16, 2006 by Satriyo Pamungkas | E-mail this post
So here, in my blog if you see, there are Categories that lay in my side bar. Categories is the common feature in blog, especially that are developed by the word press, movable type, etc. But somehow, Blogspot(blogger) has disable this great feature.
For adding Categories in your blogspot's blog,all you have to do is.
Add This Script
<script type="text/javascript">
<MainOrArchivePage>
function tag (label) {
if (label.slice(0,1)=="?"){ label = label.slice(1) }
<Blogger>
var wp = document.getElementById("toppost<$BlogItemNumber$>");
<BlogItemTitle>
if (label=="<$BlogItemURL$>" ) { wp.className="commentshown"; }
else { </BlogItemTitle> wp.className="commenthidden"; <BlogItemTitle> }</BlogItemTitle> </Blogger> }
</MainOrArchiavePage>
</script>
To your template. You may put it in your <head> of template.
==========================================================
Then, you should put this
Script
<script type="text/javascript">
var txta=location.search; var txtb=txta.substring(1);
if (txtb!="")
{ document.write("<a href=\"<$BlogURL$>\">home</a> »
<a href=\"<$BlogURL$>\?"+txtb+"\">"+txtb+"</a>");}
</script>
</MainOrArchivePage>
<ArchivePage>
<a href="<$BlogURL$>">
home<
/a> / <a href="#">Archive</a>
</ArchivePage>
<ItemPage><a href="<$BlogURL$>" title="<$BlogTitle$>">home</a> »
<Blogger><a href="
<$BlogURL$>/<$BlogItemArchiveFileName$>
">Archive</a> »
<a href="<$BlogURL$>?
<$BlogItemURL$>">
<$BlogItemURL$></a>
</Blogger>
</ItemPage>
Below your <div> Content . The Content DIV may varies in name on other template, you should recognise it yourself, just spot the DIV that define your blog's content(the name maybe content/main/page or something else like that).
==========================================================
Mark your <Blogger> and add this
Script
<div class="<BlogItemTitle>
display</BlogItemTitle>commenthidden" id="toppost<$BlogItemNumber$>">
On yours, don't forger to close the DIV with </div>.
==========================================================
Then, you can Add this
Script
<MainPage>
<script type="text/javascript">
var txta=location.search;
var txtb=txta.substring(1);
if (txtb!="") {tag(txtb);}
</script>
</MainPage>
Before your the end of your Main.
==========================================================
And the last, you should put this Script
<script type="text/javascript">
<Blogger><BlogItemTitle><BlogItemURL>
var <$BlogItemURL$>=0;
var num<$BlogItemURL$>=0;
var <$BlogItemURL$>link="";
</BlogItemURL></BlogItemTitle></Blogger>
<Blogger><BlogItemTitle><BlogItemURL><$BlogItemURL$>+=1
</BlogItemURL></BlogItemTitle></Blogger>
</script>
<h2 class="sidebar-title">Categories</h2>
<ul id="recently">
<Blogger><BlogItemTitle>
<div class="commenthidden" id="link<$BlogItemNumber$>">
<li><a onclick="tag('<$BlogItemURL$>');return false;" href="<$BlogURL$>?
<$BlogItemURL$>"><$BlogItemURL$></a>
<script type="text/javascript"> document.write("("+<$BlogItemURL$>+")")
</script>
<span id="linksfor
<$BlogItemNumber$>"></span> </li></div></BlogItemTitle></Blogger>
</ul>
<ArchivePage><Blogger>
<BlogItemTitle>
<BlogItemURL><span id="posttitle
<$BlogItemNumber$>"><li><a href="<$BlogItemPermalinkUrl$>">
<$BlogItemTitle$></a></li></span></BlogItemURL>
</BlogItemURL></Blogger></ArchivePage>
<script type="text/javascript">
<ArchivePage>
<Blogger><BlogItemTitle><BlogItemURL>
var thetitle=document.getElementById("posttitle<$BlogItemNumber$>").innerHTML;
document.getElementById("posttitle<$BlogItemNumber$>").innerHTML=""
var <$BlogItemURL$>link=<$BlogItemURL$>link+thetitle;
</BlogItemURL></BlogItemTitle></Blogger>
</ArchivePage>
<Blogger><BlogItemTitle><BlogItemURL>
if (num<$BlogItemURL$>!=1)
{ togglecomments('link<$BlogItemNumber$>');
var num<$BlogItemURL$>=1;
<ArchivePage>
document.getElementById("linksfor<$BlogItemNumber$>").innerHTML=
<$BlogItemURL$>link;</ArchivePage>
}
</BlogItemURL></BlogItemTitle></Blogger>
</script>
On your Side Bar.
For adding Categories in your blogspot's blog,all you have to do is.
Add This Script
<script type="text/javascript">
<MainOrArchivePage>
function tag (label) {
if (label.slice(0,1)=="?"){ label = label.slice(1) }
<Blogger>
var wp = document.getElementById("toppost<$BlogItemNumber$>");
<BlogItemTitle>
if (label=="<$BlogItemURL$>" ) { wp.className="commentshown"; }
else { </BlogItemTitle> wp.className="commenthidden"; <BlogItemTitle> }</BlogItemTitle> </Blogger> }
</MainOrArchiavePage>
</script>
To your template. You may put it in your <head> of template.
==========================================================
Then, you should put this
Script
<script type="text/javascript">
var txta=location.search; var txtb=txta.substring(1);
if (txtb!="")
{ document.write("<a href=\"<$BlogURL$>\">home</a> »
<a href=\"<$BlogURL$>\?"+txtb+"\">"+txtb+"</a>");}
</script>
</MainOrArchivePage>
<ArchivePage>
<a href="<$BlogURL$>">
home<
/a> / <a href="#">Archive</a>
</ArchivePage>
<ItemPage><a href="<$BlogURL$>" title="<$BlogTitle$>">home</a> »
<Blogger><a href="
<$BlogURL$>/<$BlogItemArchiveFileName$>
">Archive</a> »
<a href="<$BlogURL$>?
<$BlogItemURL$>">
<$BlogItemURL$></a>
</Blogger>
</ItemPage>
Below your <div> Content . The Content DIV may varies in name on other template, you should recognise it yourself, just spot the DIV that define your blog's content(the name maybe content/main/page or something else like that).
==========================================================
Mark your <Blogger> and add this
Script
<div class="<BlogItemTitle>
display</BlogItemTitle>commenthidden" id="toppost<$BlogItemNumber$>">
On yours, don't forger to close the DIV with </div>.
==========================================================
Then, you can Add this
Script
<MainPage>
<script type="text/javascript">
var txta=location.search;
var txtb=txta.substring(1);
if (txtb!="") {tag(txtb);}
</script>
</MainPage>
Before your the end of your Main.
==========================================================
And the last, you should put this Script
<script type="text/javascript">
<Blogger><BlogItemTitle><BlogItemURL>
var <$BlogItemURL$>=0;
var num<$BlogItemURL$>=0;
var <$BlogItemURL$>link="";
</BlogItemURL></BlogItemTitle></Blogger>
<Blogger><BlogItemTitle><BlogItemURL><$BlogItemURL$>+=1
</BlogItemURL></BlogItemTitle></Blogger>
</script>
<h2 class="sidebar-title">Categories</h2>
<ul id="recently">
<Blogger><BlogItemTitle>
<div class="commenthidden" id="link<$BlogItemNumber$>">
<li><a onclick="tag('<$BlogItemURL$>');return false;" href="<$BlogURL$>?
<$BlogItemURL$>"><$BlogItemURL$></a>
<script type="text/javascript"> document.write("("+<$BlogItemURL$>+")")
</script>
<span id="linksfor
<$BlogItemNumber$>"></span> </li></div></BlogItemTitle></Blogger>
</ul>
<ArchivePage><Blogger>
<BlogItemTitle>
<BlogItemURL><span id="posttitle
<$BlogItemNumber$>"><li><a href="<$BlogItemPermalinkUrl$>">
<$BlogItemTitle$></a></li></span></BlogItemURL>
</BlogItemURL></Blogger></ArchivePage>
<script type="text/javascript">
<ArchivePage>
<Blogger><BlogItemTitle><BlogItemURL>
var thetitle=document.getElementById("posttitle<$BlogItemNumber$>").innerHTML;
document.getElementById("posttitle<$BlogItemNumber$>").innerHTML=""
var <$BlogItemURL$>link=<$BlogItemURL$>link+thetitle;
</BlogItemURL></BlogItemTitle></Blogger>
</ArchivePage>
<Blogger><BlogItemTitle><BlogItemURL>
if (num<$BlogItemURL$>!=1)
{ togglecomments('link<$BlogItemNumber$>');
var num<$BlogItemURL$>=1;
<ArchivePage>
document.getElementById("linksfor<$BlogItemNumber$>").innerHTML=
<$BlogItemURL$>link;</ArchivePage>
}
</BlogItemURL></BlogItemTitle></Blogger>
</script>
Post a Comment
Author
- Satriyo Pamungkas, is
My Yahoo Messenger
My Gmail
My Friendster
My Country
+628562888905- My Company
Candra
yups, i thought it will be great if you add categories in your blog too :D
i think you use your english as ur primary web for adsense, eventough you can create a new one with indonesian, especially for your special category wrote :p