Friday, June 29, 2007

Avoid large white space above table in Blogger Part 2

I have previously published a post Avoid large white space above table for Blogger. That is an easy but messy way of doing it because you cannot type your table in a standard format that is easy to follow and debug, for example, like this (if you want an easier way to create tables without problems, refer to How to easily create table with Windows Live Writer:

<table border="1">
<tr>
<td>Heading 1</td><td>Heading 2</td><td>Heading 3</td>
</tr>
<tr>
<td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td>
</tr>
</table>

If you do this, you will get large white space above the table because Blogger adds a <br /> tag for each time you press the EMTER key to start a new line, causing a line break to be created.

To avoid this, add this before HTML for your table or tables if you have more than 1:

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

Then type the HTML for the table or tables. At the end of the table or tables, add this:

</div>

I have tested the method and you can see the result here:
Testing another way of avoiding large white spaces above the table in Blogger. To make things clearer, I will put the script to display that test post with a short description, 2 headings and two tables in the scroll box below:

I have previously posted about <a href="http://blogger-tricks.blogspot.com/2006/08/how-to-avoid-large-white-space-above_21.html">How to avoid large white space above tables in Blogger</a>.

Got some information from one of my blog reader about another way to do it, so will test it here to see if it works:
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

<h3>First table</h3>
This is the first table I am using for the test. The "data" in the table are actually hyperlinks.

<table border ="1">
<tr>
<td>My First Blogger blog</td>
<td>My Second Blogger blog</td>
<td>My Third Blogger blog</td>
</tr>
<tr>
<td><a href="http://bloggerfordummies.blogspot.com" target="_blank">Blogger for Dummies</a></td>
<td><a href="http://blogger-tricks.blogspot.com" target="_blank">Blogger Tips and Tricks</a></td>
<td><a href="http://dummies-guide-to-google-blogger.blogspot.com" target="_blank">Dummies Guide to Google Blogger</a></td>
</tr>
</table>

<h3>Second table</h3>

<table border="1">
<tr>
<td>Heading 1</td><td>Heading 2</td><td>Heading 3</td>
</tr>
<tr>
<td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td>
</tr>
</table>

</div>

Update: As you can see, there are not large white space above the table.


Acknowledgement: This post was prepared thanks to an alert from a blogger Nitin of Problems with table formatting with Blogger or blogspot whose information I used with some modification.

Update 2011: For an even easier method of publishing tables without creating unwanted blank space, see How to easily create tables with Windows Live Writer

Update 2: Nitin said in his blog he got the information from another site. He didn't give the link to the site. I was contacted by another blogger saying he probably got it from his site Table formatting in Blogger. This post was dated Saturday, January 13, 2007 while Nitin's post was dated Wednesday, June 27, 2007.

Monday, June 25, 2007

Adding a "Print this" option for your blog.

Here is a hack to enable your blog visitors to be able to print your blog, HP has provided a hack. This is what you need to do. As usual, BACKUP your template before you make any changes to the template. See Backing up and changing New Blogger template.

In your template, paste this script just below the <head> tag: (actually, it can be anywhere between the <head> and </head> tags, but pasting it immediately after the <head> tag is the easiest and the easiest to explain):

<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

Preview, and if everything seems OK, click "Save Template"

Then in one of your post (or all your posts if you want) put this at the bottom of the post in the post editor window:

<a href="javascript:window.print()">Print Page</a>

If you want the "Print Page" to appear in all your post, go to SETTINGS > FORMATTING and paste the above into the post template window.

To see an example, go to My Photo Store. I have only put "Print Page" in the first post (sticky post) "Picassa - Google Photo software". Don't try clicking on this button if you have your printer connected and switched on. You are going to waste a lot of paper. Install CutePDF writer (search for that in the search box above for the site to install this). You will have to install 2 things, the free CutePDF writer and the free GPL Ghostscript 8.15 converter. An extra option will be added to your choice of printers. If you have that installed, click "Print Page" and select "CutePDF Writer" as the printer and the page will be printed to a PDF file, saving you lots of paper and ink/toner.

Sunday, June 24, 2007

Put photo of authors in post footer

I have written a post about putting a series of photos in the blog footer in Add series of photos in blog footer. However, that apparently was not what the blog reader wants. She has a team blog and want to be able to have a photo of the author at the footer of the post which the author "authored".

There is not automatic way of doing it. However, one can do it semi-automatically. You will first have to determine the width of the photo you want displayed (the height will be determined automatically by the need to keep the aspect ratio constant). This obviously will have to be less than the width of the main column (posts). To determine the width of the main column (posts), you will have to click on the TEMPLATE tab, then the EDIT HTML sub-tab to open the template editor. Then search for this block of code:

#main-wrapper {
width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

This tells me that the width of the main column (posts) is 400 pixels. The authors' photos will have to be less than 400px in width. You will then have to upload the photos of each authors to the web either using Photobucket or the method outlined in this post: Getting New Blogger to host your photos for the profile, sidebar, header, etc (click BACK button to get back to this page). If you don't want a complicated HTML to display the photo, the best is to refer to Using Irfanview photo editor for your blog on how to first resize the photos to the proper width, then upload them. You will need to get the URLs of the photos.

You will also have to decide whether you want the photo to be aligned to the left or to the right. Suppose you have 4 authors. You will then have to go to SETTINGS > FORMATTING, then in the post template, type in this code:

<img src="photo URL of author 1" align="right" />
<img src="photo URL of author 2" align="right" />
<img src="photo URL of author 3" align="right" />
<img src="photo URL of author 4" align="right" />

If you want to have the photo to be aligned to the left, you will then change it to align="left" or leave this attribute out as it is the default. Then each time a new post is made, this will appear in the post editor window. Type your content above this code, then just remove the code that is not relevant and just leave the code for the post author. I post my mugshot in the bottom of this post as an example.

If you want the photo to be a link to the author's profile, you will first have to get the URL of the profile (if you are not familiar with URL, refer to What is URL and how to get it), then modify the HTML as a hyperlink using the <img> tag. I shall demonstrate by making the photo below as a link to my profile. The HTML I use I put in the scroll box below:

<a href="http://www.blogger.com/profile/06356385819441765673" target="new">
<img src="http://photos1.blogger.com/x/blogger/5611/753/1600/98819/mugshot.jpg" width="50" align="right" /></a>




Saturday, June 23, 2007

Add a series of photos in blog footer

A blog reader asked how to put the profile photos of each author in a blog footer. That require a long answer, so I will answer in a post. Actually, the method described can be applied to the Header as well as the footer. You just click the right Add a Page Element in the right section in the LAYOUT.

I will proceed to explain how I put a series of 4 photos in the footer of My photo store. The first thing I did was to find out what is the width of the footer, and to do that, I click the TEMPLATE tab, then the EDIT HTML sub-tab to open the template editor window. I search and found this:

#footer {
width:660px;

That tells me the width of the footer is 660 pixels wide. I plan to put a series of 4 photos in the footer. 660 divided by 4 gives me 165. There are 2 ways to proceed, I will use the method that conserve storage space for my Blogger account and describe a slightly different method later. I will first resize the photos to width 160 using Irfanview (click BACK button to get back to this page). I then uploaded the photos to Photos for footer. I clicked on the photo one by one to get to the webpage that shows only the photo, and for each photo, I click VIEW in the menu bar and chose "View source". I copied the URL of the photo from the source and paste it into a Notepad file for later use. After getting the URLs of all the 4 photos, I then proceeded to the next step.

I clicked the TEMPLATE tab to get to the LAYOUT, click "Add a Page Element" in the footer section (if you want it in the Header, you will click "Add a Page Element" in the Header section), chose HTML/Javascript, then type this HTML for a table:

<table><tr>td><img src="first photo URL" /></td><td><img src="second photo URL" /></td><td><img src="third photo URL" /></td><td><img src="fourth photo URL" /></td></tr></table>


The actual HTML I used to display the series of 4 photos in the footer in My photo store I give in the scroll box below:

<table><tr><td><img src="http://4.bp.blogspot.com/_jizoPL28qCY/Rnw-lQ_86jI/AAAAAAAAAUM/LrvDJnGGeZI/s1600/WaterFront%2B160.jpg" /></td><td><img src="http://4.bp.blogspot.com/_jizoPL28qCY/Rnw-fQ_86iI/AAAAAAAAAUE/gGzOR5UXvbY/s1600/TuaPekKongTemple%2B160.jpg" /></td><td><img src="http://1.bp.blogspot.com/_jizoPL28qCY/Rnw-Zg_86hI/AAAAAAAAAT8/3Vx1UBcUvv8/s1600/MeowMeowInRed%2B160.jpg" /></td><td><img src="http://2.bp.blogspot.com/_jizoPL28qCY/Rnw-Tw_86gI/AAAAAAAAAT0/_dNHvPdasyQ/s1600/castle%2Bcloseup%2B165px.jpg" /></td></tr></table>


You will have to adjust the method described according to the number of photos you plan to put in the footer.

As promised, I will now described briefly an alternative method with will take up more Blogger storage space. You can upload the photos in its actual size, them for the <img> tag, write the tag as follows:

<img src="photo URL" width="160" />. Of course, if your footer width and/or the number of photos you want to put is different from mine, you will have to adjust the width="W" according.

All about digital photography

Friday, June 22, 2007

Add Blogger Content to a Website

There are frequent requests for ways to add Blogger blog content to a website. Apparently, you can do it if you use FTP to publish the blog to your own site. I use blogspot exclusively for all my blogs and am very happy to continue to do so. I don't need to bother with fee renewals. If for any reasons I can't be around to renew the fees, my blogs will still be on the web, and that to me is a great comfort.

eXpertise of Getting free content for your blog posted a solution at the Google Blogger Help group (a public forum), which since I don't use FTP, I cannot test. However, I will just paste the solution he offered below:

"You can use FTP to publish the blog on your own site. you can also customize the template to look like your own site. there is no need to use the api or any programming language. HTML/CSS/JavaScript is enough. learning the few custom blogger tags can also be helpful. you can see the help file and also seek help here."

If Google had not disabled "reply to author" in all Google groups in which Google employees participate, I would contact him to let him know about this post. Since I can't do that, I will do the next best thing and comment in his post to let him know about this post and the link I put to his post.

Monday, June 18, 2007

Most popular posts widget for your blog

For an example of a most popular posts widget in a blog, have a look at Generating Revenue from your website. The "most popular posts" widget is near the bottom of the right sidebar. To see all the posts, you will have to use the vertical scrollbar.

This widget was installed using the most popular posts widget by affiliatebrand.com/. Sign up for an account, sign in, click "Learn more....", register your blog, add blog, click "Edit". If you want to customize, click "Customize" tab and then you can change width (in pixels), height, over how many days, widget title (default is "Most Popular Posts" and this to me seem to be the most appropriate), stylesheet URL (you can just use the default, otherwise you will have to create your own stylesheet, upload it and type in the URL), char's (characters) to cut off from LEFT (default 0) and char's to cut off from RIGHT. Otherwise, just copy the script given into clipboard, go into your blog LAYOUT, click ADD A PAGE ELEMENT and select HTML/Javascript. Paste the script into the window, click "Add to blog". It will appear at the top of the section. If that is where you want it, your job is done. Otherwise, drag it to where you want it and click "Save" at the top right of the page.

Sunday, June 17, 2007

FireFox with Google toolbar for your blogging tasks

I just finished a long post iContact for your blog, especially business blogs. I used the Flock browser for preparing that post and there is no Google toolbar for that browser. I very much prefer to use the built-in Spell-check in the Google toolbar for preparing my posts, and I will explain why later.

Reason why I use Flock for preparing that post rather than my preferred FireFox with the Google toolbar: I have more than 1 Blogger account, and that means more than 1 Google account. Nothing sinister about that. When Blogger Beta was first introduced, there were lots of complaints in the Google Blogger Help group - not being able to see their previous in the Dashboard and thus not being able to access them to create or edit posts, etc. I didn't migrate my account then to the beta account, but stared a new Blogger Beta account to test the new features, and started Testing Blogger Beta (now New Blogger), which I still update plus create new blogs (I am afraid of running into Blogger limits). Further, I have other blogs for other purposes like my environmental blogs such as Enviroman which require a different profile. And I do multi-tasking and thus often have more than 1 browser opened in my computer simultaneously.

Anyway, as promised, I will now explain why I prefer to use the built-in spell checker in the FireFox Google toolbar. As mentioned earlier, when I prepared the long post mentioned above, I had to use the Flock browser which don't have a Google toolbar. I was forced to use the spell checker in the Blogger post editor toolbar. That is OK as long as the words that are misspelled has an alternative presented to you is included in the list of alternatives presented to you when you proceed to correct the mistake. But there were a number of spelling mistakes in that long post, for which the correct spelling wasn't listed in the list of alternatives. I had to click "Resume editing" and the vertical scroll bar didn't remain where it was but scrolled automatically back to the top of the post editor window. I had to spend a lot of time searching for that misspelled word which was extremely irritating. If I had used the built-in spell checker in the FireFox Google toolbar, there will be other alternatives - Edit, Ignore all, Add to dictionary. I would be able to click "Edit" and correct the spelling there and then (without having to go to the trouble of having the click "Resume edit" and wasting my time searching for that misspelled word which wouldn't be highlighted when using Blogger spell check) and then immediately proceed with checking the rest of the post of misspelled words. If those are "words" used by Blogger for the HTML for images, etc., I can chose to add them to the dictionary. Or I can chose ignore and continue with the editing or preparing.

