According to Jim

The Internet Place for a Wide Variety of Topics

Welcome to the online information zone. Topics of Marketing, Internet, Google, Apple, Advertising, Blogging, Computers, Hardware, Software, Hard Drives, Routers, and Networking to name a few.

My Blogger Update – Internet Jim Live Online Import Export Blog




This is a how to guide for importing and exporting your Blogger blog to other Blogger blogs. Carefully follow the import and export online documentation below. Procedure works for Blogger Classic (HTML), Blogger FTP Publishing, Blogger New (XML), and Blogger Custom Domain Names. On my online post for Blogger Dashboard – Hide Show All Problems [...]






Click to read more about: My Blogger Update – Internet Jim Live Online Import Export Blog

This is a how to guide for importing and exporting your Blogger blog to other Blogger blogs. Carefully follow the import and export online documentation below. Procedure works for Blogger Classic (HTML), Blogger FTP Publishing, Blogger New (XML), and Blogger Custom Domain Names.

aroundtheworld-1

On my online post for Blogger Dashboard – Hide Show All Problems – Missing Blogs; as of 12/14/2008 I discovered a do-it-yourself fix for this peculiar dashboard problem. I made a discovery when doing some Google Searches for free blog editors for Blogger that started me thinking of a possible solution for my particular missing blog in the dashboard problem.

I found this one article that talked about the new features of Blogger Beta, with one of those features being that of importing blog postings from other blogs that a person owns and has the publishing rights to. Other blog platforms such as WordPress have for some time been able to import postings from other blogs, but until recently Blogger did not provide that feature. When I read the write up about this new Blogger feature, it was the old proverbial light bulb going off in my head. I thought, this might be a solution to the missing blog in the dashboard.

Some background information is required for understanding the Blogger technical problem to begin with. When I first created this blog, www.jimwarholic.com, and posted it the first time on the Internet, I believe I did it strictly under FTP publishing, and did not assign a Blogspot.com to the blog at first. I created the website, www.jimwarholic.com back in the year 2006, and started publishing directly with FTP publishing at my webhosting domain using my own domain name.

It was the later part of the third quarter of 2008 in which Blogger did an update to their system, and my blog disappeared completely from the dashboard area. It wasn’t in the hidden mode, or the cookies were not causing it to be hidden as some suggested, it was just gone. I could still gain access to it from the quick edit buttons when logged into my Blogger account, and navigate backwards into the back end of the template settings and publishing setups. I tried everything I could think of to get it to show up in the dashboard, though it was always displayed on my profile page. I assigned another email address for writing on the blog as an administrator. However, the blog would not even show up at the dashboard of the other profile account. I was scratching my head for months on trying to figure it out. I posted information at Blogger Help Groups. I searched online for solutions. I tried to leave a message for Blogger, but they no longer have a contact page online. But, I could not find a fix, that is until 12/13/2008 – 12/14/2008 rolled around.

Sometimes you have to take Internet matters into your own hands. Importing and exporting blogs to Blogger is now a mouse click away on the settings area of each blog control console. You now have three options available to you. Import a blog, export a blog, and delete a blog. To import posts and comments from a Blogger blog, you must first have exported the blog to your local computer desktop or folder on your PC.

I must warn you here. Take some precautions before you attempt to export and do an import of your complete postings and comments from another blog, especially the blogs that are missing from the Blogger Dashboard area. Note also, that if you export your content from one Blogger account, and then import your postings and comments to another Blogger account, with a different name on it, you will end up having all your posts republished with the new Blogger account name.

Additionally, I would recommend before doing the online procedure is having two windows open in your browser, or better yet, having two different browsers (Firefox, Google Chrome, or Internet Explorer) open when exporting a blog from one Blogger account, and importing it to another Blogger account.

