Bloggerhacks - User contributions [en]

Recent Posts using Labels (or Tagcloud)

Lvchen — Mon, 29 Oct 2007 14:41:46 GMT

Lvchen:

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)
[http://lvchen716.googlepages.com/rp_eng http://lvchen716.googlepages.com/rp_eng] (English)

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Ways ===

1. Go to [http://lvchen716.googlepages.com/rp_eng http://lvchen716.googlepages.com/rp_eng].

2. Download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

Insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Posts per page, default is 5. The reasonable value should be 3 to 10.<br/> You cannot use value larger than 99.
'''tagListSetting.labelName''': If you have 2 label elements or more (ex: ajax tag, tagcloud,<br/> and original label), please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Specify name of your favorite tag and showing only the <br/>recent posts for that tag. Default value is empty string. <br/>
'''tagListSetting.loadingImage''': Image and message you want to display while loading this hack,<br/> feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': You wanna hide the header button? No porblem. Just set the value<br/> to false. Default value is true.<br/>
'''tagListSetting.tagsShow''': You can reveal the list of tags by default. Default is false.<br/>
'''tagListSetting.dropDown''': Make your tags as a dropdown list. If you want to use this hack with [[tagclouds]]<br/> hack, you should set it to false. Default is true.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, display posts for tag, "Hack", reveal the list of tags by default, and '''NOT''' use doopdown list, you just add the following code '''AFTER''' this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow = true; <br/>
tagListSetting.dropDown = false; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Mon, 29 Oct 2007 14:40:51 GMT

Lvchen:

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)
[http://lvchen716.googlepages.com/rp_eng] (English)

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Ways ===

1. Go to [http://lvchen716.googlepages.com/rp_eng].

2. Download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

Insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Posts per page, default is 5. The reasonable value should be 3 to 10.<br/> You cannot use value larger than 99.
'''tagListSetting.labelName''': If you have 2 label elements or more (ex: ajax tag, tagcloud,<br/> and original label), please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Specify name of your favorite tag and showing only the <br/>recent posts for that tag. Default value is empty string. <br/>
'''tagListSetting.loadingImage''': Image and message you want to display while loading this hack,<br/> feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': You wanna hide the header button? No porblem. Just set the value<br/> to false. Default value is true.<br/>
'''tagListSetting.tagsShow''': You can reveal the list of tags by default. Default is false.<br/>
'''tagListSetting.dropDown''': Make your tags as a dropdown list. If you want to use this hack with [[tagclouds]]<br/> hack, you should set it to false. Default is true.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, display posts for tag, "Hack", reveal the list of tags by default, and '''NOT''' use doopdown list, you just add the following code '''AFTER''' this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow = true; <br/>
tagListSetting.dropDown = false; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Mon, 29 Oct 2007 14:35:13 GMT

Lvchen: /* Homepage */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)
[http://lvchen716.googlepages.com/rp_eng]

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Posts per page, default is 5. The reasonable value should be 3 to 10.<br/> You cannot use value larger than 99.
'''tagListSetting.labelName''': If you have 2 label elements or more (ex: ajax tag, tagcloud,<br/> and original label), please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Specify name of your favorite tag and showing only the <br/>recent posts for that tag. Default value is empty string. <br/>
'''tagListSetting.loadingImage''': Image and message you want to display while loading this hack,<br/> feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': You wanna hide the header button? No porblem. Just set the value<br/> to false. Default value is true.<br/>
'''tagListSetting.tagsShow''': You can reveal the list of tags by default. Default is false.<br/>
'''tagListSetting.dropDown''': Make your tags as a dropdown list. If you want to use this hack with [[tagclouds]]<br/> hack, you should set it to false. Default is true.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, display posts for tag, "Hack", reveal the list of tags by default, and '''NOT''' use doopdown list, you just add the following code '''AFTER''' this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow = true; <br/>
tagListSetting.dropDown = false; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Mon, 24 Sep 2007 10:01:32 GMT

Lvchen: /* Settings: Settings are optional */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Posts per page, default is 5. The reasonable value should be 3 to 10.<br/> You cannot use value larger than 99.
'''tagListSetting.labelName''': If you have 2 label elements or more (ex: ajax tag, tagcloud,<br/> and original label), please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Specify name of your favorite tag and showing only the <br/>recent posts for that tag. Default value is empty string. <br/>
'''tagListSetting.loadingImage''': Image and message you want to display while loading this hack,<br/> feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': You wanna hide the header button? No porblem. Just set the value<br/> to false. Default value is true.<br/>
'''tagListSetting.tagsShow''': You can reveal the list of tags by default. Default is false.<br/>
'''tagListSetting.dropDown''': Make your tags as a dropdown list. If you want to use this hack with [[tagclouds]]<br/> hack, you should set it to false. Default is true.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, display posts for tag, "Hack", reveal the list of tags by default, and '''NOT''' use doopdown list, you just add the following code '''AFTER''' this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow = true; <br/>
tagListSetting.dropDown = false; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:49:16 GMT

Lvchen: /* Homepage */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow= true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:48:28 GMT

Lvchen: /* Installation: Two Steps only... */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.
Pleae remember, jQuery is necessary for this hack. If you need to download the lastest version of jQuery, please visit [http://jquery.com/ jQuery.com]. Also, you should use the packed version NOT the GZip version.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

If you have already installed jQuery, only one line is needed.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you do not have jQuery, please put jQuery in front of my hack.

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow= true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:41:13 GMT

Lvchen: /* Settings: Settings are optional */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow= true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:40:31 GMT

Lvchen: /* CSS ID and Class */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow: true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyle: A class for all header buttons
#postsList: Main block, recent posts are showing here.
#footerInfo: Footer buttons and info.

The XHTML structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:38:56 GMT

Lvchen: /* Sites Using This Hack */

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow: true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyleï¼�class for header buttons
#postsListï¼�Main block
#footerInfoï¼�footer buttons and info.

The structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog using it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Fri, 21 Sep 2007 18:38:16 GMT

Lvchen:

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one<br/> you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag<br/> rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default<br/> value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range% , Total %totalNum% posts <br/>','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow: true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyleï¼�class for header buttons
#postsListï¼�Main block
#footerInfoï¼�footer buttons and info.

The structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog use it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

If you have any question regarding this hack, please e-mail me: lvchen.blog@m2k.com.tw

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Thu, 20 Sep 2007 11:58:50 GMT

Lvchen:

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' page element<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range%ï¼�Total %totalNum% posts','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow: true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyleï¼�class for header buttons
#postsListï¼�Main block
#footerInfoï¼�footer buttons and info.

The structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog use it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]

Recent Posts using Labels (or Tagcloud)

Lvchen — Thu, 20 Sep 2007 11:56:42 GMT

Lvchen:

==Version==

v1.1

==Platform==
New Blogger Template

==Author==

[http://lvchen.blogspot.com LVCHEN]

==Homepage==
[http://lvchen.blogspot.com/2007/09/blog-post_16.html http://lvchen.blogspot.com/2007/09/blog-post_16.html] (Chinese)

English reader welcome

==License==
[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0]

==Required Skills==
User must be confortable with editing Template '''or''' adding new widgets to layout.

Optional Skills: Knowledge in basic CSS and Javascript.

==Description==

Convert you label page element to a nice view "Recent Post".

It also works with [[Tagclouds]].

Change pages by clicking "next" or previous".

Show "Recent Post" under certain tag by clicking the tag in your label list.

You can even customize the appearance of this hack.

'''Plase Note:'''This hack use some jQuery JavaScript library. Plase install jQuery if you do not have it in your blog.

==Method==

===Installation: Two Steps only...===

1. Please download [http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en_pack.js] and upload to your own web page.

2. Plase insert the following code into your template head or any 'javascript/HTML' widget<br/>

<nowiki><script type="text/javascript" src=http://yourwebpage/jquery-1.2.1.pack.js></script> </nowiki><br/>
<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

'''Please replace 'yourwebpage' to where you place those files.'''<br/>

If you have already installed jQuery, please insert the second one only.

<nowiki><script type="text/javascript" src="http://yourwebpage/adv_label_v1.1_pack.js"></script></nowiki>

===Settings: Settings are optional===
One is able to customize this hack by giving specified values to the following variables.

'''tagListSetting.postShow''': Post per page, default is 5.<br/>
'''tagListSetting.labelName''': If you have more than 1 label widgets, please specifiled which one you want to convert. Default value is 'Label1'.<br/>
'''tagListSetting.defaultPost''': Give specific tag name for showing recent posts under that tag rather than showing general recent posts. Default value is empty space. <br/>
'''tagListSetting.loadingImage''': Image and message while loading, feel free to use HTML. Default value is <nowiki>'<img src="http://lvchen716.googlepages.com/2-0.gif"/> Loading...'</nowiki>.<br/>
'''tagListSetting.headerButton''': User can decide to use header button or not. Default value is true.<br/>
'''tagListSetting.tagsShow''': User can decide whether showing list of label by default. Default is false.<br/>
'''tagListSetting.lineHeight''': The line height for each list elements. The defaule value is 24.<br/>
'''tagListSetting.messagesArr''':User can define the every text showing in this hack.<br/>
The Default value is ['Recent Post','Choose a Tag','%tagName% %range%ï¼�Total %totalNum% posts','Prvious','Next','No post found! You may have given wrong tag']<br/>
Please compare what is showing in the widget and change the value accordingly.<br/>

There are some additional variables using in the third element (tagListSetting.messagesArr[3]) of this variable. <br/>

'''%tagName%''': The tag name (category).<br/>
'''%range%''': The posts you are currently viewing.<br/>
'''%totalNum%''': Total number of the posts under certain category<br/>

for example: If you want to show 10 posts per page, default tag is 'Hack' and show list of tag by default, just add the following code after this hack.

<nowiki><script></nowiki><br/>
tagListSetting.postShow = 10; <br/>
tagListSetting.defaultPost = 'Hack'; <br/>
tagListSetting.tagsShow: true; <br/>
<nowiki></script></nowiki>

===CSS ID and Class===

#headerBlock: header block
.buttonStyleï¼�class for header buttons
#postsListï¼�Main block
#footerInfoï¼�footer buttons and info.

The structure of this hack

<nowiki><div id="label1">
<div id="headerBlock">
<span class ="buttonStyle"></span><span class ="buttonStyle"></span>
</div>
List of Tags
<div id="postsList">
<ul> <li></li><li></li></ul>
</div>
<div id="footerInfo">
<a></a><a></a>
</div>
</div></nowiki>

==Sites Using This Hack==
[http://lvchen.blogspot.com http://lvchen.blogspot.com] (Chinese)

[http://iamserena25.blogspot.com http://iamserena25.blogspot.com] (Chinese)

I don't have any English blog use it yet. If you know any English blog that use this hack please add here

==See Also:==

[[Tagclouds]]

[http://lvchen-recentcomments.googlecode.com/files/adv_label_v1.1en.js Uncompressed Code]

[http://jquery.com/ jQuery]

[[Category:Hacks]]
[[Category:Tags]]
[[Category:Categories]]
[[Category:New Blogger]]