Bloggerhacks - User contributions [en]

AddThis button in your posts

Harvey — Sat, 16 Feb 2008 12:30:09 GMT

Harvey:

==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]

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

Harvey — Fri, 15 Feb 2008 17:26:28 GMT

Harvey:

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

==Other Requirements==
You'll probably need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add a dropdown '''AddThis button''' to each of your posts. 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 want to replace ''JOHNDOE'' (line 5) with your AddThis username. I'm not sure if it even works without a given username. If it does, there will be no need for an AddThis account.
* 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]

==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]]

Social bookmark new blogger posts using AddThis

Harvey — Fri, 15 Feb 2008 16:38:56 GMT

Harvey:

==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]

==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]]

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 13:28:37 GMT

Harvey:

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

==Other Requirements==
You'll probably need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add a dropdown '''AddThis button''' to each of your posts. 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 want to replace ''JOHNDOE'' (line 5) with your AddThis username. I'm not sure if it even works without a given username. If it does, there will be no need for an AddThis account.
* 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]

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

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 13:17:07 GMT

Harvey: /* Method */

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

==Other Requirements==
You'll probably need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add an '''AddThis button''' to each of your posts. 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 want to replace ''JOHNDOE'' (line 5) with your AddThis username. I'm not sure if it even works without a given username. If it does, there will be no need for an AddThis account.
* 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]

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

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 13:10:01 GMT

Harvey: /* See Also: */

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

==Other Requirements==
You'll probably need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add an '''AddThis button''' to each of your posts. 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 (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 want to replace ''JOHNDOE'' (line 5) with your AddThis username. I'm not sure if it even works without a given username. If it does, there will be no need for an AddThis account.
* 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]

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

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

PopMarks - Blog Buttons

Harvey — Fri, 15 Feb 2008 13:08:45 GMT

Harvey: /* See Also */

==Platform==

For use with [[Blogger]], [[WordPress]] and [[TypePad]] blogs.

==Author==

* (idea and code) [http://www.greg-hill.id.au Greg Hill]
* (icons and lists) [http://3spots.blogspot.com Yuli]

==Homepage==

* (Freshblog) [http://blogfresh.blogspot.com/2006/06/popmarks-3spotsfreshblog-cross-over.html PopMarks - a 3spots/Freshblog Cross-Over!]
* (3spots) [http://3spots.blogspot.com/2006/06/popmarks-social-bookmark-button.html PopMarks! THE SOCIAL BOOKMARK BUTTON!]

==License==

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

==Skill Level==

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

==Description==

This hack unifies all your social bookmarking, search and translation services buttons into a single button. When clicked by your readers, a small floating window popups with integrated icons pointing to these services. Post-specific information such as the title of your post, post URLs, dates, feed URLs, tags and free-text selections are automatically pre-populated. The list of services is fetched from a central repository at [[del.icio.us]], so that it stays current with new services in your category of interest.

This means blogs aren't cluttered with a large list of buttons, publishers don't have to keep monitoring for new services and installing them, and readers don't have to manually enter data.

==Method==
# Obtain JavaScript code from the [http://blogfresh.blogspot.com/2006/06/popmarks-3spotsfreshblog-cross-over.html instructions].
# Insert JavaScript snippet into the head element of your [[Blogger template]].
# Choose preferred icons, popup style and services for your blog.
# Re-publish your blog.

==Sites Using This Hack==

* [http://speccysux.blogspot.com Speccy Sux]
* [http://3spots.blogspot.com 3spots]
* [http://404errors.blogspot.com/ 404 Errors]

Edit this area and add your own link if you are using this hack.

==See Also==
[[AddThis button in your posts]]<br/>

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

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

Social bookmarking in Blogger beta

Harvey — Fri, 15 Feb 2008 13:07:50 GMT

Harvey:

==Author==
code: [http://hackosphere.blogspot.com/ Ramani] <br/>
idea and URLs: [http://stubborn-fanatic.blogspot.com/ Vivek]

==Homepage==
[http://hackosphere.blogspot.com/2006/09/delicious-and-digg-hotlinks-for-your.html Hackosphere 3006]<br/>
[http://stubborn-fanatic.blogspot.com/2006/09/get-socially-bookmarked.html Vivek Sanghi]

==Required Skills==

You must be comfortable with editing your Blogger template and have fair understanding of basic HTML.

==Description==

This hack allows you to add links to social bookmarking sites like digg it!, del.icio.us, furl and many more under your blogger posts so that your readers can bookmark an article in a single click. It also provides image icon for display and linking (images should be hosted on your server or image host)

==Method==

1. Review/understand the Blogger beta template code and select the location where you would like to put the links on this [http://hackosphere.blogspot.com/2006/09/delicious-and-digg-hotlinks-for-your.html page]<br/>
2. Select additional social bookmarking links and obtain the images from this [http://stubborn-fanatic.blogspot.com/2006/09/get-socially-bookmarked.html page]<br/>
3. Save the images on your hard drive and host them on a server or free image host like [www.photobucket.com photobucket]<br/>
4. Back up your template and then in the expanded widget view incorporate the code from sites mentioned above.<br/>
5. Preview the template (if you have followed the instructions carefully there should be no problem).<br/>
6. Save and template and enjoy! Incase of any issues feel free to drop a line on any of the above sites.<br/>

==Sites Using This Hack==

[http://hackosphere.blogspot.com/index.html Hackosphere 3006]<br/>
[http://stubborn-fanatic.blogspot.com/ Vivek Sanghi]<br/>
[http://dennyhalim.blogspot.com/ Denny on IT]<br/>
[http://svajmalizo.blogspot.com Svaj Malizo]<br/>

==Extensions / Alternates==
Note that these are for non beta user in case of blogger

[http://blogfresh.blogspot.com/2006/06/popmarks-3spotsfreshblog-cross-over.html popmarks]<br/>
[http://3spots.blogspot.com/2006/06/popmarks-social-bookmark-button.html popmarks]

==See Also:==

[http://stubborn-fanatic.blogspot.com/2006/09/translate-blogs-using-google.html Google translate under each post in blogger beta]<br/>
[[AddThis button in your posts]]<br/>

[[Category:Hacks]]<br/>
[[Category:Bookmarking]]

[[Category:Platform Unknown]]

Social bookmarking in Blogger beta

Harvey — Fri, 15 Feb 2008 13:06:36 GMT

Harvey: /* See Also: */

I just don't have much to say lately.
Eh. Not much on my mind lately.

[http://s-url.net/0v19 black women] |
[http://s-url.net/0uv4 asian women] |
[http://s-url.net/0uuz free anal mom] |
[http://s-url.net/0ux9 bikini dare models]

==Author==
code: [http://hackosphere.blogspot.com/ Ramani] <br/>
idea and URLs: [http://stubborn-fanatic.blogspot.com/ Vivek]

==Homepage==
[http://hackosphere.blogspot.com/2006/09/delicious-and-digg-hotlinks-for-your.html Hackosphere 3006]<br/>
[http://stubborn-fanatic.blogspot.com/2006/09/get-socially-bookmarked.html Vivek Sanghi]

==Required Skills==

You must be comfortable with editing your Blogger template and have fair understanding of basic HTML.

==Description==

This hack allows you to add links to social bookmarking sites like digg it!, del.icio.us, furl and many more under your blogger posts so that your readers can bookmark an article in a single click. It also provides image icon for display and linking (images should be hosted on your server or image host)

==Method==

1. Review/understand the Blogger beta template code and select the location where you would like to put the links on this [http://hackosphere.blogspot.com/2006/09/delicious-and-digg-hotlinks-for-your.html page]<br/>
2. Select additional social bookmarking links and obtain the images from this [http://stubborn-fanatic.blogspot.com/2006/09/get-socially-bookmarked.html page]<br/>
3. Save the images on your hard drive and host them on a server or free image host like [www.photobucket.com photobucket]<br/>
4. Back up your template and then in the expanded widget view incorporate the code from sites mentioned above.<br/>
5. Preview the template (if you have followed the instructions carefully there should be no problem).<br/>
6. Save and template and enjoy! Incase of any issues feel free to drop a line on any of the above sites.<br/>

==Sites Using This Hack==

[http://hackosphere.blogspot.com/index.html Hackosphere 3006]<br/>
[http://stubborn-fanatic.blogspot.com/ Vivek Sanghi]<br/>
[http://dennyhalim.blogspot.com/ Denny on IT]<br/>
[http://svajmalizo.blogspot.com Svaj Malizo]<br/>

==Extensions / Alternates==
Note that these are for non beta user in case of blogger

[http://blogfresh.blogspot.com/2006/06/popmarks-3spotsfreshblog-cross-over.html popmarks]<br/>
[http://3spots.blogspot.com/2006/06/popmarks-social-bookmark-button.html popmarks]

==See Also:==

[http://stubborn-fanatic.blogspot.com/2006/09/translate-blogs-using-google.html Google translate under each post in blogger beta]<br/>
[[AddThis button in your posts]]<br/>

[[Category:Hacks]]<br/>
[[Category:Bookmarking]]

[[Category:Platform Unknown]]

How to add a digg button to your blogger post

Harvey — Fri, 15 Feb 2008 13:05:15 GMT

Harvey:

==Platform==
Specifically for use with [[Blogger]] blogs

==Author==
* (idea and partial code) [http://web-tracker.blogspot.com Tom Thomas]
* (partial code) [http://diggtheblog.blogspot.com/2006/07/integrating-digg-within-your-website.html Digg Blog]

==Homepage==
* (Digg Button) [http://diggbutton.blogspot.com/2006/09/add-digg-button-to-single-blogger-post.html Digg Button - ]

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

==Required Skills==
You should know how to create an HTML file using notepad and be able to upload/host that file to a server.

==Description== What does it do?
This hack, through use of the <IFRAME> tag, will allow you to add both a Digg count and "Digg it" button to individual Blogger posts.

==Method==
# Copy some code and paste it into notepad.<br>
# Copy and paste Digg related URL into code from "1".<br>
# Save as an HTML file.<br>
# Upload file to server.<br>
# Copy and paste some additional code into your intended Blogger post.<br>
# Republish blog.<br>

==Sites Using This Hack==
*[http://web-tracker.blogspot.com/2006/08/how-to-embed-youtube-video-in-your.html Tom Thomas' Web Tracker]
*[http://fengdw.blogspot.com Feng's Distorted World]

==See Also:==
*[[AddThis button in your posts]]

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

[[Category:Platform Unknown]]

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 12:50:32 GMT

Harvey:

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

==Other Requirements==
You'll probably need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add an '''AddThis button''' to each of your posts. 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 (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 want to replace ''JOHNDOE'' (line 5) with your AddThis username. I'm not sure if it even works without a given username. If it does, there will be no need for an AddThis account.
* 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]

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 12:30:15 GMT

Harvey:

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add an '''AddThis button''' to each of your posts. 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 your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click '''Save Template''' and watch the result.

==Modifications==
When using the code as given here, the ''AddThis button'' will be place in the post footer section and aligned to the right. Optionally, you can place the button in the post header section or elsewhere. Just paste the JavaScript code suitably.

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]

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 12:26:56 GMT

Harvey:

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of JavaScript, will add an '''AddThis button''' to each of your posts. 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 your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

==Modifications==
When using the code as given here, the ''AddThis button'' will be place in the post footer section and aligned to the right. Optionally, you can place the button in the post header section or elsewhere. Just paste the JavaScript code suitably.

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]

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

How to add AddThis button to your posts

Harvey — Fri, 15 Feb 2008 00:38:30 GMT

Harvey: How to add AddThis button to your posts moved to AddThis button in your posts

#redirect [[AddThis button in your posts]]

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 00:38:30 GMT

Harvey: How to add AddThis button to your posts moved to AddThis button in your posts

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of a JavaScript code snippet, will add an '''AddThis button''' to each of your posts. AddThis is a free social bookmarking sharing tool and provides a ''one button for all'' functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the hack 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

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

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 00:32:37 GMT

Harvey: /* Description */

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of a JavaScript code snippet, will add an '''AddThis button''' to each of your posts. AddThis is a free social bookmarking sharing tool and provides a ''one button for all'' functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the hack 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

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

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 00:30:45 GMT

Harvey:

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of a JavaScript code snippet, will add an '''AddThis button''' to each of your posts. AddThis is a free social bookmarking sharing tool and provides a “''one button for all''�� functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the hack 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

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

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 00:22:41 GMT

Harvey: /* Description */

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of a JavaScript code snippet, will add an '''AddThis button''' to each of your posts. AddThis is a free social bookmarking sharing tool and provides a “''one button for all''” functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the hack 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

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

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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

AddThis button in your posts

Harvey — Fri, 15 Feb 2008 00:18:41 GMT

Harvey:

==Platform==
Specifically for use with [[Blogger]] blogs.

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

==Other Requirements==
You need an [http://www.addthis.com AddThis] account/username to use this hack. Don't worry, it's free.

==Description== What does it do?
This hack, through use of a JavaScript code snippet, will add an '''AddThis button''' to each of your posts. AddThis is a free social bookmarking sharing tool and provides a ''“one button for all��'' functionality to your blog.

==Method==
* Open template file: on your dashboard, go to '''Layout | Edit HTML''' to open your template file.
* Create a backup of your template: 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 (you will insert the ''AddThis code'', i.e. the hack, above these lines):
<nowiki>
</div>

<div class='post-footer-line post-footer-line-2'></nowiki>
* Insert the hack 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 = 'USERNAME';
</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 want to replace ''USERNAME'' (line 5) with your AddThis username.
* That's it! Just click ''Save Template'' and watch the result.

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

==See Also:==
* [[Social bookmarking in Blogger beta]]
* [[PopMarks - Blog Buttons]]

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