*Very important note here. It is highly recommended to have an Internet quick link from your desktop to the old Blogger missing dashboard blog, to that blog’s setup page. To do this, you can use Google Chrome, and create what is known as “create an application shortcut” to your desktop. Once you do that, then you can click on the Internet link in the future to gain access to your blog. Or you can use Firefox and drag the tab to the desktop to the specific page for the postings, settings, and template area of the old blog that has been navigated to with the quick edit links in the postings themselves. You could also do a bookmark or Internet Explorer favorite link too. However, I would not trust just one way only. If you do not do this link step, you will have no way of getting back to the old Blogger blog that remains hidden from the dashboard area. You will be lost forever. The reason for this is that once you publish using the new blogspot.com address, and then change it to your old FTP published address and click publish, your quick links will now be linked to the new blog instead of the old blog. Which means the old quick links used to navigate to the settings tab for the old blog will not work anymore.

Here is what I did for my particular FTP export and import blog solution.

This procedure is written for Blogger FTP publishing but most of these steps should work for other non FTP blogs such as blogspot.com address and custom domain names for Blogger too. The new XML Blogger template files can also be exported and imported too and you should export your HTML Blogger Classic template or XML template file too.

  1. First read the Blogger information on, How do I import and export blogs on Blogger? Read it twice and make sure you comprehend all aspects of how to do it before proceeding.
  2. Created favorites – bookmarks, and quick launch buttons using Firefox and Google Chrome on the desktop to the old blog setup page to be safe.
  3. Saved old HTML template file on to my local computer from the old blog website. I used the following procedure for saving the old template file. Opened Template, Edit HTML, and copied entire html text to a notepad plain text file. Notepad is part of the default Microsoft Windows Operating System simple text editor programs available from the lower left of the screen. Go to Start, All Programs, Accessories, Notepad – and Don’t forget to do this and remember where you have saved the file!
  4. Opened Firefox and Google Chrome Browsers next to each other. It’s nice to have a bigger screen, but not required.
  5. Logged into one Blogger account in Firefox. Logged into the other Blogger account in Google Chrome. Though I used two different Blogger accounts, you can do the same thing with a single Blogger account and have two windows, tabs, or two web browsers open at the same time with the same Blogger account but with different blogs in each tab or window.
  6. Navigated to the control area of the blog, using the quick edit links in the old blog postings, and followed the links to the settings tab for the old blog.
  7. Exported the old blog to the desktop or folder on your computer’s hard drive which creates a (.xml) file.
  8. Created new Blogsopt.com webblog. Went to the other browser, and created a new Blogspot address using the “Create a Blog” link from the Blogger Dashboard. I used http://internetjim.blogspot.com as the blogspot.com website. You can create your own name for your blogspot.com website. Note, it is going to change to your own domain name in the next steps.
  9. Verified the new virgin site was live online. (I may have done one test posting to begin with, but am not sure on this point.)
  10. Changed the new site title and description to reflect the name of the old blog. Note: I changed the title slightly to quickly visually verify on which website I was on at the time. Because, once you do the import of the posts, comments, and HTML template file, you will not be able to tell the difference from one blog to the other.
  11. Switched to FTP publishing on the new blog by first switching back to classic templates mode.
  12. Opened both the old and the new blog tab areas and copied the FTP publishing information from one settings are to the other. Went right down tabs: Basic, Publishing, Formatting, Comments, Archiving, Site Feed, Email, OpenID, and Permissions. It is important to get everything the way it is on the old blog to the new blog. Keep the publishing, archiving, and site feed absolutely the same, otherwise, you could end up with new urls, which won’t match up with the search engine results or result in broken links back to your website.
  13. Copied from the HTML text in the Notepad template file previously saved in step number 3 and pasted the old HTML text into the new Edit HTML section of the new blog. (This makes the new blog look like your old blog, but not completely until you publish FTP publish it. Important! Don’t publish it yet. Wait till the next step. If you publish before the next step, you will write over all your postings at the hosting server for your blog for a period of time until you repost with the imported posts and comments.)
  14. After double checking and comparing all of the settings with the old to the new, it was now time to do an import from the saved (.xml) file located on the computer desktop. Note, there are a couple of options on the import. You can either choose to import and automatically publish all posts immediately or import and save them as drafts to be published later. Your choice at this point. I automatically published at this point in the import process.

    Import posts and comments from a Blogger export file. Imported posts will be merged with any current posts, sorted by date.

  15. Success! At this point in time, I verified all my posts were properly posted to the server. I navigated to each online to verify. The new blog was now showing up in the dashboard area.

Blogger Notes and Observations

I was still trying to figure out how my blog went missing in the first place. I still think it had to do with when I first created the blog without a blogspot.com address. I went straight to FTP publishing. Another possibility, is I may have created this blog at about the time Blogger still allowed you to use a different email address or Blogger account name other than a Gmail account. Blogs under the old Blogger accounts required a different login screen and are part of the legacy claim for claiming old blogs to be part of your new Google account name. I had however, claimed my blog under this legacy link a long time ago.

Somehow, when the most recent changes occurred with the Blogger Dashboard area, was when I first noticed my blog had disappeared. It seems as though a few other folks have experienced the same problem too. I haven’t heard of a fix from Google as of yet about this particular situation. It may be part of a database glitch for old FTP blogs that were created without a blogspot.com address to begin with that got overlooked when Google Engineers updated the Blogger system and dashboard areas.

Another important point to note when doing an import from one blog to the other, is that if you posted any of your old posts at the old blog account, and then changed the title of the blog postings and re-published the blog at the same spot, the URL would not have changed on this old posting, but when you import the blog postings into a new Blogger blog, the URL is updated to reflect this change. That change in the URL creates a small problem however.

Let’s take a look at a web page example. Let’s say I published a blog at the old account titled “This Is a Test Example” for the title of a new article. The URL at the old account would be the following: www.jimwarholic.com/2007/02/this-is-a-test-example.php. If however you changed the title at the old blog to “Internet Testing at My Online Sandbox Beach” or simply “Test” the new title in the Blogger Title Field would be updated on the old blog posting, but the URL would remain the same. This would not affect any links to that particular posting. But, when you import the name, “Internet Testing at My Online Sandbox Beach” or “Test” for the title of the posting to the new blog, the resulting URL would change to www.jimwarholic.com/2007/02/test.php, which is completely different than the original URL and will break hyper-links to that specific page, unless you create some permanent redirects (301 Status Code) in your (.htaccess) file. If your website hosting provider provides the easy-to-use cPanel website control panel for setting up redirects, or other website hosting control panels that provide for quickly configuring permanent (301) redirect solutions, then each URL can be quickly entered into an online input form. Otherwise, you must manually write a new .htaccess file by including the redirects for each particular file that needs to be redirected to the new URLs. Once the redirects are established online, after a period of a month or two, then you can remove them to make your website run more efficiently, and speed up the web page renderings. I suggest a search on Google for more information on .htaccess files to understand some of the finer points in configuring temporary (302) and permanent (301) redirects.

For the moment, I am a bit leery of deleting the old blog by using the “Delete Blog” from the settings page. However, I changed the FTP publishing user name and password, so it would not publish if I accidentally happened to click there for some reason. I also gave myself a note on the HTML template area to reflect what the status of that blog is. I might have missed a redirect, and if I saw an old page and thinking it needed to be edited, the old edit quick edit link will still be in affect for the old online posting. You would not want to republish from that old blog, otherwise you will change all your Internet postings back to what they were in the past.

I know this is a rather long Blog posting, but I feel it’s important for everyone out in Internet land to understand what is going on online with your web site, when a procedure like this is implemented on the Web.

Good luck everyone. If you happen to take the plunge into importing and exporting, take your time, and think about what you are doing. Print out these instructions if you wish. Feel free to post your comments or questions to either the comments section of this post or email me directly using the appropriate comment or email form below.

