Buy Me A Beer code for Blogger. ~ The Blog Doctor.
Loading...

Buy Me A Beer code for Blogger.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!


Wishing all our esteemed readers a Very Happy New Year! As a New Year Gift ( of sorts! ) we will show you how to install the "Buy Me A Beer/Coffee/Cup of Tea" code below your posts.


You can also install this code in a Html Page Element in your sidebar.........


Here are the steps to follow :

1. Login at Blogger.com.

2. If login is successful you will open the Blogger Dashboard page.

3. Click the Layout link under your Blog title under "Manage :"

4. The Page Elements subtab of Template tab will open.

5. Click on the Edit Html subtab of Template tab at the top.

6. The Edit Htmls subtab containing the Template code box will open.

7. Click the "Expand Widgets Template" check box at the top of the Template Code text box.

8. Scroll down in the Template code box and locate this line of code in the Blog Posts Footer :

 <p class='post-footer-line post-footer-line-3'/>


9. Immediately below the line in 8. paste the following code :

<div class='separator'/>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' target='paypal'><input name='cmd' type='hidden' value='_xclick'/><input name='business' type='hidden' value='drbhatns@gmail.com'/><input name='return' type='hidden' value=' '/><input name='item_name' type='hidden' value='Buy me a Beer?'/><input name='amount' type='hidden' value=''/><input align='left' alt='Why not buy Vin a Beer!' hspace='3' src='URL OF BEER MUG IMAGE' title='Why not buy Vin a Beer!' type='image'/></form><br/><br/><br/><br/><a href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=drbhatns@gmail.com&amp;currency_code=&amp;amount=&amp;return=&amp;item_name=Buy+Me+a+Beer' target='paypal'>Buy Vin a Beer :-) if you liked this post.</a>
</div>


10. Change the blue lines in the above code.
Change the email prefix to your email and "Vin" to your name. See how it appears below this post. You can also change the picture of the beer mug to a cup of coffee.

11. As a final step add the code below :

.separator {
height: 40px;
padding: 4px;
}


just above the ]]></b:skin> tag in your template.

12. Save Template and enjoy!


Enjoy!

Have a gr8 2008!

8 comments:

Austen Michael said...

Vin, attempted edit of inclusion of this gives me this error and I dont know enough HTML to make work. Once the Buy Beer code is removed the error is gone? This is such a great gift though would luv to include it, please overlook.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

Vin said...

Austen Michael,

Find the b:includable tag in your code and see whether there is a corresponding matching end tag like this :

</b:includable>

If not add it.

overload said...

I have the same predicament as Austen Michael. I'm sorry but I dont know where to put the includable whatever in the code. Im not very familiar with XML or HTML so please if you may help me in a more clear way? Thanks a lot.

Vin said...

overload,

The includable tags are only seen when you click the Expand Widget Templates checkbox on top of the Template Code box.

This puts a checkmark in that box and the page refreshes to show the detailed widget templates.

Each widget will have the first line like this :

<b:widget id=....

This line will be followed by this line :

<b:includable id='main'>

Then comes all the widget code followed by closing the includable tag with this line :

</b:includable>

Then the widget code last line which is :

</b:widget>

Sandy said...

It took me a while, but I finally got it. I didn't see the "find" on the bottom, so it made it hard trying to find where I am suppose to put it.

Thanks Vin

Infonut said...

I ran a search, but couldn't find the instructions for changing the beer mug icon to the cup of coffee. I changed the word beer in all the code, but how do I change the image?

Vin said...

Infonut,

Save the image to your PC by right clicking it and choose Save As. Then upload it to Photobucket.com

Copy the Direct Link of the image at Photobucket and paste it in the code instead of the RED code : URL OF BEER MUG IMAGE

Saoirse, freedom4saoirse@gmail.com said...

Hi, Vin. I put the code in an html widget in the sidebar of my blog, but the picture wouldn't load -- just a box with a question mark in it. I loaded a smaller icon into my photobucket album, but then the link completely disappeared. Now, the only thing that shows is the link to my paypal account in the phrase, buy me a cup of coffee. When I went to edit the html, I noticed there were two sources for the icon, and when I deleted one, reloaded and went back and rechecked the html, they were both gone. I'd really like the icon, too. Any thoughts? Thanks.

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.