|
| |
| |
| |
|
|
|
| Tips for New Bloggers |
| A dummies guide, tips, tricks, help for all new bloggers on Web templates, Blog templates, designs, widgets, layout, JavaScript and HTML codes, and monetize blogs for Blogspot blogs. |
| Language: English |
| RSS Feeds for this Blog |
|
Statistics |
| Unique Visitors: 1087 |
| Total Unique Visitors: 13932923 |
| Visitors Out: 4507 |
| Total Visitors Out: 7377 |
|
|
|
| |
|
|
| |
|
| Difference - HTML and XHTML |
| 2007-10-09 10:15:00 |
When inserting codes into the Blogger template, page element, or blog post, you may have seen error messages that the code could not be parsed, was not well-formed, was broken, or that the elements were not closed properly. These errors can be corrected if you understand the rules that must be adhered to in XHTML documents. Blogger templates use the XHTML 1.0 Strict Document Type. In this
...
|
| |
|
| Three Columns Thisaway Template (I) |
| 2007-10-07 08:30:00 |
We have polled readers to find out what Blogger templates they are using so that we can roll out articles pertaining to their templates, such as our 3 column template guides to add another sidebar and convert their existing Blogger templates from two columns to three columns. We have posted the conversion tutorials for the popular templates – Minima, Rounders, Denim, Dots, Scribe and Sand Dollar
...
|
| |
|
| Three Columns Thisaway Template (II) |
| 2007-10-07 08:27:00 |
In the earlier Three Columns Thisaway Template (I) article, we have given a how-to guide on changing the Thisaway and Thisaway Blue templates from two-column to three-column templates. In this second part, we shall show you how to add a new sidebar into the Thisaway Green and Thisaway Rose templates. As we had mentioned, before modifying the template, be sure to back up the existing template.
...
|
| |
|
| SEO Tools - Search Engine Optimization |
| 2007-10-01 12:25:00 |
What are Engine">search engine optimization tools, webmaster tools, Google page rank checker, SEO tools, and how can these internet tools help to bring more quality traffic to your Blog? There are many free online web tools that webmasters can use to find out more information about their sites. The tools can also alert the webmasters to possible problems search engines may have with the site's template
...
|
| |
|
| Author Comments - Different Styles |
| 2007-09-29 10:54:00 |
Bloggers generally welcome constructive comments and feedback on their posts. Among the ways to encourage comments are to remove the “nofollow” tag and to add a Recent Comments widget into the template. Comments highlight issues that readers might have faced, and the author's reply to these comments may be useful to other readers as well. If you have many comments posted in your blog, it would
...
|
| |
|
| Flash Music Player and Music Playlists |
| 2007-09-27 10:44:00 |
In our earlier article, Add Music to Blogspot Blog, we talked about how music can be played in the background of the blog or through a hyperlink or music console player. Readers had requested for an option to play more than one song via a playlist. We have been looking at cross-browser music players that allow us to display a music playlist of selected musical pieces for Blog readers to listen
...
|
| |
|
| Submit Blogger Sitemap to MSN and Ask.com |
| 2007-09-25 11:48:00 |
We had explained how to submit Blogger sitemaps to Google and Yahoo!. When the sitemap industry standard was first announced in 2006, Microsoft's MSN was one of the three major search providers which supported the protocol. Submitting your Blog's sitemap to these search engines will enable them to index the pages and contents of the site. Needless to say, having all the pages indexed will
...
|
| |
|
| Recent Comments Feed Widget |
| 2007-09-24 08:47:00 |
We wrote earlier about creating Recent Comments and Recent Posts Widgets using Blogger's “Feed” page element. It was a simple method that even non-techie Bloggers can understand and use. In the middle of last month, Blogger did a major change to the GData API and many bloggers suddenly saw broken entries in their feed widgets. Although Blogger has tweaked the Feed widget to make this work
...
|
| |
|
| Technorati Tags in Blogger Posts |
| 2007-09-18 12:08:00 |
Technorati, which indexes some 94 million weblogs, allows blog owners to assign tags to their posts. These tags are essentially words which describe the category that the posts, photos and videos fall under. Visitors can then search these tags to find the relevant blog posts. How can the Technorati tags be inserted into Blogger posts so that they can be indexed by Technorati? Is there a need to
...
|
| |
|
| Blogger FAQ and Help Guide |
| 2007-09-10 09:38:00 |
In case you are not already aware, we have been addressing some of our readers' queries through our Tricks for New Bloggers blog. It all started with readers asking questions which are unique to their situations. While we tried to modify our articles to include those situations as well, it was a tall order trying to cover every possible permutation. So as not to disappoint our readers, we set
...
|
| |
|
| Submit Blog to Search Engines |
| 2007-09-06 10:36:00 |
Search Engine Optimization (SEO) aims at increasing the volume and improving the quality of traffic to a website from search engine results. Search engines work on different algorithms to analyze the contents and keywords, and present the search results. Google, for instance, assigns page ranks to the sites and sites that rank highly will appear early in the results. Of course, many other
...
|
| |
|
| Add or Remove Borders in CSS Templates |
| 2007-09-05 10:26:00 |
We have received a number of queries from people wanting to remove the image borders or add sidebar borders in the CSS layouts. In this article, we cover briefly what the border styles in CSS templates are and where you can find them. With this guide, you will be able to remove the borders around the images, sidebar or main posts, or change the style and color of the borders to match the Blog
...
|
| |
|
| Internet Security and Blogger Virus |
| 2007-09-01 10:53:00 |
The internet was abuzz with talk that Blogger.com site got hacked and was compromised. Blog owners suddenly found fake spam Posts in their Blogs which contained links to virus downloads and data mining sites. Some were faced with inexplicable web page load times and yet others noticed odd codes appearing in their templates. The natural reaction is to blame all these on the people responsible
...
|
| |
|
| Add Scrollbars to Blog Widgets |
| 2007-08-30 11:12:00 |
This tutorial shows you how to create widgets or boxes with scrollbars. When the contents in the widget exceed a certain specified height or width, there will be a vertical or horizontal scrollbar to enable users to read the contents that overflow or exceed the box area. This scrolling element is especially useful for our Link List or Labels widget which may be very lengthy. It reduces the total
...
|
| |
|
| Three Columns Dots Template |
| 2007-08-28 07:43:00 |
If your Blog is using a Dots or Dots Dark Template, you can consider adding another sidebar, making it a 3 column Dots Template. Because the dots in the background image are well-spaced, we thought it won't look nice having another column. However, after inserting the third column and making adjustments to several settings, we were pleased to see that a three column Dots or Dots Dark Template
...
|
| |
|
| Feedburner - FeedCount Chicklet Text |
| 2007-08-27 10:31:00 |
Feedburner is a very popular feed aggregator and provides a host of services which you can tap on to publicize and promote your Blog. One widely used service is their FeedCount Chicklet which displays your Blog Feed's circulation statistics. The chicklet can be static (displaying the number of “readers”) or animated (showing the number of “readers” via feed). Although you can change the
...
|
| |
|
| Three Columns Sand Dollar Template |
| 2007-08-27 09:27:00 |
The Blogger Sand Dollar template takes up the full browser width and has a nice color scheme. Some people may find that the empty space in the sidebar can be put to better use. We can add another sidebar to the right and this tutorial will show you how to convert your Sand Dollar layout into a three column template.
Here, we are specifically dealing with 3 column Sand Dollar templates. If you
...
|
| |
|
| Customize Video Upload in Blogger |
| 2007-08-25 07:54:00 |
We wrote an article some time back suggesting how you can Add Video to Blogs. We highlighted two popular video hosts – Google Video and YouTube. Just yesterday (Aug 24, 2007) Blogger released its new Video Upload feature from its Blogger in Draft. There is now an icon in your Post Editor allowing you to upload a video into your post, in the same manner as you would for photos. At the moment,
...
|
| |
|
| Images not shown in Internet Explorer |
| 2007-08-23 07:03:00 |
Sometimes, the photos, images, pictures or graphics do not show or display in a website in Internet Explorer (“IE”) browser or an email in MS Outlook Express. Instead, where the pictures ought to be, there is a Red X or a placeholder.
Several factors could have caused this problem of images not being displayed in IE. In this Help guide, we'll look at these reasons and the solutions to show
...
|
| |
|
| Customize and Modify Poll Widget |
| 2007-08-21 08:51:00 |
In this article, we shall suggest some modifications to the CSS template to change the appearance of the Poll widget to something eye-catching and attention-grabbing. For example, we can add background colors or images to the Polls widget and change the font and border colors. These should draw the attention of your readers to the Poll and put some buzz into the Blog.
In case you are not aware
...
|
| |
|
| Sticky Posts in Blogger |
| 2007-08-20 08:45:00 |
In this article, we learn how to create sticky posts or have an article permanently displayed on your Home page and above the Blog Posts. This is useful if you want readers to see a particular post, message, announcement or text whenever they visit the site. It could be an earlier popular post. In all Blog platforms, new posts are always shown first and older posts are archived. With a simple
...
|
| |
|
| Make Blog Private and Unsearchable |
| 2007-08-19 06:26:00 |
Many people write blogs to share their thoughts with everybody and anybody. However, you may also use your Blog as an online diary, penning very personal and private thoughts. Like all diaries, you can either allow a select few persons to view the Blog or allow no one but yourself the right to view it. Also, you may not want it to be indexed by search engines, so that people searching for it
...
|
| |
|
| Manage Blogger Image Storage Space |
| 2007-08-17 12:53:00 |
We have uploaded a fair number of pictures and graphics onto our Blogs. However, this is nothing compared to some blogs which have hundreds and thousands of photos in their archives. As we know by now, any service, be it web host or email provider, that comes free will not allow you unlimited bandwidth or storage space. Google has a cap on its storage space too. In this article, we shall
...
|
| |
|
| Recent Comments and Recent Posts Widgets |
| 2007-08-15 08:20:00 |
Recent Comments Widget
Adding a Recent Comments widget into your sidebar is a way of acknowledging the readers' feedback and giving their comments a prominent place in the main page of your Blog. It also makes it easier for them to check for replies to their questions and for other readers to follow up on topics which they may find interesting. This widget is especially useful if you have
...
|
| |
|
| Tables – HTML Basics and Tutorial |
| 2007-08-13 07:13:00 |
In this article, we shall learn how to create tables in our Blog posts or as a part of our web design layout. This guide covers the usual HTML attributes and styles that can be applied to tables. Tables add a different dimension to displaying your contents and whether you have a football match fixture, menu, and song, price or grocery lists, putting them in a table format is certainly neater.
...
|
| |
|
| Three Columns Denim Template |
| 2007-08-12 14:44:00 |
We continue with our series of 3 column templates tutorials, this time outlining the steps to take to convert the 4 standard Denim Blogger Templates – Denim, Washed Denim, Stretch Denim and Stretch Denim Light - into three column templates. Where necessary, we shall reduce the extra space in both the left and right margins of the templates and add a new sidebar. Since we are only expanding the
...
|
| |
|
| Horizontal Menu and Navigation Bar |
| 2007-08-10 14:37:00 |
Many web designs use horizontal menu bar and navigation lists which allow users to easily access the pertinent information in their website. While Blogger makes it simple for you to create a link list through their “Add a Page Element” function, the list is displayed vertically. We shall discuss how you can change that into a horizontal link list, and more specifically, use that as a navigation
...
|
| |
|
| Header Image and Title Alignment (II) |
| 2007-08-05 14:16:00 |
We continue from where we left off at Header Image and Title Alignment (I). This guide is for those who have uploaded images into their Headers, and want to move the pictures to the center, left or right side of the Headers. In this tutorial, you will also learn how to adjust the margins for the Title and Description in the Headers. The first part of our article covered the Minima, Denim,
...
|
| |
|
| Header Image and Title Alignment (I) |
| 2007-08-05 14:11:00 |
We created this Blog using the new beta Blogger template. At that time, there was no easy way to insert images into the Blogger Header. We had therefore written an article on inserting a Banner or Picture Link in the Blogger Header. Recently, Blogger introduced a new feature in their templates, allowing owners to upload pictures into their Blog Headers. This background image to the Blogger
...
|
| |
|
| Social Bookmarking Links in Blogger |
| 2007-08-02 15:08:00 |
In this article, we shall provide the code for you to place into the template to have a line of icon/ button links or text links to popular social bookmarking sites like Digg, Technorati, del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, etc. Readers can click them to add your site or your post to their bookmarks and in sharing these links with others, your Blog becomes more visible. This
...
|
| |
|
| Three Columns Rounders 4 Template |
| 2007-07-26 13:37:00 |
Here, we cover the steps taken to change a Blogger Rounders 4 template into a three column template. Unlike the other Rounders templates, Rounders 4 has an additional picture in the Header which should be enlarged to accommodate the new blog width. When you are at Template -> Edit HTML, look for “Blogger Template Style”. If the Name of your template is “Rounders 4”, follow this guide to
...
|
| |
|
| Three Columns Rounders 3 Template |
| 2007-07-25 13:50:00 |
This is our tutorial specifically for those who are using the Blogger Rounders 3 Template and would like to add a third column or new sidebar into their template. To confirm what your template is, go to Template -> Edit HTML and look for “Blogger Template Style”. If the Name is “Rounders 3”, follow this guide to customize your template to a three column Rounders 3 template.
For other templates
...
|
| |
|
| Three Columns Rounders 2 Template |
| 2007-07-24 14:10:00 |
We had written an article on converting the Blogger Rounders template into three columns. Since the graphics for the Rounders 2, 3 and 4 are different, we shall in this article discuss specifically the changes to be made if you want to insert a third column into your Rounders 2 Template. If you are unsure as to what your template is, go to Template -> Edit HTML and look for “Blogger Template
...
|
| |
|
| Three Columns Scribe Template |
| 2007-07-23 15:00:00 |
We have been receiving a number of queries by users who wish to insert a third column into their Blogger templates but are using other templates like Scribe, Denim, Thisaway, No. 897, and so on. We have therefore set up a test blog using a different template each time and converted them into three column templates. In this article, we shall outline how you can add a third column or a second
...
|
| |
|
| AdSense Product Referrals in Blogger |
| 2007-07-19 15:43:00 |
If you have an AdSense account, this latest launch of Google AdSense Referrals 2.0 is something you must look at. In addition to the traditional Google products, there is now a very long and varied list of products that you can include in your Blogs and offer your readers. In contextual ad targeting, the AdSense ads that appear in your Blog may not always be relevant, especially if you do not
...
|
| |
|
| Alert Message and Dialog Box |
| 2007-07-16 16:15:00 |
You can display an alert message box to give a special announcement, provide information, or warn the readers before they view the full contents of your site. The pop up box will contain your message and have an “OK” button for viewers to proceed, or a prompt or cancel button to redirect readers to another site. We can further customize our Blog by asking for the reader's name and inserting
...
|
| |
|
| Numbered List and Bulleted List |
| 2007-07-12 20:23:00 |
The Blogger's post editor gives you one number style for an Ordered (Numbered) list and one bullet style for an Unordered (Bulleted) list. Here, we shall let you know how you can change these styles to add variation to your posts. We shall also discuss how links can be incorporated into such lists and how a marquee tag can be added to make the list scroll.
Ordered (Numbered) List
We like to
...
|
| |
|
| Content Theft and Copyright Infringement |
| 2007-07-09 13:45:00 |
How annoying it is, spending an awful amount of time researching and writing articles for your Blog, only to find out that some people have stolen your articles and reproduced them in their blogs as though they wrote them. Over the weekend, we decided to take action against one of the several “thieves” and we relate our experience here so that you have an idea how you should proceed when you
...
|
| |
|
| Faster Web Page Load Time |
| 2007-07-06 12:11:00 |
We share with you what we have been doing to improve the page loading time of our Blog. If a web page takes too long a time to load, the readers will simply hop on to another site. Making it load quickly also saves the dial-up internet users' money and time. While it is true that the download time depends on the readers' internet connection speed, we can as Blog owners tweak our layout and
...
|
| |
|
| Status Message and Older Post picture link |
| 2007-06-18 14:21:00 |
This tutorial covers 2 aspects. First, we shall customize the template to remove the status message “Showing posts for query link. Show all posts” appearing at the top of the posts when you enter a search word in the Blogger Navigation bar. Secondly, in the previous article, we discussed the ways to remove or hide the Newer Posts, Home, and Newer Posts links at the bottom of every post. We
...
|
| |
|
| |
 |