Best regards,

Jim

Brought to you by Professional Web Services. Gain new quality sales leads and attract new customers online with Internet marketing services for your business. Make your business alive today on the World Wide Web. Learn more, contact us today for more sales for you.

Get your business website found online with Internet marketing services from Professional Web Services. Learn how we can target the right customers for you.

Blogger Import Export Blog Update 12/18/08

After serious consideration about a few things related to possibly maintaining the old blog online, I decided it was in my best internet interest to delete the old blog completely from the Blogger system. There were a number of very good reasons not to save the old blog. For one, if I forgot to do a redirect of an old Blogger posted page, a commentator would still be able to post a new comment to the old blog. This would not be good, since all the old comments were exported and imported into the new online blog, and I really want people to comment on the new blog, not the old blog. Additionally, I found myself accidentally logging in to the old blog through quick edits, on web pages that I forgot about. By deleting the blog completely from the Blogger system, I will no longer have to worry about that. If I forgot a page or two on the permanent redirects, the Search Engine Spiders will eventually figure it out, and gather the proper pages to add to the online search directory database.

Warning about deleted Blogger Blogs!

I was however a little nervous when I went to delete the old blog from my Blogger account. I did not want to accidentally delete the wrong Blogger blog. It paid off and was good that I had two slightly different names for each of the blogs for identification purposes. There is no recovery if you accidentally delete the wrong blog in your Blogger account. Deleted Blogger Blogs are gone forever and Google will not be able to get them back for you.

Get your business website found online with Internet marketing services from Professional Web Services and improve your bottom-line.

-->

Table of Contents Microsoft Windows Live Writer Blog Editor Review




Microsoft Windows Live Writer Multi Platform Blog Writer & Blog Editor Review Five Star Recommendation Table of contents posting was done with Microsoft Windows Live Writer to Jim’s Blogger account. See some of the cool features and read about Windows Live Writer blog editor software review below. Jim’s Internet Table of Contents Post Title Post [...]






Click to read more about: Table of Contents Microsoft Windows Live Writer Blog Editor Review

Microsoft Windows Live Writer Multi Platform Blog Writer & Blog Editor Review
Five Star Recommendation

Table of contents posting was done with Microsoft Windows Live Writer to Jim’s Blogger account. See some of the cool features and read about Windows Live Writer blog editor software review below.