There are other advantages about having the FireFox Google toolbar which I like, including the PageRank bar which you can use to check the PageRank of your blog or any other sites easily. There will be privacy issues involved but I am not concerned as I don't think I have anything to hide. There is also another post explaining why having the PageRank bar is useful at Precautions to take before linking to a site (click BACK button to get back to this page).

I also like the built-in Google search box in the Google toolbar:

FireFox Google toolbar with built-in search box

As you can see, you can chose to search only the site you are on (which will be very useful if you are searching for something in that site, but the site creator didn't provide for a site search box) and other options.

One more thing is the ability to toggle highlighting of search terms in a page which can help you zero in onto something you are searching for in a page:

Google toolbar toggle highlighting of search terms in a page

Thursday, June 14, 2007

Adding an Alexa Site Statistics Button in your blog

You may have seen some sites that has a Alexa button displaying the site Alexa ranking plus other statistics. For example, I have installed such a button in this blog: Generating Revenue from your website. The button is at the bottom of the left sidebar.

This is best done with a browser with tabbed browsing like Firefox as you can use one tab for your Blogger Dashboard and another tab for the Alexa site where you can generate the necessary script. You can install Firefox with Google toolbar by clicking on the "Browse the web better. Get Firefox with Google toolbar" link at the top of the right sidebar. If you are using Firefox to view this post, you can right-click on a link and select "Open in new tab".

If you want to install one for yourself, it is very easy. All you have to do is to go over to Alexa Site Widgets, select the type of button you want, type in your blog URL minus the http:// (for example, I typed "generating-revenue-from-your-site.blogspot.com" minus the quotation marks) into the relevant field, then click the button "Build widget". The script for the Alexa Site Statistics Button will then be generated for you. Just click on the script to highlight them all, right-click, select "Copy" to copy the script into the clipboard, go to the Layout of your blog and click "Add a Page Element" in the relevant section (mine was on the left sidebar section), select HTML/Javascript and paste the Alexa script into the widget window. Click "Save to blog". You will see an additional HTML/Javascript Page Element at the top of the relevant section in the Layout (in my case, it was at the top of the left sidebar section). The job is done if that is where you want it. In my case, I wanted it at the bottom of the left sidebar, so I dragged it to the bottom of the left sidebar section, then click "Save" at the top right of the Layout.

If you are still using the old classic Blogger template, you will have to paste the script direct into the template. Use this post (will complete this post later when I get access to my own computer where I have all the post URLs saved in an Excel file).

Sunday, June 10, 2007

How to put a donation button on your blog

Update 18 July 2007: If you are only interested in how to make a "Donate" button, skip this and go straight to the actual post. I have made a "Donate" button as a demonstration at the bottom of the left sidebar and have made a statement that while it is actually for demonstration I have I am not averse to accepting donations and have said in absolute sincerity that no amount is too small. If you want to use the that button to donate or to test you are free to do so, but please read the updates in red at the bottom of the post. This update is placed here because I added a link back to this post at the Donate button to alert any potential user of that "Donate" button of the implications after a kind soul donated $0.05 which I can say with absolute sincerity is greatly appreciated, but in my accounts, it says that I have been credited with $0.00 (because Paypal takes a cut from the donation). So the kind donor has lost $0.05 while I have gained $0.00 and Paypal earned $0.05. I remembered contacting Paypal for a schedule of charges but don't remember getting a response. I will contact them again. For a fuller description, read the update at the bottom of the post.

Another note: If you sign up for a Paypal account, you will be asked to pay a verification fee of something like $1.95. This verification fee will be credited back to your account when you make a withdrawal, so it is not really a "fee". Note that you can chose to verify later or not verify at all, in which case the maximum amount you can withdraw from your account will be limited to $1000.


How to add Paypal donate button


This is in response to someone's question regarding putting a donation button on a blog. The easiest way is to sign up for a Paypal account (to get to their site, type "paypal" into the searchbox at the top of the page, tick the "Web" radio button and click "Search"). Sign into your Paypal account. Once you are signed in, you will see a Merchant Tool Paypal Merchant Tool tab tab. Click that and you will get to a page, on the right side of which you will see a section titled "Key Features".

Paypal merchant tools key features

Click on "Donations" and you will get to a page where you have various fields to fill in. One of them is "Donation Name/Services". I typed "This is for demonstration purpose only ...." thinking it will be added to the top of the button, but it looks like it serve no purpose because I left the other fields empty (except for my country which is already selected in the drop-down menu), left my choice of button as the default "donation" button Paypal make a donation button ticked, click "Create Button Now" at the bottom of the page. The HTML was generated. I just copied the HTML, got to the LAYOUT of the relevant blog, click Add a Page Element, Update: Page Element has been renamed as GADGET so don't go crazy if you cannot find "Page Element") chose HTML/Javascript, paste the HTML into the box and click "Save to Blog". That Page Element was added to the top of the left sidebar section. I wanted it at the bottom so I dragged it down, then click "Save" at the top of the LAYOUT.

I click "View Blog" and didn't "This is for demonstration..." so I had to edit the Page Element and added that to the Title. I will be writing to Paypal for the purpose of those fields and will update this post when I get a response.

If you want a different button from the Paypal Paypal make a donation button button, you will have to create your own button, perhaps using one of those free button generator sites (use the searchbox at the top of the page. Tick the "Web" radio button). Upload it to the web using either Getting New Blogger to host a picture for the profile photo, sidebar, Header, etc. (click BACK button to get back to this page) or use Photobucket. Get the URL, paste that into the field for the Button Image URL and tick the radio button.

Update July 8 2007: Got an email notification from Paypal saying I received a payment for USD0.05, showing that the "Donate" button is working.

Paypal payment received email notification

As I have said in the title for the donate button, it is for demonstration purposes and no amount is too small if you really want to donate, and I mean it. I really appreciate the person who made that donation. However, note that Paypal deduct their fees when they pay me, although there is no fee when you make a payment (eg. via a "Donate" button.) and this is what shows in my account:

Paypal payment details

Click on screenshot to enlarge it, or if you don't want to and can't read the figures, I received $0.00 after deduction.

So while I sincerely appreciate the payment, note that after deduction, I got $0.00, the kind donor lost $0.05 while Paypal got $0.05. I still appreciate the thoughts though, but I will try to get more information about deduction from payment received so that you are better informed if you want to put a similar "Donate" button in your blog and will update this post when I receive a response. For personal experience, read below.



Note: I have made a payment of -$619.00 USD from my balance to a US resident. While there was no charge for making the payment, the recipient told me she only received only $595.00, meaning $23 (3.7%) had been deducted.

Also, if you do not already have a Paypal account and you started one and use your credit card for verification purposes, there will be request for a verification fee of I think is $1.95, which you can chose not to pay. In that case, your payment from Paypal will be limited to USD1000. I have made that verification payment recently, but that payment will be paid back into my account when I next make another payment so I wouldn't really lose anything.

The person who made the donation also requested a payment of $0.01 CAD, probably for a contribution to the verification fee. I appreciate his thought on making that donation and really don't mind making that payment, but I will have to inform him that if I make that payment, after Paypal deduction, he will probably get $0.00 CAD.

Friday, June 08, 2007

Problem signing in, seeing your blog in the Dashboard, user account, etc

Update 13 December 2007: Blogger Support keep shifting the goal post, so by the time you read this, I don't know if situation have changed. Anyway, I repeat for the sake of Blogger Support that you first try to help yourself by using their Help pages or posting to the Google Blogger Help group. After having done that, and still can't get the help you need, read the rest of the post. Note a screenshot that have "report a bug", tick that and you should get to a contact form to send a message to Blogger Support.

What do you do when you cannot sign into Blogger, or you sign in but can't see your blog in the Dashboard, or you have other related problems.

An example of a related problem is this. A company got a former employee set up a blog for the company. The former employee is now no longer with the company and they don't know what email address and/or Google account he/she used for the blog. The company would like to get access to the blog. This is an actual problem posted to the Google Blogger Help group. It appeared to me an impossible problem to solve as according to Blogger, it is a delicate issue as it involves ownership of a blog which can be disputed. However, a representative of Blogger has suggested going to Blogger Contact Us page. You will get a page where you have to tick the radio button relevant to the problem:

Blogger Contact Us Page

You will likely be taken to a series of pages that may provide information or links to information for your problem, and perhaps make further choices. You may finally come to a dead end with a suggestion and a link to the Google Blogger Help group to get help for your problem or if you are lucky, you will eventually end up in an actual contact form that allows you to submit details of your problem to Blogger Support.

As an example, I will now act like the company mentioned above and tick "Report a bug or a problem", then click "Submit". The choice expanded:

Blogger report a bug or a problem

I ticked "I can't log in" and click "Submit again". I got to another page with 5 choices, all of which is not exactly relevant to the problem described for the company above. There was a message at the bottom of the page: "Didn't find what you're looking for? Visit our Blogger Help Group for more assistance" with a link to the Google Blogger Help group. That would be going in a circle. However, there was one choice that may help: "I forgot my username or password and the email address I signed up with is no longer accessible". I ticked that one and and this time a message popped-up on the page:

Blogger real contact us link

I clicked on the "Contact us" link and was taken to a real Google Account Help contact page. However, the problem is, it require "Original email address that was associated with your account", "Email address we can use to contact you" (no problem), "Email addresses (if any) previously associated with your account", "Dates, if applicable, of previous email address changes" which field is colored yellow, probably meaning you have to fill them in to get a response, and other field to enter information (in white) plus a question "Do you currently have access to the original email address that was associated with your account?" which would be "No". As a test, I ticked "No", selected my country in a drop-down menu, left all the other fields blank, typed my contact email address, then type a message in the message box. This resulted in error messages:

A required field has been left blank. Please enter the email address that was associated with your account.
A required field has been left blank. Please enter your last successful login date.

Looks like a dead end except to go back to Google Help group for help. Then I had a naughty idea. Why not just enter an email address not really associated with the account, enter a false "last successful login date", Explain in the message box with a full description of the actual problem, click "Submit" and then pray. That should get the message sent to Blogger Support, and then hopefully get a fruitful response. If I were that company, this is what I would do.

Monday, June 04, 2007

Video chat for your blog

video chat for your blogI have put an example of a video chat into the left sidebar of this blog Blogging Ideas. It is near the bottom of the first left sidebar, just above the clock. You can leave a message by clicking on "Click here to leave a video message" and if you have a microphone and a webcam on your camera (I have both) and I happened to be online and signed in, we will be able to have a live video chat. However, don't expect too much from me because I am not really interested in having video chat and that has been put there for demonstration only.

I haven't really tested WengoVisio, but I think if you leave a video message when I am not signed in, I will probably receive an email notification of the video message with a link to the message which I would be able to view at time I chose. I just received such a email notification and had thought of posting the link to that message, but had second thoughts as it may be an invasion of privacy.

If you are interested in installing such a video chat for your blog, register at WengoVisio, sign in and get the script to add into a HTML/Javascript Page Element of the LAYOUT of your blog. If you are not familiar with that, refer to Adding advertisements, hit counters, etc. to your New Blogger blog (click BACK button to get back to this page).

More widgets (news headlines) for your blog

Want more content for your blog. Here are some widgets you may want to consider adding to your blog. The first one I tested was a scrolling headlines horizontal bar for news related to Australia at the blog Guide to Australia. It is just below the title of the blog and the Javascript code was obtained from Widgetmate News Widgets. The one for the above scrolling news headline bar was the last of the various alternatives there. All you have to do is to click on "Customize". chose your various options like keywords, type, height and width, link color, etc. I changed the default 525px width to 900px because from the template of that blog:

#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #889977;
width:995px;
margin:10px auto;
text-align:left;
font: $bodyFont;

it shows that my blog, and hence my header, is 995px wide. I can safely put the width as 900.

Further, you may want to customize the color for the background, link color, text color. For this, ColorPic (use the searchbox to find the site to download this useful tool) will be very helpful.

There are also other widgets that is suitable for the blog sidebar if customized (for width, etc.). When you change the keywords, you may have to click "Refresh". For example, I customized a widget for scrolling headlines with keyword "Search Engine Optimization" and "Site Promotion" for the sidebar of Generating revenue from your site, but when the Javascript was generated, I found that the keywords were still Bush, Iraq (var keyword='bush%2C+iraq';). I supposed the script can be edited, but I think it is too much trouble for something which is not important to me, so I deleted the widget.

Sunday, June 03, 2007

I have previously testing putting a clickable image to the post title, a report and the instruction of how to do it you can find at Testing putting a clickable image in post title.

I have repeated it here in this post. Click on the image to take you to the Blogger online book (in progress). I have tried to make clicking the title image open in new window and/or adding some text after the image, but apparently New Blogger limit the character length of what you can put in the post title.

BTW, I generated the button you see in the post title with a free button generator and the condition for using their services is that you have to post a clickable icon that leads to their site. Click on it if you want to generate your own buttons.

ButtonGenerator.com

Saturday, June 02, 2007

What to do when you accidentally rejected a comment, or want to edit a comment

When you accidentally rejected/deleted a comment, you can only do something about it if you are moderating comments via email notification. If you moderate via the Dashboard, the moment you reject a comment, it is gone forever. On the other hand, if you moderate comments via email notification, the comment will still be in the Inbox together with a link to the commenter's profile if he/she has made his profile public.

This is how you can put back a comment you accidentally rejected. If you have set your comments to "Only Registered Users", temporarily set it to enable anonymous comments (you can always reset it back again later). Then in the email, click on the link to the post where the comment was posted, scroll down to the comments section and click "Post a Comment". There will be 3 options:

1. Blogger account (which will display your name if you are signed in
2. Other
3. Anonymous

Tick "Other" and this will be what you see:

Reposting accidentally deleted comment

In the email notification for comment, right-click on the profile link of the commenter and select "Copy" to copy the URL of the profile page, then paste it into the field for "Your Web Page". Type the display name of the commenter in the field for "Name". Copy the comment from the email notification for comment and paste it into the "Leave your comment" field, preview, and if satisfied, click "Publish your comment". The only thing is, the profile photo will not be displayed.

You can also use this "trick" to edit a comment by first copying the comment, editing it, delete the original comment, then repost it using the method described above.

This trick is open to abuse and I have reported it to Blogger, requesting them to remove the option for OTHER, but I doubt they will do anything. In any case, I sincerely hope you don't abuse this trick.

If you don't want people to use your blog for abuse, I think it is wise to set enable comment moderation and/or to only allow registered users to comment. The disadvantage of this of course is those without Blogger account and/or don't want to register for one will be unable to comment in your blog.

Friday, June 01, 2007

How to add shopping cart to your blog

The easiest way to add a shopping cart is to use Paypal Merchant Tools. Of course in order to make use of this service, you will need a Paypal account if you don't already have one. Signing up is free and easy. Plus by making use of Paypal Merchant Tools, you can accept credit card payments.

Perhaps the easiest way to describe how to add a shopping cart to your blog is to describe how I set up this demonstration "online shop" at Demonstration shopping cart.

First, you will have to prepare your post. Add photographs, description, prices, etc.

Then, sign into your Paypal account. Then click on the Merchant Tool Paypal Merchant Tool Tab tab. Then at the right sidebar, click on "Paypal Shopping Cart", then enter the details like Item Name/Service, Item ID/Number (optional), Price of Item/Service you want to sell, Currency, etc. Then either tick the Paypal "Add to Card" Paypal Add to Cart button button or if you have your own button hosted on the web, enter its URL. Click the "Create button now" Paypal Create Button Now button at the bottom of the page and 2 HTML script will be generated - one for the "Add to Shopping Cart" button and another for the "View Cart" button. Copy the HTML scripts and paste them in the appropriate places in your Post Editor Window. Add further buttons if required and when finished, publish the post.

How you can withdraw funds from your Paypal account

Note that there are two ways to withdraw money from a Paypal account - by check or transfer to your bank account. For withdrawal by check, only residents of U.S., Argentina, Brazil, Chile, China, Ecuador, India, Jamaica, and Uruguay can do that. Regarding transfer to bank account, I have requested information on which countries can do that and will update this post when I get a response. In the meantime, what I have done is emailed my niece in US to ask if she could help me by opening a Paypal account if she don't already have one and I send what I have in my Paypal account to her and she help me transfer that to me. Waiting for a response.

Many have said it is possible for non-residents of eTrade to open a US bank account (one even guaranteed it, but unless I am desperate, I will take that guarantee with a pinch of salt). I have corresponded with eTrade and they have told me that only US residents and/or those who have a Social Security number can do that. If any reader knows of ways for people like us to withdraw from Paypal account, I hope you will leave a comment in this post. It will be very much appreciated.

Update 3 June 2007: OK, these are the extra details I promised to provide:


PayPal Localized Sites - Your Customized Total Payment Solution

* Australia
* Austria
* Belgium
* Canada
* China

* France
* Germany
* Italy
* Netherlands
* Poland

* Spain
* Switzerland
* United Kingdom
* United States


Send. Receive. Withdraw.
Send. Receive. Withdraw to a Local or U.S. Bank Account.

Send and receive payments in these countries. Withdraw from your PayPal account to your in-country bank account or to a U.S. bank account.

* Czech Republic
* Denmark
* Finland
* French Guiana
* Greece
* Guadeloupe
* Hong Kong

* Hungary
* Ireland
* Japan
* Martinique
* Mexico
* New Zealand
* Norway

* Portugal
* Reunion
* Singapore
* South Korea
* Sweden
* Taiwan
* Thailand


Send. Receive. Withdraw to a U.S. Bank Account or Check.

Send and receive payments in these countries. Withdraw from your PayPal account to a U.S. bank account or request a check from PayPal.

* Argentina
* Brazil
* Chile

* Ecuador
* India
* Jamaica

* Uruguay


Send. Receive. Withdraw to a U.S. Bank Account.

Send and receive payments in these countries. Withdraw from your PayPal account to a U.S. bank account.

* Costa Rica
* Dominican Republic
* Iceland

* Israel
* Luxembourg*
* Malaysia

* Turkey
* Venezuela

* Users with Luxembourg Personal and Premier Accounts can only send funds. Users with Luxembourg Business Accounts can send, receive, and withdraw funds.



Send Money to Anyone in the Growing PayPal Network

* Albania
* Algeria
* Andorra
* Angola
* Anguilla
* Antigua and Barbuda
* Armenia
* Aruba
* Azerbaijan Republic
* Bahamas
* Bahrain
* Barbados
* Belize
* Benin
* Bermuda
* Bhutan
* Bolivia
* Bosnia and Herzegovina
* Botswana
* British Virgin Islands
* Brunei
* Bulgaria
* Burkina Faso
* Burundi
* Cambodia
* Cape Verde
* Cayman Islands
* Chad
* Colombia
* Comoros
* Cook Islands
* Croatia
* Cyprus
* Democratic Republic of the Congo
* Djibouti
* Dominica
* El Salvador
* Eritrea
* Estonia
* Ethiopia
* Falkland Islands
* Faroe Islands
* Federated States of Micronesia
* Fiji
* French Polynesia
* Gabon Republic
* Gambia

* Gibraltar
* Greenland
* Grenada
* Guatemala
* Guinea
* Guinea Bissau
* Guyana
* Honduras
* Indonesia
* Jordan
* Kazakhstan
* Kenya
* Kiribati
* Kuwait
* Kyrgyzstan
* Laos
* Latvia
* Lesotho
* Liechtenstein
* Lithuania
* Madagascar
* Malawi
* Maldives
* Mali
* Malta
* Marshall Islands
* Mauritania
* Mauritius
* Mayotte
* Mongolia
* Montserrat
* Morocco
* Mozambique
* Namibia
* Nauru
* Nepal
* Netherlands Antilles
* New Caledonia
* Nicaragua
* Niger
* Niue
* Norfolk Island
* Oman
* Palau
* Panama
* Papua New Guinea
* Peru

* Philippines
* Pitcairn Islands
* Qatar
* Republic of the Congo
* Romania
* Russia
* Rwanda
* Saint Vincent and the Grenadines
* Samoa
* San Marino
* São Tomé and Príncipe
* Saudi Arabia
* Senegal
* Seychelles
* Sierra Leone
* Slovakia
* Slovenia
* Solomon Islands
* Somalia
* South Africa
* Sri Lanka
* St. Helena
* St. Kitts and Nevis
* St. Lucia
* St. Pierre and Miquelon
* Suriname
* Svalbard and Jan Mayen Islands
* Swaziland
* Tajikistan
* Tanzania
* Togo
* Tonga
* Trinidad and Tobago
* Tunisia
* Turkmenistan
* Turks and Caicos Islands
* Tuvalu
* Uganda
* Ukraine
* United Arab Emirates
* Vanuatu
* Vatican City State
* Vietnam
* Wallis and Futuna Islands
* Yemen
* Zambia

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics