2007-12-13

Hosting Template Codes

HOME||CONTENTS

Have you ever wondered how to host your Blogger/Blogspot HTML template codes? Well, there is the option of posting them on your blogsite or website. But then, in order to do this, you must first have to change the arrow brackets of the tags so that they can be displayed as texts. A convenient method of doing this is to copy-paste the template codes onto MS-Word and use the Replace command to replace all the arrow brackets with the corresponding ampersand (&) symbols. For details regarding this, you may read this related post: Displaying HTML Tags. After replacing all the arrow brackets, you can then post the template codes on your site. However, this method is a bit tedious and may introduce unnecessary XML codes that might not be parsed by the Blogger HTML editor.

Another option would be to simply upload the text file (Notepad) version of your template to a web host. There are many web hosting services that you can avail. Some are for free while others require payments. The best free web-hosting site that I have encountered so far is Googlepages. You can upload text files and other types of files to Googlepages. These files will then be hosted in unique pages of their own -- with corresponding URL addresses, of course.

To upload the text version of your Blogger HTML template, simply follow these instructions:

Step1: Open the HTML editor of your Blogger template.

Step2: Check the “expand widget” box. Copy the entire codes using the Ctrl+A and Ctrl+C command on your keyboard.

Step3: Open a Notepad. Then, paste the codes that you have copied using the Ctrl+V command on your keyboard. Save the file using the appropriate filename (example: backup template.txt).

Step4: Open your Googlepages account. If you do not yet have an account, you must first create an account. Typically, if you have a Blogger account, you can easily open your Googlepages account. The username and password for this account are the same as the ones that you are using for your Blogger account.

Step5: Upload the Notepad file as shown in the illustration below. As you can see in the example, I have uploaded the template of my Alternate Reality blog.



Step6: After uploading the Notepad file, click the corresponding link of the uploaded file. A new page will open displaying your text file. For instance, the web page for my uploaded template is hosted at this address: Alternate Reality backup template. You can use your created page as backup template or as reference link for your blog posts. If you want to have a formatted text file, you may use MS-Word to format and save your text file. You may then upload this file.

Please continue reading...

Custom Writing Services

HOME||CONTENTS

Even with the available help essay services on the Internet, some students still find it very difficult to write high quality research papers. Sometimes, the problem lies on the writing skills and not on the availability of information. If you want custom papers for your project, thesis, term paper or dissertation, you may simply buy an essay from credible websites. Technically, it would not be considered as plagiarism if you avail custom writing services, especially if you provided the rough draft, sources and format specifications. Services such as these simply polish and organize your research papers.

Please continue reading...

2007-12-12

Menu Bar with CSS Definitions

HOME||CONTENTS

(Related Topic: Adding a Menu Bar)
Menu bars are the basic navigation tools of a website. Menu bars allow the visitors or users of a website to conveniently navigate from one page to another. Without the menu bar or any other navigation links, all the contents of a website have to be placed on the front page. This would be tantamount to printing a whole book as a long scroll rather than the more practical leaf-page format. The menu bar is comparable to the index or table of contents of a book. It allows the readers to find the particular page or contents that they want. Thus, the need for scanning the whole book is eliminated.

Even blogsites may need menu bars for easy navigation. For instance, this blogsite features a simple menu bar located at the top portion of the header area. This menu bar leads to the different resources and information found on this blogsite. Since each blog post is located on a unique page, you can link the important pages to the items of your menu bar. For instance, I have included the following items in my menu bar:

HOME||CHAT||GAMES||SLIDES||BLOGROLL||ABOUT||CONTENTS

The menu bar of this blogsite was created using simple text links. There is another way of creating a Blogger/Blogspot menu bar using CSS definitions. CSS adds text effects to the menu bar. In my previous post on this topic I have discussed the simple method that I have used for this blogsite without using CSS definitions. In this post I will discuss the method that utilizes CSS definitions. (For an example of Blogger menu bar with CSS definitions, visit this site: Much Ado About Nothing.)

Here are the steps that you should follow to create a menu bar for your Blogger/Blogspot site:

Step1: Create a new header page element. To do this, please refer to this post: New Header and Crosscol Elements.

Step2: Find the HTML section that is shown below and add the red-higlighted codes.

<div id='header-wrapper'>
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Beautiful Beta (Header)' type='Header'/>
</b:section>
</div>

Step3: In the style sheet section of your template, add these CSS codes:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColor;
}

#menubar a:hover {
background-color: $headerCornersColor;
}

Step4: Save your template and go to the Page Elements tab. You will notice that a new page element box has been added above the header title. Click the Add a Page Element link and choose Link List as the new page element. You can now start linking pages from your blogsite posts or from other sites.

Please continue reading...

2007-12-11

Small Business Web Hosting

HOME||CONTENTS

Our age is the age of information. Virtually all types of information can be accessed with a few clicks of the mouse buttons. In fact, we are overwhelmed by too much information that we sometimes do not even know which information is right. The internet is a worldwide library that made it possible for the easy access to information. Aside from academic concerns, the internet is the gateway to global marketing. The amazing thing about web marketing is that you can actually do business 24 hours a day even when you are asleep or simply twiddling your thumbs. Your customers can literally come from any part of the planet. If you intend to start a web-based business, you must first find the right web hosting site for your business.

Small business web hosting sites are ideal for start-up individual enterprises. When it comes to web marketing, the possibilities are endless. You can offer very obscure products and services, yet you will be surprised to find a sustainable market demand. There are many sites that offer free or paid web hosting services. However, only very few of these provide the right information that you need to make your web business successful. Before you jump into the bandwagon, you must first gather the right information.

Learn from the real-world experience of others. Those ordinary individuals who made it big in web-based enterprises are those people who were willing to learn from their mistakes. However, you do not need to go through the same grueling process that they have gone through. You can know more about web marketing by simply reading the articles written by successful web marketers. Being equipped with the right information is like possessing a treasure map. The map itself will not give you wealth but it can lead you to riches that perhaps even beyond your wildest dreams.

Please continue reading...

Check Page Rank of any web site pages instantly:
This free page rank checking tool is powered by Page Rank Checker service