Jim’s Internet Table of Contents
Post Title Post Date Post Comments Post Labels
The Floppy Disk Drive Engineering & Design Challenge 2008/12/25
Comments
Labels: , ,
The Swiss Army Knife King 2008/12/22
Comments
Labels: ,
The Top 20 Apple iPhone Apps for Entrepreneurs 2008/12/21
Comments
Labels: ,
Firefox 3 Acrobat Reader Browser PDF Crash Bug Report 2008/12/20
Comments
Labels: , , ,
My Blogger Update – Internet Jim Live Online Import Export Blog 2008/12/16
Comments
Labels: , , , ,
Table of Contents Microsoft Windows Live Writer Blog Editor Software Review 2008/12/15
Comments
Labels: , , , , ,
Apple iMac G5 Power Supply Issues and DIY Apple Repairs 2008/11/24
Comments
Labels: , , ,
Two Monitors on iMac With Free Screen Spanning Software 2008/11/11
Comments
Labels: , , ,
Universal Hard Drive Adapter IDE Laptop or Desktop SATA and PATA 2008/11/08
Comments
Labels: , , , ,
How to Add a Print Button JavaScript for a Web Page or Blog 2008/11/06
Comments
Labels: , , ,
Internet Marketing, Online Advertising, Branding, & Search Engines 2008/11/03
Comments
Labels:
Don’t Forget To Set Your Clocks Back in Time 2008/11/02
Comments
Labels:
How To Build a Web 2.0 Internet Computer 2008/10/27
Comments
Labels: , , , ,
Free Internet Security For PC Computers With Comcast 2008/10/10
Comments
Labels: , , , , , ,
Blogger Dashboard – Hide Show All Problems – Missing Blogs 2008/09/19
Comments
Labels: , ,
How to Repair Apple iMac G5 Motherboards DIY 2008/07/09
Comments
Labels: , , ,
PowerBook G3 Wallstreet Old World Mac Linux Installation 2008/04/23
Comments
Labels: ,
Obfuscate Encode HTML or JavaScript 2008/04/06
Comments
Labels:
Ubuntu and Xubuntu Installation Requirements 2008/03/15
Comments
Labels: , ,
Recover Corrupted Digital Pictures from CF Memory Cards 2008/01/27
Comments
Labels:
Godaddy 1000 Emails SMTP Relay Limit 2008/01/17
Comments
Labels: ,
Networking Windows XP, 95/98, and Network Printer 2008/01/02
Comments
Labels: , , ,
Learn Skitch in 3 Minutes Flat 2007/12/21
Comments
Labels: ,
Right Minded Marketing Online Today 2007/11/13
Comments
Labels: , ,
Comcast Modem Chat Session 2007/10/27
Comments
Labels: ,
Two Comcast Modems or More at the Same Location? 2007/10/27
Comments
Labels: , ,
Setting Up Business E-mail and Personal Email Accounts with POP 2007/10/16
Comments
Labels: , ,
My Blogger Wish List 2007/10/07
Comments
Labels: , , ,
Upgrading a Computer Hard Drive And Back Up Software 2007/07/15
Comments
Labels: , ,
Free PDF Converter Writer Programs PC & Apple 2007/06/29
Comments
Labels: , ,
Hard To Get Started Today 2007/06/28
Comments
Labels: , ,
Fans, Power Supplies, Computers, and Power Outages 2007/06/25
Comments
Labels: , ,
Good News Apple Safari Now Works on Microsoft Windows PCs 2007/06/24
Comments
Labels: ,
Apple Safari For Windows Partial Menus For Many 2007/06/16
Comments
Labels: ,
A Wise Wize Service Tip 2007/06/13
Comments
Labels: ,
Google Custom Domain Name www Subdomain Help Required 2007/06/10
Comments
Labels: ,
Google Acquires Patented Virtual Session Security Company 2007/05/29
Comments
Labels: ,
World Time Server For Your Business 2007/05/27
Comments
Labels: , ,
Microsoft Attacks Open-Source Linux Operating System 2007/05/20
Comments
Labels: , ,
Ubuntu Linux Free And Easy Install OS 2007/05/19
Comments
Labels: , ,
Forcing Comcast To New IP Address With Router And PC 2007/05/17
Comments
Labels: , , ,
Microsoft Talks Merger With Yahoo! 2007/05/05
Comments
Labels: , ,
Internet Speed Test For DSL, Cable Modems, And Dial-Up 2007/04/27
Comments
Labels: , ,
Automatic Atomic Clock Sync For Your PC 2007/04/27
Comments
Labels: , , ,
Spell Checker For Web Browsers, Email, And Online Forms 2007/03/27
Comments
Labels: , ,
Climbing The Web Ladder Online Marketing Paradox 2007/02/21
Comments
Labels: , , ,
Internet Testing at My Online Sandbox Beach 2007/02/01
Comments
Labels: , ,
How We Snatched Our Business Domain Name 2006/12/12
Comments
Labels: , , ,
James Is The Number One Name 2006/12/08
Comments
Labels:
James – What’s In A Name? 2006/12/07
Comments
Labels:
Andy Warholic – My Dad 2006/12/06
Comments
Labels:
The New SuperBoomBox Boom Box 2006/11/29
Comments
Labels:
Centered Internet Marketing Online With CSS 2006/11/28
Comments
Labels: , ,
Deja Vu Marketing 2006/11/25
Comments
Labels: ,
Cast Your Vote On The Internet For Your Business 2006/11/07
Comments
Labels: ,
Website Designs For Your Business Today 2006/10/17
Comments
Labels: ,
Web Development Time Marketing Online Today 2006/10/15
Comments
Labels: , , , , , ,
Internet Central Marketing For Online Jim 2006/10/15
Comments
Labels: , , , ,

