Owner: Web Basics URL:http://homartemplatepractice.blogspot.com/ Join Date: Tue, 30 Oct 2007 02:15:40 -0500 Rating:0 Site Description: all about the web, html, css blogger templates, web marketing, and blogging Site statistics:Click here
Directing Web Traffic to Your Blog 2007-10-31 02:42:00 Do you want more visitors to your blogsite? Your most probable answer would be yes. It is unlikely that you created your blogsite to simply let it stagnate or left it unread and unappreciated. It is safe to assume that you created your blogsite to communicate your thoughts to other people – not unless you are too introverted that you simply want yourself to be the sole reader of your blogs. Well, this is quite possible. Some people simply want to have a private online journal much similar to a paper-based diary that is kept under lock and key. On the other hand, when it comes to blogging, most people want to be noticed. Nonetheless, it is not as easy as it may seem. There are literary billions of web pages existing on the internet, including your own blogsite. The internet is pretty much a crowded place. It is hard to get noticed if your blogsite is simply idling by.There are several ways whereby you can generate traffic to your blogsite. These methods are collectively known as web o
EarnThrough Blogging 2007-10-30 05:25:00 Your blog is a money-maker; you can actually earn by simply writing about the things you like. Nonetheless, do not be misled. Earning through blogging is not as easy as it may seem. There are several factors to be considered such as the web traffic of your blog, the layout of your blog, your skills, and, of course, the content of your blog. The most important of all of these factors is the content of your blog. If the content of your blog is interesting, you will always have a captured market of readers as well as advertisers. Hence, it is first important to find your own niche. It is not advisable that you simply plagiarize from other contents. The content of your blog should be unique. Otherwise, your page ranking in search engines will be terribly affected.There are actually several ways whereby you can earn through blogging. However, for the sake of simplicity, I will only discuss the two basic and most popular ways. First is through Google AdSense and second is through Pay Per Po Read more:Blogging
Linking To Email 2007-10-28 03:11:00 If you want to create a text link to your email or multiple email addresses on your Blogger blogsite side bar, you can use these basic anchor tags: <a href="mailto: email address"> EMAIL </a> to create the link. Simply choose the "add text" option of the "Choose a New Page Element" tab, as shown below:On the other hand, if you want to use an image link, you should enclose <img src="http://homartemplatepractice.blogspot.com//image.jpeg"> tags inside the abovementioned anchor tags, instead of the "EMAIL" text. You can actually choose any appropriate image you like. It could be JPEG image or a GIF image such as the one I have chosen. Simply specify the URL of the image that you prefer. You can use Google image search to find the appropriate image that you prefer.The codes for the above image link are these:<a href="mailto:dickens1854@yahoo.com,homar.murillo@gmail.com" target="_blank"><img width="120" src="http://members.aol.com/bahayla/1em04c.gif"/></a> Read more:Linking
, Email
Fluid, Three-Column Layout 2007-10-24 03:51:00 In terms of adjustability, there are actually two basic types of web layouts. The first type is the fixed layout. Most blogsites have this type of layout. While the second type of layout is the fluid layout. In both types of layouts, there are corresponding advantages and disadvantages. The specific type of layout can be determined or identified by the behavior of the texts and elements of a particular web page. If you horizontally adjust the size of the web browser, the texts and page elements may or may not shift their respective positions. If the texts and elements do not change their respective positions, the layout of that particular page you are viewing is fixed. Conversely, if the texts and elements of the page shift positions to fit the size of the window browser, the particular page that you are viewing has a fluid layout. (Example: Philippine Affairs. This site has a fluid layout.)First, we will change the standard two-column layout of your Blogger blogsite template. It is Read more:Three
, Column
Adding a Menu Bar 2007-10-19 06:58:00 There are actually several methods of adding a horizontal menu bar in your blogsite. However, the method that I have used in this blogsite is quite straightforward and does not involve any modification of the style sheet of the template. A menu bar is actually just a horizontal link list found on the header area. For instance, the menu bar may contain links to a profile page or to an interactive page for games or embedded chat rooms such as found in this blogsite. These pages could be separate posts within your site or external links. Remember, every blog post that you make has its own unique page URL. Simply click the title of the specific post you want to link to display the URL address.Here are the simple steps you can follow to create a menu bar above the blog header:1. Open the HTML template editor of your blogsite and check the box that says "expand widget."2. Copy and paste the entire template onto Notepad or Word. Save the document as backup template. You may also use this docu
Linking Graphics 2007-10-15 13:15:00 You can easily insert pictures or graphics in your blog post using the upload picture button. You may upload directly from your computer or from an internet source. You may also easily link the picture or graphics to any web address you prefer by simply highlighting the picture and clicking the link icon/button of the tool options available on the menu bar of the rich-text editor box of your blog post.However, linking a graphic or picture is not straightforward when it comes to the widgets of your side bars. Hence, a simple knowledge of HTML tags would be helpful.The basic HTML tag used for displaying a graphic is this <img src="http://homartemplatepractice.blogspot.com//url address">. This HTML tag will insert the graphic of the URL address that you specified. It it is advisable that you use jpeg images.On the other hand, to link the said image to a particular web address, you simply have to enclose the above codes inside these codes: <a href="http://homartemplatepractice.blo Read more:Linking
, Graphics
Dropcaps Effect 2007-10-11 19:50:00 Have you noticed the styles of most magazines and some books? The first letter of each article is typically exaggerated in size. The rest of the paragraph wraps around the overly-sized capital letter as if it is a picture or graphic. This style is primarily for aesthetic purposes. However, it is also intended to give emphasis to the start of the article. This style is called drop caps.You can actually imitate this style in your web articles such as blogs, provided that you have access to the template style sheet of your blogsite. When it comes to flexibility in style, Blogger is the best free blog host. Other blog hosts do not allow access to the template style sheet.To display the drop caps effect, you must first open the HTML-CSS template of your blogsite. Then, insert the codes listed below into the style sheet of your template. The style sheet is the collection of CSS codes found between the <head> and </head>tags of your template.As you can see, the first letters of my
Creating Table 2007-10-04 07:46:00 Creating a table using HTML tags is not as straightforward as you would probably achieve it using special softwares such as MS-FrontPage or MS-Word. Yes, you can actually create web pages using word processor programs such as MS-Word to easily create customized web pages. You simply have to save the Word document as HTML and the tags will automatically be generated. It is very convenient. However, it is still helpful to know the basic structure of an HTML table, especially if you want to trouble shoot a basic web document such as blogs.There are instances wherein you may need to create a table for your blogs. A table may contain texts, links, and graphics. There are three basic sets of HTML tags used in creating tables for a web document. These tags are shown below. The sample table that you see here uses the displayed HTML tags. However, you should note that when it comes to Blogger, table tags should be written as continous one line. Pressing the enter key several times would create Read more:Creating
, Table
The Body Tag Attributes 2007-10-02 06:57:00 Right after the <head> tag, the <body> tag follows. The <body> tag defines the content of the HTML document. If you are working with simple HTML document without the CSS (cascading style sheet), you can set the general style of the document by defining the attributes of the <body> tag. Inside the <body> tag, you can define the background color, the background image, and the general text formatting.For instance, to set the background color of the document, you simply have to enter this format: <body bgcolor="color">. The "color" declaration can either be words or hexadecimal HTML tags. For example, you may write "red" or "FF0000" to display red background. There are other color specifications you may use.On the other hand, to setup the background image, you simply have to enter this format: <body background=''image location">. The "image location" should be hosted by a server. Hence, you may use this image location: "http://www.libcoop.net/mcl Read more:Attributes
Displaying HTML Tags 2007-09-21 19:32:00 Displaying HTML tags as texts in a web post such as this has been a challenge for me lately. Whenever I include HTML tags intended to be displayed as texts, the tags do not appear in my published posts. Although I know that I simply have to replace the open arrow bracket () with this: >, Blogger is still unable to display my HTML tags as texts. If someone reading this knows the solution to my problem, please post a comment on this.
The Head Tag: Setting Background Image 2007-09-04 03:42:00 The HTML [head> and [/head> tags are found immediately after the [html> tag of an HTML document. If you open the template of your Blogger blog, you would see these tags. These tags are very important when it comes to the overall styles of your HTML document. Within these tags, the style sheet of your document is defined.For instance, you can define the background of your HTML document or web page by inserting CSS codes in between the head tags.Matrix-Effect BackgroundYou can insert the above gif image by inserting these CSS codes just before the closing head tag [/head>:[style type='text/css'>body{background-image:url('http://3lib.ukonline.co.uk/find/matrix.gif');background-repeat: repeat;background-attachment:fixed}[/style>Save your template and view your blog. The Matrix-like background will appear. (To view an example of this, click this link: Alternate Reality) You can actually change the background as often as you like. You simply have to change the URL part of the above cod Read more:Setting
, Image
Understanding HTML 2007-08-14 02:33:00 Most ordinary internet users are not very familiar with HTML. The convenience of templates and auto-formatting tools virtually eliminated the need to learn HTML. Most internet users would simply click on certain templates or formatting tools to change the appearance of their blogs, email or websites. Constructing websites today can easily be done without any knowledge of HTML tags. Free web hosting sites such as Googlepages, MySite and Geocites have made it virtually instantaneous for anybody to construct their own personalized websites.On the other hand, web logs or more popularly known as blogs easily provided avenue for personalized publishing on the web. Blogs may be highly personal or they may be informative. Topics may range from mere diary entries to philosophical musings. Blog host sites such as Blogger, Wordpress and i.ph are among the most popular sites that provide free blog hosting. A would-be blogger can easily choose from a wide array of attractive templates.In most cases Read more:Understanding
Three-Column Layout 2007-07-27 23:18:00 You can add a second side bar to your Blogspot blog. It is really easy, but it may take some patience and practice.If you are tired of the standard two-column layout of your Blogspot blog here is an easy, step-by-step tutorial on how to change the layout of your Blogspot blog. I have just copy-pasted the tutorial part from another blog. I have duplicated the original posting just in case the original post gets deleted.I am not well-versed in HTML or CSS and I am still in the process of learning. Whatever web development tricks that I will learn, I am going to post them all in this blogsite.By the way, I have replaced the 020: [div>l[div>030: [!-- skip links for text browsers -->040: [span>050: [a href='http://homartemplatepractice.blogspot.com/#main'>skip to main [/a>060: [a href='#sidebar'>skip to sidebar[/a>070: [/span>080: [div>090: [b:section maxwidgets='1' showaddelement='no'>100: [b:widget locked='true' title='Second Sidebar (Header)' type='Header'/>110: [/b:section Read more:Three
, Column
TABLE OF CONTENTS 2007-07-26 23:50:00 Adding a Menu BarCreating TableDirecting Web Traffic to Your BlogDisplaying HTML TagsDropcaps EffectEarnThrough BloggingFluid, Three-Column LayoutLinking GraphicsLinking To EmailThe Body Tag AttributesThe Head Tag: Setting Background ImageUnderstanding HTML
BASIC HTML TAGS 2007-07-04 01:56:00 TagDescriptionNNIEDTD<!--...-->Defines a comment3.03.0STF<!DOCTYPE> Defines the document typeSTF<a>Defines an anchor3.03.0STF<abbr>Defines an abbreviation6.2STF<acronym>Defines an acronym6.24.0STF<address>Defines an address element4.04.0STF<applet>Deprecated. Defines an applet2.03.0TF<area>Defines an area inside an image map3.03.0STF<b>Defines bold text3.03.0STF<base>Defines a base URL for all the links in a page3.03.0STF<basefont>Deprecated. Defines a base font3.03.0TF<bdo>Defines the direction of text display6.25.0STF<big>Defines big text3.03.0STF<blockquote>Defines a long quotation3.03.0STF<body>Defines the body element3.03.0STF<br>Inserts a single line break3.03.0STF<button>Defines a push button6.24.0STF<caption>Defines a table caption3.03.0STF<center>Deprecated. Defines centered text3.03.0TF<cite>Defines a citation3.03.0STF<code>Defines computer code text3.
GAMES 2007-06-01 21:28:00 Get great free widgets at Widgetbox!Get great free widgets at Widgetbox!Get great free widgets at Widgetbox!Get great free widgets at Widgetbox!Get great free widgets at Widgetbox!
Pay Per Post: Get Paid for Blogging 2007-11-09 02:46:00 I have recently signed up for Pay Per Post
. I have discovered it while surfing the internet. I stumbled upon a blog post that discusses about how to monetize blogs. I immediately became interested. Nonetheless, during that time, my blogsite was just recently created. Hence, it did not yet contain enough articles to qualify for Pay Per Post. A blogsite must at least be three-month old or older and must be active to qualify. By definition, an active blogsite must have regularly updated posts with the rate of at least four new posts per month. Since my blogsite was not yet qualified, I shared the opportunity with some of my co-workers who also have their respective blogs.Although the blog post that I have stumbled upon discusses other blog monetization opportunities, I have found Pay Per Post to be the most convenient and flexible way to monetize my blog. Pay Per Post offers a wide range of writing opportunities. Virtually all types of blog genres are covered. However, most of the opportu Read more:Blogging
Scrollbars Inside Blog Posts 2007-11-14 17:30:00 If you intend to include very long text contents in your blog posts but you want to save space, you may use the scrolling text or scroll bar definitions in your style sheets. For instance, I have posted here the template of this blogsite. However, since the template has very long text contents, I opted to use the scrolling text style. I have used the codes below for the CSS scroll bar definitions within my blog posts. You may directly copy-paste the codes in the style sheet of your blog template or you may modify them first, depending on your preferences. The size (width and height), background color, and border definitions can all be modified..scrollingtext {height:200px;width:465px;background:#FFFFFF;border:2px solid #b47b10;overflow:auto;}Scrollbars are ideal for long text contents such as the template codes of this blog site. To include selected texts inside the scrollbars, you must enclose the texts within these codes: <div>TEXT</div>. By the way, these codes should on
Animated Texts 2007-11-13 02:00:00 The moving line of texts that you see on the header area of this blogsite is made possible by the <marquee> code. This code has many attributes that determines the motion, height, width, behavior and direction of the moving texts. The default direction of the text is from right to left. This motion also corresponds to the way we read texts in Roman alphabet. Although moving or animated texts can be eye-catching, avoid using them in your blogs. Animated texts can be distractive and irritating to some readers. Below are some examples of animated texts with corresponding codes.SOME EXAMPLES OF ANIMATED TEXTS:(NOTE: Depending on the speed of your internet connection, it may take some time before you can view the animated texts. Please allow the page to fully load.)1. Running TextsThis text is an example of a simple running text created by using the basic marquee code. CODES:<marquee bgcolor="#FDD017">"TEXTS" </marquee>2. Bouncing TextsThis is an example of bouncing text
Adding a URL Icon (Favicon) 2007-11-12 02:02:00 Have you noticed that some websites and blog sites have URL addresses that feature icons or logos? For instance, the default logo of Blogger/Blogspot URL is the capital B with orange background:The logos featured by some URL addresses are called favicons or favorite icons. These logos are are intended to make URL addresses distinct from each other. Hence, when a URL address is bookmarked on a PC web browser, that particular URL address will easily be distinguished. You may even set your own picture as favicon for your URL address.Favicons can be of different image type. A favicon could be PNG, GIF or ICO format. However, the standard favicon foramt is the ICO format. Other types of images may not appear in some browsers such as the Internet Explorer. On the other hand, Mozilla Firefox recognizes virtually all types of icon formats. As you notice, favicons are very small icons, measuring only about 16x16 pixels. Although icons with 32x32 pixels can also be used, the 16x16 pixel-resolu
Pay Per Post Form 2007-05-13 20:41:00 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Your Browser does not support IFrames: This form can not be rendered. Please visit &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://payperpost.com/signup" target="_parent"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; Read more:Pay Per Post
Template Downloads 2007-11-17 02:46:00 Although Blogger/Blogspot is very easy to use and it has great flexibility compared to other blog hosting services, it has some disadvantages. One disadvantage of Blogger/Blogspot is its lack of readily available three-column templates and other more professionally-looking templates such as found in Wordpress, for instance. However, this blog host offers lots of freedom, especially for would-be web designers.Although you might be very creative, it requires some technical skills when it comes to designing Blogger/Blogspot templates. You have to be knowledgeable about HTML and CSS to implement your ideas. On the other hand, if you are the type of person who is too busy and do not have much patience to design your own templates, you may simply download from other sources. There are many blogsites and web sites that offer free templates.I have listed here some links where you can find free templates for Blogger/Blogspot. However, when it comes to downloading templates, it is not as straigh Read more:Downloads
Hiding the Navigation Bar 2007-11-16 03:18:00 Have you noticed the bar on top of your Blogger/Blogspot site? It is called the navigation bar. It contains the search box and other links that can be conveniently used when you are editing your blogs. However, some bloggers would prefer to dispense of the said navigation bar. There are many reasons why you might like to remove the said bar. One reason would be for aesthetic purposes. You might want your blogsite layout to have a more professional feel. On the other hand, you might simply want to add other functionalities on your layout. Whatever the reasons might be, it is still not advisable to permanently remove the said bar. You might end up having difficulty navigating and editing your blogsite if the navigation bar is permanently removed. One solution to this is to simply hide the navigation bar by adding a CSS code on the template of your blogsite. To hide the navigation bar, first find the "credits section" on the template of your blogsite. The credits section contains the nam Read more:Navigation
My Blogroll 2007-07-20 03:04:00 Web Resources Animated PicturesBlog CrowdBlogger HacksBlogger SkinsBlogger TipsCSS ECHOFaviconFeed BurnerFree Templates IFree Templates IIHackosphereHTML ColorsHTML TutorialHTML Tutorial2Jack BookMake MoneyMoney BloggerPage CheckerPaid ReviewsPay Per Post AccountPijoo (Blog Networking)Stumble UponTechnorati PingWidgets Web Pals AlvinCristelleDexEdenLeVampNaguenoYatot Read more:Blogroll
New Header and Crosscol Elements 2007-11-25 05:10:00 To add new page elements to the header and crosscol areas of your template, first go to the HTML editor and find these codes:Step1: Locate these sections:For the Header: <b:section maxwidgets='0' showaddelement='no'>For the Crosscol: <b:section showaddelement='no'>Step2: Change the codes above into these:For the Header: <b:section maxwidgets='5' showaddelement='yes'>For the Crosscol: <b:section showaddelement='yes'>Step3: Save the template and go back to the Page Elements tab. You will notice that new element boxes now appear. Now, you can add new widgets in these areas.
Google Search Box 2007-11-25 03:46:00 One way of monetizing or generating residual income from your blog is to add a Google
search box. The search box that you see on the header area of this blogsite is a Google search box. Every time you or someone else uses the said search box, certain points are added to your Google Adsense account. These points are then accumulated and converted into monetary value when they reach certain level. This is called Adsense for Search
.Adsense for Search offers three window options. Depending on your preferences, the search results may open on the same window, on another window or within your own site. Try typing search keywords inside the Google search box above. When you click the search button, the search results open within this site. This option is the best option if you want your readers to stay on your site when making Google searches.To include a Google search box with similar settings such as found on this site, you must first open your Google Adsense account. If you do not have one, Read more:Google Search
Preserving Widgets 2007-11-22 20:41:00 Once you have decided to upload a new template for your blogsite, you may want to preserve the widgets of your original template. Here are the simple steps to preserve the widgets of your original template, thereby allowing them to appear on your newly modified blog template.Step1: Go to the template editor and choose the edit HTML tab:Step2: Find these codes: </body></html>. These codes are easy to find because they are located at the end of the template file.Step3: Add this code immediately before the codes stated above: <b:section showaddelement='yes'/>. Save your template.Step4: Go to the Page Elements tab. You will notice that a new blank page element box appears on the bottom-most portion. Drag the widget elements into the new element box as shown below. Save your template.Step5: Open again the HTML template editor and locate this section: <b:section showaddelement='yes'/>. This is the same section that you previously added. Copy this section and incl
Blogger Search Box 2007-11-21 02:49:00 Have you noticed the search box above? It is not part of Google search box. Rather, it is actually an integral part of the Blogger
/Blogspot template. Typing a keyword search inside the dialog box will return search results of contents found within the blogsite. If you have hidden the navigation bar of your template, it is ideal to include a search box such as found above to help your readers find specific contents within your blogsite. The illustration below shows the location of the default Blogger/Blogspot search box.To include a Blogger/Blogspot search box in your blogsite, you must first open the Page Elements tab of your template as shown below.Then add the codes found below to any available location you prefer. However, you first have to change the red-higlighted codes in the shown example to match the specifications of your blogsite. Otherwise, any keyword search on your blogsite would return results found in this site.<form action="http://homartemplatepractice.blogspot.com// Read more:Search
Recommend Site To A Friend
