Bloggerhacks - User contributions [en]

AJAX Labels

Omarabid — Sun, 17 Aug 2008 09:10:55 GMT

Omarabid: /* Sites Using This Hack */

==Author==
[http://blogger-hacked.blogspot.com/ Deepak Ranganathan]

==License==
[http://creativecommons.org/licenses/by-nc-sa/2.5/ Creative Commons 2.5 Attribution-NonCommercial-ShareAlike]

==Required Skills==
User must be confortable with editing Template and adding new widgets to layout.
'''Additional Skills:''' Knowledge in basic CSS.

==Description==
Retrieves the labels through XMLHttpRequest and displays it asynchronously in a block in the post section.

==Method==
Follow the instructions in [http://blogger-hacked.blogspot.com/2006/10/ajax-labels.html AJAX Labels]

==Sites Using This Hack==
[http://blogger-hacked.blogspot.com http://blogger-hacked.blogspot.com]
[http://omar-abid.blogspot.com Spring Of Life]

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

Native Blog Search

Omarabid — Mon, 14 Jul 2008 05:50:46 GMT

Omarabid: /* Sites Using This Hack */

==Author==
Aditya Vikram Mukherjee

==Homepage==
http://lastword.blogspot.com/2006/12/native-blog-search-improved_6559.html

==License==
Code can be modified to suit personal needs, as long as the link back to my page is not removed. And if you be nice and add your blog to the list at the bottom? :)

==Required Skills==
Nothing very technical. The codes are provided with enough guidelines to be able to help anyone include it in their template and begin using it. A little familiarity with the new template (knowing how to alter CSS, conditional tags) will help in extending the hack to be more specific and customised, but it is not required.

==Description==
It provides an 'in-blog' blog search, which cuts out the Google blog search page completely. Results are loaded asynchronously, hence the searcher does not have to leave the page to get the search results. It can be styled to match the template, hence the search looks as 'native' to the blog as possible.

==Method==
There are three blocks of code. One for the <head> section, which holds all the functions. One is the search form itself, and one if the container tag to hold and display the results. Each one has been explained properly as to how to include them in your template.

The <head> section part required one variable to be configured, which has been highlighted in the included instructions.

==Sites Using This Hack==
http://bloggeratto.blogspot.com
http://omar-abid.blogspot.com

==Extensions / Alternates==
This is something like Google's AJAX Search API. Google's API is better, but harder to implement and achiever more or less the same thing.

[[Category:New Blogger]]
[[Category:Blogger Classic]]

Native Blog Search

Omarabid — Mon, 14 Jul 2008 05:48:13 GMT

Omarabid:

==Author==
Aditya Vikram Mukherjee

==Homepage==
http://lastword.blogspot.com/2006/12/native-blog-search-improved_6559.html

==License==
Code can be modified to suit personal needs, as long as the link back to my page is not removed. And if you be nice and add your blog to the list at the bottom? :)

==Required Skills==
Nothing very technical. The codes are provided with enough guidelines to be able to help anyone include it in their template and begin using it. A little familiarity with the new template (knowing how to alter CSS, conditional tags) will help in extending the hack to be more specific and customised, but it is not required.

==Description==
It provides an 'in-blog' blog search, which cuts out the Google blog search page completely. Results are loaded asynchronously, hence the searcher does not have to leave the page to get the search results. It can be styled to match the template, hence the search looks as 'native' to the blog as possible.

==Method==
There are three blocks of code. One for the <head> section, which holds all the functions. One is the search form itself, and one if the container tag to hold and display the results. Each one has been explained properly as to how to include them in your template.

The <head> section part required one variable to be configured, which has been highlighted in the included instructions.

==Sites Using This Hack==
http://bloggeratto.blogspot.com

==Extensions / Alternates==
This is something like Google's AJAX Search API. Google's API is better, but harder to implement and achiever more or less the same thing.

[[Category:New Blogger]]
[[Category:Blogger Classic]]

User talk:Omarabid

Omarabid — Mon, 07 Jul 2008 12:52:47 GMT

Omarabid:

Hi !

Icon Bar

Omarabid — Mon, 07 Jul 2008 12:11:53 GMT

Omarabid:

==Version==
Icon Bar Hack, Version 1.0
==Platform==
Can be used with [http://blogger.com Blogger], [http://wordpress.org Wordpress] or any other blogging system or webpage that supports HTML
==Author==
Made by [http://omarabid.com Omar Abid]
==Homepage==
[http://omar-abid.blogspot.com/2008/06/how-to-create-your-own-icon-bar.html How to create your Icon Bar]
==License==
Free to use in any blog, keep a link if you want :)
==Required Skills==
Some knowledge on HTML
==Description==
This hack (widget) help you display in tables, some links with icons to your best, popular articles or just other links like RSS feeds
==Method==
See detailed information in [http://omar-abid.blogspot.com/2008/06/how-to-create-your-own-icon-bar.html How to create your own Icon Bar]
==Sites Using This Hack==
[http://omar-abid.blogspot.com Sring Of Life]
==See Also:==
[http://www.editthis.info/bloggerhacks/Calendar Calendar for Blogger]

Icon Bar

Omarabid — Mon, 07 Jul 2008 11:31:48 GMT

Omarabid:

Icon Bar

Omarabid — Mon, 07 Jul 2008 11:26:49 GMT

Omarabid: Content

Icon Bar

Omarabid — Mon, 07 Jul 2008 11:22:05 GMT

Omarabid:

==Version==
Icon Bar Hack, Version 1.0
==Platform==
Can be used with [http://blogger.com Blogger], [http://wordpress.org Wordpress] or any other blogging system or webpage that supports HTML

Expandable Post Summaries

Omarabid — Mon, 07 Jul 2008 11:16:32 GMT

Omarabid: /* Method */

==Platform==

For use with [http://www.blogger.com/ Blogger] blogs.

==Author==

[[Blogger]] Team

==Homepage==

[http://help.blogger.com/bin/answer.py?answer=898&topic=41 "How can I create expandable post summaries?" in Blogger Help]

==Skill Level==

You must be comfortable with editing CSS and your [[Blogger template]].

==Description==

Use this hack to display a user-specified amount of text followed by a link to the post page. After this "teaser" text, users who want to see the rest of the post can click through to the post page, which includes all the text for your post.

The drawback of this method is that the "Read More" link (or whatever text you use for the link) is displayed in every post, not only the long ones. Thus, if you utilize this method but do not designate any "expanded" text, your readers will see the "Real More" link, click it, yet receive no additional text.

==Method ==

(See complete instructions at the [http://help.blogger.com/bin/answer.py?answer=898&topic=41 homepage].)

# Enable Post Pages in your [[Blogger]] settings.
# Insert some conditional tags surrounding styles into the stylesheet portion of your [[Blogger template]].
# Insert some conditional tags surrounding HTML into the body element of your [[Blogger template]].
# Re-publish your blog.
# Surround some text with a specific <span class="fullpost"></span> tag pair when you have extended text to include in your post.

==Sites Using This Hack==

* http://themushroomhunter.blogspot.com/ Wild Mushroom Hunting Blog
* http://navelgazingbullshit.blogspot.com/
* http://visitformoney.blogspot.com/ visit for money
* http://omar-abid.blogspot.com/ Spring Of Life

==See also==
[http://www.editthis.info/bloggerhacks/Selective_expandable_posts Selective expandable posts]

[[Category:Hacks]]
[[Category:Expandable Posts]]

[[Category:Blogger Classic]]

Expandable Post Summaries

Omarabid — Mon, 07 Jul 2008 11:15:17 GMT

Omarabid: /* Sites Using This Hack */

==Platform==

For use with [http://www.blogger.com/ Blogger] blogs.

==Author==

[[Blogger]] Team

==Homepage==

[http://help.blogger.com/bin/answer.py?answer=898&topic=41 "How can I create expandable post summaries?" in Blogger Help]

==Skill Level==

You must be comfortable with editing CSS and your [[Blogger template]].

==Description==

Use this hack to display a user-specified amount of text followed by a link to the post page. After this "teaser" text, users who want to see the rest of the post can click through to the post page, which includes all the text for your post.

The drawback of this method is that the "Read More" link (or whatever text you use for the link) is displayed in every post, not only the long ones. Thus, if you utilize this method but do not designate any "expanded" text, your readers will see the "Real More" link, click it, yet receive no additional text.

==Method ==

(See complete instructions at the [http://help.blogger.com/bin/answer.py?answer=898&topic=41 homepage].)

# Enable Post Pages in your [[Blogger]] settings.
# Insert some conditional tags surrounding styles into the stylesheet portion of your [[Blogger template]].
# Insert some conditional tags surrounding HTML into the body element of your [[Blogger template]].
# Re-publish your blog.
# Surround some text with a specific <span></span> tag pair when you have extended text to include in your post.

==Sites Using This Hack==

* http://themushroomhunter.blogspot.com/ Wild Mushroom Hunting Blog
* http://navelgazingbullshit.blogspot.com/
* http://visitformoney.blogspot.com/ visit for money
* http://omar-abid.blogspot.com/ Spring Of Life

==See also==
[http://www.editthis.info/bloggerhacks/Selective_expandable_posts Selective expandable posts]

[[Category:Hacks]]
[[Category:Expandable Posts]]

[[Category:Blogger Classic]]