Jim’s Online Table of Contents For Internet Review

This is my year end table of contents for Internet Jim. Actually this TOC goes back a couple of years. I figured it was about time to have a quick review of some of the postings at this website. I created this template using Microsoft Windows Live Writer beta addition. Windows Live Writer is a cross platform, free desktop blog editor that allows you to quickly add tables to your blog postings. You can quickly and easily switch between multiple servers and blog platforms such as: Blogger, Windows Live, WordPress, SharePoint, LiveJournal, TypePad, Community Server accounts, and others. A number of features include quickly adding images, videos, maps, and tables.

Lucky Internet Penny The advanced tables feature was exactly the main feature I was searching for online, when I happen to stumble onto the Microsoft Live Writer software table solution. Tables, like a Microsoft Excel Spreadsheet, are very useful when it comes to posting things in a logical order of columns and rows, with headings and descriptions included. Columns and rows can be quickly added and changed in size in a WYSISWYG, What You See Is What You Get, writing environment even if the cell, column, or row already has text or other information inside of it. Simply drag the columns or rows to increase their sizes and quickly set centering parameters for both the table and cells (horizontal and vertical parameters), and applying these horizontal and vertical parameters to entire columns and rows too.

Adding pictures into the middle of a blog posting is easy. Place your cursor where you want the image to be included in the posting, and click add image and have the text wrap too. There are some other cool features for images that makes if fun to just play around with the look and feel of what you intend to post online.

free-formFor example, you can quickly rotate an image and add watermarks to pictures that are on your computer to begin with, as the source picture, before uploading the image online. Add custom margins, borders, drop shadow borders, photo paper looks, reflections, rounded corners, and solid borders to images. Text wrap right (as the walking penny above), text wrap left (as the image is on the right), inline images, and image centering as the free form image below are just a click away. Linking to an image source or other url is easy without having to know any html coding. Images can also be added from an online source location such as Picasa Albums, Photobucket, ImageShack, Flickr, and other image hosting websites just by selecting the url of the image and adding it to the image prompt. You can also quickly size the image to any image size you need with customizable pre-assigned thumbnail sizes.

Additionally there are some really cool, fascinating, and advanced features for image editing. Contrast and brightness are easy to slide adjust, once again in a WYSISWYG view. A very powerful, yet intuitive cropping feature is also available for your image. As I said before, you can rotate the image, but also the image can be quickly tilted in the posting itself. See below.

free-form

Free Form Image With Tilt and Reflection Advanced Effects Features

This cool free-form picture certainly adds another image reflection and a completely new dimension to what you can do with a free-form picture image. Note the optical illusion along the left and right side of the image which makes it look like the posting is tilted.

Before the posting is ever published on the Internet, Windows Live Writer has the option to display the post in a preview form of the template you are using on the Web. This feature will show the full affect of how it will look when it is published online. You can also edit the source html code too. You can post to your blog in draft mode or publish live. Once the blog posting is published online, then you can use Microsoft Windows Live Writer to do future edits directly from your computer desktop and then re-publish your posting to view it online live.

Of course, Windows Live Writer features include a real time spell checker, save as draft mode, automatically save drafts at a fully customizable set period of time (every one, two, or three minutes, or more), plus it also includes word count, characters counter (with and without spaces counts), and paragraphs counts too. Links, font sizes, font styles, colors, bold, italic, underline, strikethrough, headings, block quotes, bullets, numbered lists, left align, center align, right align, and justified text is easy with a quick click from the icons at the top of the editor. Right click on the mouse to display most used features such as link building, alignment, numbering, and bullets. Auto linking is another feature. Simply type in the url address like http://wow.jimwarholic.com or predefine keyword hyperlinks and the software program turns it into a hyperlink for you. Sidebar can be switched off or on which will display recently posted and open drafts, along with insert hyperlinks, pictures, tables, maps, video, and add plug-ins too. Download the Windows Writer Beta now with new features.

