Bloggerhacks - User contributions [en]

Social bookmark new blogger posts using AddThis

Abhi — Mon, 17 Mar 2008 06:06:47 GMT

Abhi: /* Sites Using This Hack */

==Version==
1.0
==Platform==
New Blogger
==Author==
Deniz Akay
==Homepage==
http://web-messengers.blogspot.com/2006/11/social-bookmark-blogger-beta-post-with.html
==License==

==Required Skills==

==Description==
How to social bookmark new blogger posts using AddThis
==Method==
Read instuctions on the homepage
==Sites Using This Hack==
[http://www.harpeinvesting.com Sharpe Investing]

[http://www.digitalpurview.com/ Software and Web Technology]

==Extensions / Alternates==

==See Also:==
[http://web-messengers.blogspot.com/search/label/New Blogger Pre-hacked templates for new blogger] <br/>
[[AddThis button in your posts]]

[[Category:Hacks]]
[[Category:Bookmarking]]

[[Category:New Blogger]]

Selective expandable posts

Abhi — Mon, 17 Mar 2008 06:02:12 GMT

Abhi: /* Sites Using This Hack */

==Platform==
For use with the new [[Blogger]] template.

==Author==
Ramani Arunachalam (rarunach[at]gmail[dot]com)

==Skill Level==
You must be comfortable with editing your [[Blogger template]].

==Home Page==
[http://hackosphere.blogspot.com/2006/11/selective-expandable-posts.html Hackosphere]

==Description==
This is the expandable post summaries implementation for new Blogger template with the additional flexibility of showing "Read more" link only for some long posts but not others. Note that this is different from peekaboo posts hack.

==Method==
Follow the instructions in [http://hackosphere.blogspot.com/2006/11/selective-expandable-posts.html this page].

==Sites Using This Hack==

[http://www.digitalpurview.com/ Digital Purview]

== [http://blog.davidmillions.com My Own Millions Blog] ==

==See Also==
[[Blogger Beta Super Peek-A-Boo Posts|Super Peek-A-Boo Posts]]
[[Category:New Blogger]]
[[Category:Expandable Posts]]

Expandable Post Summaries for New Blogger.

Abhi — Mon, 17 Mar 2008 05:59:23 GMT

Abhi: /* Sites Using This Hack */

'''
== Platform ==
'''
New Blogger

'''
== Author ==
'''
Vin http://betabloggerfordummies.blogspot.com

'''
== Homepage ==
'''
http://betabloggerfordummies.blogspot.com/2007/02/expandable-post-summaries.html

'''
== License ==
'''
http://creativecommons.org/licenses/by-nc-sa/2.5/

'''
== Required Skills ==
'''
Must be able to edit the template.

'''
== Description ==
'''
In the new Blogger Layout templates show only a brief 'teaser' summary of your posts (on the Main Page) followed by a 'Read More' link leading to the full post page.

'''
== Method ==
'''
Go to [http://betabloggerfordummies.blogspot.com/2007/02/expandable-post-summaries.html Expandable Post Summaries in New Blogger Layouts.] and follow the directions.

'''
== Sites Using This Hack ==
'''
[http://betabloggerfordummies.blogspot.com Dummies Guide to Google Blogger (Beta).]

[http://www.digitalpurview.com/ Tech Blog]

[[Category:Hacks]] [[Category:New Blogger]] [[Category:Posts]] [[Category:Expandable Posts]]

Converting to 3-column template

Abhi — Mon, 17 Mar 2008 05:55:25 GMT

Abhi: /* Sites Using This Hack */

==Platform==
For use with the new [[Blogger]] template.

==Author==
Ramani Arunachalam (rarunach[at]gmail[dot]com)

==Skill Level==
You must be comfortable with editing your [[Blogger template]].

==Home Page==
[http://hackosphere.blogspot.com/3006/09/3-column-templates-for-blogger-beta_01.html Hackosphere]

==Description==
It is easier to convert new Blogger templates to 3 columns than classic templates. This is because the condensed form of template shown in new Blogger is easier to work with. In addition, once you add another sidebar, you can move page elements between the two sidebars easily using the Layout editor.

==Method==
Follow the instructions in [http://hackosphere.blogspot.com/3006/09/3-column-templates-for-blogger-beta_01.html this page] to convert to 3 columns.

==Sites Using This Hack==
[http://arephyz.blogspot.com Mix blog]

[http://the1truecoolguy.blogspot.com The Life and Times of Mr. Selvarajah]

[http://web-scape.blogspot.com The Best Websites on the Web: WebScape]

[http://techworld-rkc.blogspot.com TechWorld: The Latest News on the world of Technology, Computers and the internet]

[http://www.sharpeinvesting.com Sharpe Investing]

[http://www.digitalpurview.com/ Technology Blog]

[[Category:New Blogger]]

AddThis button in your posts

Abhi — Mon, 17 Mar 2008 05:51:58 GMT

Abhi: /* Sites Using This Hack */

==Platform==
For use with [[Blogger]] blogs, but probably can easily be adapted to other template based platforms (e.g., [[WordPress]]).

==License==
[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons Attribution Share-Alike 2.5]

==Required Skills==
You should be able to edit and save your [[Blogger template]] file.

==Description== What does it do?
This hack, through use of JavaScript, will add a dropdown '''AddThis button''' to each of your posts. [http://www.addthis.com AddThis] is a free social bookmarking sharing tool that provides a ''one button for all'' functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open the template file.
* Create a backup: click '''Download Full Template''' to download a backup copy before editing your template file (just in case).
* Check '''Expand Widget Templates''' to see the full template.
* Search for the following lines of code within the template (you will insert the ''AddThis code'', i.e. the hack, right above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the JavaScript code so that the result looks like this:
<nowiki>

<script type='text/javascript'>
expr:addthis_url = '<data:post.url/>';
expr:addthis_title = '<data:post.title/>';
expr:addthis_pub = 'JOHNDOE';
</script>

<span style='float:right; display:inline;'>
<script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'/>
</span>


</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
: You'll probably want to replace ''JOHNDOE'' (line 5) with your AddThis username. If you don't have an account, you can register to [http://www.addthis.com AddThis] for free.
* That's it! Just click '''Save Template''' and watch the result.

==Modifications (optional)==
When using the code as given here, the ''AddThis button'' will be placed in the post footer section, aligned to the right. Optionally, you can place the button in the post header section or elsewhere. Just paste the JavaScript code suitably. Remember to always make a backup of the template file prior to any changes! A broken template file can make your blog unusable and it's quite a mess to repair a template file manually.

Of course, you can change the ''float:right;'' statement (line 8) to ''float:center;'' or ''float:left;'' to align the button to the center or to the left, respectively.

==Sites Using This Hack==
* [http://ankerboje.blogspot.com Boat Builder's Blogbook]

* [http://www.digitalpurview.com/ Digital Purview]

==See Also==
* [[How to add a digg button to your blogger post]]
* [[PopMarks - Blog Buttons]]
* [[Social bookmark new blogger posts using AddThis]]
* [[Social bookmarking in Blogger beta]]

[[Category:Hacks]]
[[Category:Bookmarking]]
[[Category:New Blogger]]
[[Category:Platform Unknown]]

AddThis button in your posts

Abhi — Mon, 17 Mar 2008 05:50:52 GMT

Abhi: /* Sites Using This Hack */

==Platform==
For use with [[Blogger]] blogs, but probably can easily be adapted to other template based platforms (e.g., [[WordPress]]).

==License==
[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons Attribution Share-Alike 2.5]

==Required Skills==
You should be able to edit and save your [[Blogger template]] file.

==Description== What does it do?
This hack, through use of JavaScript, will add a dropdown '''AddThis button''' to each of your posts. [http://www.addthis.com AddThis] is a free social bookmarking sharing tool that provides a ''one button for all'' functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open the template file.
* Create a backup: click '''Download Full Template''' to download a backup copy before editing your template file (just in case).
* Check '''Expand Widget Templates''' to see the full template.
* Search for the following lines of code within the template (you will insert the ''AddThis code'', i.e. the hack, right above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the JavaScript code so that the result looks like this:
<nowiki>

<script type='text/javascript'>
expr:addthis_url = '<data:post.url/>';
expr:addthis_title = '<data:post.title/>';
expr:addthis_pub = 'JOHNDOE';
</script>

<span style='float:right; display:inline;'>
<script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'/>
</span>


</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
: You'll probably want to replace ''JOHNDOE'' (line 5) with your AddThis username. If you don't have an account, you can register to [http://www.addthis.com AddThis] for free.
* That's it! Just click '''Save Template''' and watch the result.

==Modifications (optional)==
When using the code as given here, the ''AddThis button'' will be placed in the post footer section, aligned to the right. Optionally, you can place the button in the post header section or elsewhere. Just paste the JavaScript code suitably. Remember to always make a backup of the template file prior to any changes! A broken template file can make your blog unusable and it's quite a mess to repair a template file manually.

Of course, you can change the ''float:right;'' statement (line 8) to ''float:center;'' or ''float:left;'' to align the button to the center or to the left, respectively.

==Sites Using This Hack==
* [http://ankerboje.blogspot.com Boat Builder's Blogbook]

[
http://www.digitalpurview.com/ Digital Purview]

==See Also==
* [[How to add a digg button to your blogger post]]
* [[PopMarks - Blog Buttons]]
* [[Social bookmark new blogger posts using AddThis]]
* [[Social bookmarking in Blogger beta]]

[[Category:Hacks]]
[[Category:Bookmarking]]
[[Category:New Blogger]]
[[Category:Platform Unknown]]

Adsense inside post

Abhi — Mon, 17 Mar 2008 05:48:44 GMT

Abhi: /* Sites Using This Hack */

<Text>

==Platform==
New Blogger
==Author==
Louiss Lim

==Homepage==
http://bloggingsecret.blogspot.com/2006/11/ultimate-adsense-guide-insert-adsense.html

==License==

==Required Skills==
No skills required
==Description==
Show adsense ad inside blogger posts.
==Method==
Follow instructions on the hack page.
==Sites Using This Hack==
http://visitformoney.blogspot.com
http://cooltechtrix.blogspot.com

http://www.digitalpurview.com/

==Extensions / Alternates==

http://autocarsgallery.blogspot.com

==See Also:==
[http://bloggingsecret.blogspot.com/2006/11/3-template-with-widebarand-all-useful.html 3 Column Template with Widebar,And All Useful Hack]

[http://adsense-high-paying-keywords.blogspot.com/ Adsense Tips]
[http://www.editthis.info/bloggerhacks/Adsense_High_Paying_keywords_with_Special_Tricks_and_Tips Adsense Hacks]

[[Category:Hacks]]
[[Category:Adsense]]

[[Category:New Blogger]]

Adsense inside post

Abhi — Mon, 17 Mar 2008 05:47:51 GMT

Abhi: /* Extensions / Alternates */

<Text>

==Platform==
New Blogger
==Author==
Louiss Lim

==Homepage==
http://bloggingsecret.blogspot.com/2006/11/ultimate-adsense-guide-insert-adsense.html

==License==

==Required Skills==
No skills required
==Description==
Show adsense ad inside blogger posts.
==Method==
Follow instructions on the hack page.
==Sites Using This Hack==
http://visitformoney.blogspot.com
http://cooltechtrix.blogspot.com

==Extensions / Alternates==

http://autocarsgallery.blogspot.com

==See Also:==
[http://bloggingsecret.blogspot.com/2006/11/3-template-with-widebarand-all-useful.html 3 Column Template with Widebar,And All Useful Hack]

[http://adsense-high-paying-keywords.blogspot.com/ Adsense Tips]
[http://www.editthis.info/bloggerhacks/Adsense_High_Paying_keywords_with_Special_Tricks_and_Tips Adsense Hacks]

[[Category:Hacks]]
[[Category:Adsense]]

[[Category:New Blogger]]

Adsense inside post

Abhi — Mon, 17 Mar 2008 05:46:38 GMT

Abhi: /* Extensions / Alternates */

<Text>

==Platform==
New Blogger
==Author==
Louiss Lim

==Homepage==
http://bloggingsecret.blogspot.com/2006/11/ultimate-adsense-guide-insert-adsense.html

==License==

==Required Skills==
No skills required
==Description==
Show adsense ad inside blogger posts.
==Method==
Follow instructions on the hack page.
==Sites Using This Hack==
http://visitformoney.blogspot.com
http://cooltechtrix.blogspot.com

==Extensions / Alternates==

http://autocarsgallery.blogspot.com
http://www.digitalpurview.com/

==See Also:==
[http://bloggingsecret.blogspot.com/2006/11/3-template-with-widebarand-all-useful.html 3 Column Template with Widebar,And All Useful Hack]

[http://adsense-high-paying-keywords.blogspot.com/ Adsense Tips]
[http://www.editthis.info/bloggerhacks/Adsense_High_Paying_keywords_with_Special_Tricks_and_Tips Adsense Hacks]

[[Category:Hacks]]
[[Category:Adsense]]

[[Category:New Blogger]]

Contact Form

Abhi — Mon, 17 Mar 2008 05:44:01 GMT

Abhi: /* Method */

==Version== All

==Platform== Any

==Homepage== [http://www.digitalpurview.com/2008/02/contact-us-form-for-website-or-blog.html Contact Form for Blog]

==Required Skills== Just be able to post link.

==Description== Posting your email id can invite spam. You can rather use Contact form to avoid sharing email id. Form also has CAPTCHA to stop spammers from contacting you.

==Method== Sign up with Emailmeform.com and follow instructions. More information on the homepage above[http://www.digitalpurview.com/2008/02/contact-us-form-for-website-or-blog.html Contact form]

==Sites Using This Hack== http://www.digitalpurview.com/

Contact Form

Abhi — Mon, 17 Mar 2008 05:42:30 GMT

Abhi:

==Version== All

==Platform== Any

==Homepage== [http://www.digitalpurview.com/2008/02/contact-us-form-for-website-or-blog.html Contact Form for Blog]

==Required Skills== Just be able to post link.

==Description== Posting your email id can invite spam. You can rather use Contact form to avoid sharing email id. Form also has CAPTCHA to stop spammers from contacting you.

==Method== Sign up with Emailmeform.com and follow instructions. More information here [http://www.digitalpurview.com/2008/02/contact-us-form-for-website-or-blog.html Contact form]

==Sites Using This Hack== http://www.digitalpurview.com/