Posted by ljmacphee on May 11, 2007 under blogger, blogger template, hack your template, how to, wordpress | 
First backup your template.
Go to Layout->Edit HTML and click download full template.
Blogger
<p><a expr:href=’”http://del.icio.us/post?” + “url=” + data:post.url + “&title=” +data:post.title’ target=’_blank’>Add to Del.icio.us</a></p>
For Blogger go to your Template->Edit HTML and click expand widgets.
Find <p class=’post-footer-line post-footer-line-3′/>
It’s about three quarters of the way down in most templates.
Then just add the above code just below that line.
Wordpress
<p><a href=”http://del.icio.us/post? &url=<?php the_permalink() ?> &title=<?php the_title(); ?>”> Add to Del.icio.us</a></p>
You will want to edit your template to add the link.
Go to Presentation->Theme Editor
Select Main Index Template, or index.php or what ever the index page is called in your template.
Find the section that has the postmetadata add the above code in there somewhere that looks nice on your template.
See also:
How to add Digg Links to Blogger and Wordpress Posts
How to add Stumble Upon Links to Blogger and Wordpress Posts
How to add Reddit Links to Blogger and Wordpress Posts
Posted by ljmacphee on May 4, 2007 under blogger, blogger template, hack your template, how to, wordpress |
First backup your template.
Go to Layout->Edit HTML and click download full template.
This uses small thumbs up icon from Digg. There are several icons available from Digg Buttons & Badges
<a href=”http://digg.com/submit?phase=2
&url=<?php the_permalink() ?>
&title=<?php the_title(); ?>
&bodytext=<?php the_excerpt() ?>”
title=”Digg this story”>
<img src=”http://digg.com/img/badges/10×10-digg-thumb.png”
width=”10″ height=”10″ alt=”Digg!” /> Digg this</a>
The first part provides the link submission information. The second part is for the icon. If you want to change the icon just replace the second section of code with icon code from the Digg badge page.
Wordpress:
You’ll need to add this code to your index.php page.
Open that page and find the section: < div id=”content>
Then go down a few lines and find the post footer information, you’ll see ‘Posted in’ and ‘the author’ etc. Put the code after the last of the content information.
You will also want to add this to your pages ( page.php ). Again look for the < div id=”content> section and add it just before the end of that section.
Blogger
<span class=’post-labels’ style=’float:right;’>
<a expr:href=’”http://digg.com/submit?phase=2&url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’>DiggIt!</a></span>
Go to Templates->Edit HTML then check Expand Widget Templates
Find:
<p class=’post-footer-line-3′/>
You want to put your Digg link just above that line. This link does not have an icon. You can grab an icon plus directions to add it to your link at the Digg badge page above.
That worked on 6 of my 7 blogger blogs. One blog I needed to post the link just above the line:
<!– quickedit pencil –>
*** To use the link with out an icon just use:
<a href=”http://digg.com/submit?phase=2
&url=<?php the_permalink() ?>
&title=<?php the_title(); ?>
&bodytext=<?php the_excerpt() ?>”
title=”Digg this story”>
Digg this</a>
See also:
How to add Del.icio.us Links to Blogger and Wordpress Posts
How to add Stumble Upon Links to Blogger and Wordpress Posts
How to add Reddit Links to Blogger and Wordpress Posts
Posted by ljmacphee on April 30, 2007 under HTML, blogger, blogger template, gimp, graphics, hack your template, how to, osx |
The image you see next to the website URL or in your bookmarks menu is called ‘favicon.ico’.
If you are hosting your website on your own server, just add a 16×16 pixel ‘favicon.ico’ file and a 32×32 pixel ‘largefavicon.ico’ file to the top directory. This is the same directory your index.html page for the site is kept.
If you are hosting your website on blogger or another service where you do not have access to the main directory you have to host your favicon.ico image file where ever you host your other website images.
Then add the following two lines to the html files on your site. These lines go in the <head> section of each file. If you are on blogger are using another blog type set up just edit the main html file for your site. { On blogger go to Layout->Edit HTML and put the two lines under the line <head> }.
Now edit these two lines so the path is where your favicon.ico is kept:
<link rel=”shortcut icon” href=”http://imagehosting.com/favicon.ico” />
<link rel=”icon” href=”http://imagehosting.com/favicon.ico” />
To create your favicon.ico file you can use your favorite photo editor. I use Gimp. Create the icon you want and save it as a 16×16 pixel png file. After you have created and saved the file, change the file name from favicon.png to favicon.ico.
More information:
What is favicon.ico?
How to Make Favicon | Macinstruct
Posted by ljmacphee on April 23, 2007 under blogger, blogger template, hack your template, how to, wordpress |
I added AdSense ads inside the posts of two blogs that have not had a high click through rate. In a month or so I’ll come back to this post and let you all know if it makes a difference. Google AdSense limits you to 3 ads per page so you’ll have to knock off some of those other ads if you are going to do this.
1) Go to template -> Edit HTML -> check expand Widgets
2) Find the line: <p class=’post-footer-line post-footer-line-3′ />
3) Add <div id=’ads’></div> on the next line
4) Go to AdSense and create your ad text
5) Remove all > and replace them with >
6) Remove all < and replace them with <
7) Paste the new ad text between <div id=’ads’> ad text goes here </div>
For more information:
Blogcrowds, Google Adsense in Blogger Beta XML Update