Wow! I have to say, I really am quite impressed on what Microsoft Windows Live Writer Blog Editor can do. There are more features to this blog editor software program then meets the eye. With over a hundred available to download online, with more being added, Windows Live Writer is likely to become a very powerful and useful online/desktop software blog editor tool. And, did I tell you the best of all, Windows Live Writer is available free of charge.

Are you looking for the answers of how to get your business website found online? Are you looking for more customers from the Web today. Then, you are just a short click away to learning more about how professional Internet marketing services business solution that can propel your business on the Internet. Contact Professional Web Services now to have an online salesman that never gets tired and works for you 24×7. So, for your business website, just like the lucky internet penny above, he will walk miles for you.

-->

How Can I Add a Print Button JavaScript on a Web Page or Blog




An According to Jim reader Asks, “Can you please provide an automatic print button.” Well, I wanted to make it easy for a website visitor to be able to print the text area in Blogger posted articles and information found at my “According to Jim” website. Print button script Have you ever visited a website [...]






Click to read more about: How Can I Add a Print Button JavaScript on a Web Page or Blog
An According to Jim reader Asks, “Can you please provide an automatic print button.”

Well, I wanted to make it easy for a website visitor to be able to print the text area in Blogger posted articles and information found at my “According to Jim” website.

Print button script

Have you ever visited a website and wanted to print the main article of a web page, but you ended up having to print the whole page which might have been heavy in the graphics, advertisements, menu systems, links, and other extra body text that you really didn’t want to waste your printer ink on? I certainly have been in that situation. Well, it took a bit of work, much online research, and exploring various CSS and JavaScript options for printing a selected section of text from a website. I think I have found a good solution.

The solution for the print problem was a little more problematic when doing it with a blog, than just printing a static web page. One of the things about a blog is you can have one post, multiple posts, archive posts, and “Label” posts, on display within the home page area. While this is a really cool feature for blogs, from the standpoint of being able to select how many posts you wish to show up on the first page (home page), it presents a dilemma for printing automatically one posting of information at a time.

The printing criteria for selecting a printing solution included the requirements to remove any background and special text decorations, but still retain the majority of the links, headings, and key graphics intact. I also did not want to have the visitor to have to navigate off the page to a completely brand new web page of the website.

So, I found this cool Printing JavaScript from Huntingground website.

Printing Script Overview

The first part of the printing solution is to create a division area on the web page that is structured as the “print area.” Basically for those that are new to HTML coding, you place a <DIV id=”print_div1″> in between the text that you want to print, and end with the </DIV> end tag. By creating an “id” for that print division, you have segregated the text between the <DIV> tags, so that when the JavaScript, “Click to Print” is clicked, the script builds a new web page on the fly, with the selected text, but removes most of the Cascade Style Sheet, CSS features from decorating the page with style background images, and allows the text to wrap on the new page. You can add inline CSS to the JavaScript if you wish to add some extra font styles and/or other style classes too.

As I stated at the beginning, setting the print area is relatively easy with a static web page. However, I needed to make some changes to the code in order for it to function on the blog. First off, I had to make sure I placed the <DIV id=”print_div1″>Print This Text Area</DIV> within the <Item></Item> Blogger page template tags. The reason for placing the print area in the following format:

<ItemPage>
<DIV id=”print_div1″>
Print this area.
</DIV>
</Item Page>

is if a blog has more than one posting on the first page, the script gets lost of which ID to print if the <DIV id=”print_div1″> tag is placed in the main or archive section, and in most cases simply will not function. So, I made sure that the person navigates to the permanent link of the article posting before the “Click to Print” button is activated.

The next item I did was change the following code to print out the actual title of the page, instead of just “Print Page.”

Original code:
newwin.document.write(‘<TITLE>Print Page</TITLE>\n’)

Modified code:
newwin.document.write(‘<TITLE><Blogger><$BlogItemTitle$></Blogger> – <$BlogTitle$></TITLE>\n’)

What that code change does is grabs the posted item title and blog title, and automatically places it in the header of the printed page. So, if a person has print header section title turned on via the “Page Setup” menu setting from the browser File menu, the printer will print out that actual item title and blog title of the Blogger posted page for reference.

I also wanted to make a button instead of just an html link. So, I changed the following code from:

<a href=”#null” onclick=”printContent(‘print_div1′)”>Click to print div 1</a>

and changed to:

<ItemPage><div style=”text-align: right; margin: 0px; font-size: 10px;” class=”button”><button onclick=”printContent(‘print_div1′)”>Click to Print</button></div></ItemPage>

I also placed this button outside the <DIV id=”print_div1″> </DIV> tags because I did not want the print button to show up in the printed page at the top of the posting.

Also, I placed this button html code inside the (<ItemPage> button installed here </ItemPage>) because I wanted the Click to Print button to be only on display when the visitor was on the permanent linked page for a particular blog posting.

Additional notes: I place a second print button html code at the bottom of the posting and added an additional <DIV id=”print_div2″> Print Comments </DIV> area to allow the visitor to print the comments too.

Then I placed a button for printing the comments like this:
<div style=”text-align: right; margin: 0px 20px 0 0;” class=”button”><button onclick=”printContent(‘print_div2′)”>Print Comments</button></div>

By-the-way, Though not required, I used some inline css style in order to align the button exactly where I wanted it to be. I also have a class button which references back to a CSS style sheet for other styling parameters.

Another interesting finding, was Google Language translation works with the print option too. I decided to take advantage of the way the Google translation program functions. When a web page is translated, it displays the translation in whatever language you have selected, but when you hover over the translated text, Google also provides an original language displayed reference with a hover-over mouse affect to the actual untranslated version for that particular sentence or paragraph. So, once I found out what the “CSS class” Google was using for the section of translated text, I took advantage of that and placed that original English text in a different color and/or italicized font format when printing. To view this, simply click on any translation of a permanent link, and then click to print button and see what happens. If you don’t want this text to be on display for printing, you can use a CSS hide display, style=”display: none.” My feeling though is, it is better to have it on display rather than hidden, since the automated language translations are not perfect, and if a visitor can read at least a little English, they would have a much easier time of figuring out what it says when comparing it to their native language translation.

To make the Google translation text display in a different color, font style, and font size required placing an additional line of JavaScript code in to the main script.

So just after:
newwin.document.write(‘<TITLE><$BlogPageTitle$></TITLE>\n’)

I added the following:
newwin.document.write(‘<style type=”text/css”> .google-src-text { color: #F56F09; font-style: italic; font-size: 80%; } </style>\n’)

One other important note:

Install the the full code at the bottom of the template area, just before the </body> tag. Place it in between a <ItemPage> and </ItemPage> tags. That way, the script only loads when on the permanent link pages. Also, by installing it at the end of the Blogger classic template area, you will be sure to load the rest of the page prior to this script being loaded. I had the script at the beginning to begin with, and there were error messages being displayed in Internet Explorer. I think this issue had to to with how the Blogger page is constituted by grabbing items from both the Blogger server and my web server, since I am using FTP publishing. I have not attempted, as of yet, to use this script in a non FTP published Classic Blogger template or new XML Blogger Templates by itself. I guess I’ll have to try that sometime and let you folks know how that works.

Well, that’s all for now folks. Good luck on your printing. Need help with your website? Contact us today. Marketing your business today. Get your business found online the right way. Earn more sales today.

-->