Skip to main content

Posts

Showing posts with the label Blogging

Hide a widget in blogger using CSS temporarily

At times, it might be needed to hide any widget which might not be needed temporarily without deleting it. So, to do that, define a CSS with the id of the widget and then include the following code, visibility:hidden; For example, #widget1 { //other CSS contents; visibility:hidden; } Where widget1 is the id of the widget. To redisplay the widget you simple need to remove the visibility option.

How to Comment inside CSS

It is a good practice to always include comments inside your cascading style sheets, for easy references later. Just use the /* sequence to begin the comment followed by the comments you want to type in. And then end the comment with */. e.g.: /* comment here */ Note: comments can be multi line.

Things which Mozilla Firefox should have had but does not

Mozilla FireFox is a very good browser.This article deals with what when incorporated in Mozilla would make it a very powerful browser. Say you have turned off images and say you are filling an application form , now in order to submit it you are requested to type a series of alphabets from an image , now here begins the problem you go to the required option and enable images and then what you will have to reload the entire page for doing this and when you reload the page you lose all the data that you have filled up. you could also try right clicking the place where the image is and selecting view image but now the image opens as a next window and when you go back you loose all your filled data. Instantaneous displaying and hiding images when required is not possible. Opera is one web browser which offers this functionality.You can view the image in the same page by right clicking the image and selecting reload image. Sea monkey also is a very good browser . In opera when a particular...

Know the time to load a Page of a website or a blog

For all the bloggers out there, your page load time is also an important factor for many viewers to stay and visit your blog repeatedly. Hence the time to load a page of a website may play a crucial role in making the visitor come back. Hence, to know the time taken to load a page, you can make use of the following online resources: http://www.websiteoptimization.com/services/analyze/ http://tools.pingdom.com/ http://www.iwebtool.com/speed_test Then you can optimize your website or blog identifying the areas which take more time to load. A sample Statistics display in Pingdom:

Why is this blog for?

This blog I write here is written for the basic users of computers, though certain posts may seem advanced, majority of the posts here are concentrated only for the basic computer users. There are tons of sites for giving out advanced suggestions, so I write in here of simpler problems which may seem very much simple but complicated for very basic users. Even though certain posts might seem highly obvious to be written like I said, this blog is for the basic users. So this is why this blog exists and if you have any suggestions please let me know. Thanks for reading.

How to resize a picture using HTML

You can make use of the img tag to resize a picture using HTML. Just give the width and height to which you want to reduce your picture to in a browser. Note that, the original dimensions of the picture won’t change; the picture will only be adjusted and displayed to the dimensions you have specified in the img tag. Eg: <img src=”the URL of the image here” width =”200px” height = “200px” /> So no matter whatever the image size is, it will be shown in the height and width you specify.

Check your Google PageRank

This is a valuable tool to check your Google PageRank. Check Page Rank of any web site pages instantly: This free page rank checking tool is powered by Page Rank Checker service

Stumble easily with the stumbleupon tool bar

The stumbleupon tool bar is another one of those really good add-ons out there in fire fox. It helps you to mark the websites you like very easily as you browse through the web. One can also write their reviews directly using the tool bar itself, without going to the actual site. The stumble button can help take you to content similar to your interests. No wonder addons.mozilla.org put up a recommended seal for this add-on. Try it.

Blogger Reactions: Get feedback from your visitors

Blogger has got a good way for blog authors to get feed back on their content. Let the content be a picture, or an article or a review, you can get valuable feedback from your blog readers through blogger reactions. Blogger reactions occur as check boxes below your blog posts, which helps the readers to vote freely for your blog posts. This is an alternate to commenting but very effective way to express what they think. You can also pick a range of virtues for your post. For example, if you are going to post a picture as a blog post, you can set the possible reactions as lovely, ugly, cute, funny etc… The readers now just have to check the check boxes to vote. To enable Reactions go to the layout of your blog and then under Blog Posts page element click the edit link and in the configure blog posts window, check the reactions check box and then you can edit the possible reactions you want to get from your readers. Click the save button. Now readers can give you feed back at a single cl...

How to link to other portions of the same page using HTML

You might have seen in a lot of websites like Wikipedia that there are a lot of links pointing to various portions of the same page. This can be done easily in HTML by use of two simple tags. First create the link using the following tag: Go here Then place the following tag just before the place, where you want to navigate: (Don’t forget to close tags appropriately) The above link will appear like this: Go here When clicked it will search for the tag with the name “link” and will go there( it will not work here though). You can use any name value in the place of the link tag as used here and the corresponding name should be used in the href tag as well. Note that in the first href tag there is a # symbol which is not present in the second name tag.

Making your post links more search engine friendly in blogger

When search engines crawl your website, they look for the links in your site as well. The text of the link is also very important, because search engines also note this. Since each and every post in your blog has its own link, you must make sure that these links are quite meaningful. When you publish your post in blogger, the first few words are selected for making up for the link of that post. For example, if the title of the post is “how to blog using flock in blogger”, then the link would be something like http://blogname.com/......../how-to-blog-using-flock.html In the example above, if the blog title does not contain the “in blogger” text. But it would be better if the link were http://blogname.com/......../blog-using-flock-in-blogger.html So to do that, first publish the post with the suitable title which you want to have as the link. Then after publishing, you can change the title to a more detailed one. Note by changing the blog posts title, the blog URL does not change.

What is meant by pinging your blog or website

Pinging is the process of making the search engines know that your site has been updated. Especially blogs which are of course updated weekly or sometimes daily have to be pinged often. There are a lot of pinging services available in the net like www.autopinger.com, www.bloggers.com, www.pingomatic.com etc. What you have to do is to type your website URL in these websites and they will ping your website or blog for you.

Make your website page load faster and smarter….

When people who have slow speed broadband connections, visit WebPages that load slower they do not come to that website again. At least in most cases they will try to avoid these WebPages. This will be a great deal and will cost you a lot of traffic. So let us see the various ways by which we shall reduce the time of loading of WebPages. JavaScript: JavaScript is one thing in your WebPages which will make your page load really slower. This is because many of these scripts make use of other website servers to display stuff in your blog like dynamically changing content etc. When the server which these scripts use is down it will make the page load slower even in case of high speed connections. So avoid using too much JavaScript in your WebPages.Especially the ones from the other sites. Images: Images make the page look good and pleasing but when the page is too much populated with images then there will be a time delay to download all these pictures in the first place. So minim...

Optimizing the presentation of a website

Many people put a lot of quality content in their websites or blogs but they do not get that much popularity. Do you know the reason? It is because many people do not care of the presentation and navigational features of the website or the blog. I find a lot of blogs which contain a lot of good articles, but when I want to search in to the blog, I find no search box for searching inside the blog. This is quite a common problem in various blogs. Even though these blogs have quite good information, due to the navigational issues people just leave the blog. It is very important that people concentrate on the presentation of the blog along with the contents. The following are some issues where bloggers and webmasters have to work on to improve the navigational power of the blog or site: Categorize the contents in your blog or site in a neat manner in your sidebar. This will not only improve the navigational features, but will also tell the visitors what kind of subjects your site de...

An easy way to spread the message of your blog – your email signature

Well after creating your own blog or website you may want others (your friends) to know about it. But you cannot nag everyone by telling that you have a blog. An easy and a great way to do it, is to include the blog in your email signature. An email signature is like a visiting card. The people who receive your email will also receive the URL of your blog. Many email services like Google, yahoo support the inclusion of signatures with the emails that you send to others. Your signature will notify the reader of the email that you seem to have a blog and might check it out and may be he will like it. In Google (Gmail) you can set the signature by going to settings ------> general----->> Signature: (appended at the end of all outgoing messages) Just type in your blog URL in the text box provided and then save your settings. Now your blog URL will be appended at the end of all the out going emails. Similarly you can also add your signatures in your yahoo id as well. Go...

How to make blinking text or a blinking link using HTML

You can make a blinking text or a blinking link by enclosing them in the blink tags. Eg: <blink> your text to blink </blink> Note: The blinking methods and time may vary with different browsers. Some browsers it may not blink at all. However it works in Mozilla, Firefox, opera etc. It should also be noted that, blinking text might be harmful for people with image disorders and might even make the page unclear and annoying to read. If you use it, use it wisely.

How to earn money through your blog

This has always been a question which is put to me by my friends. I tell them a lot of ways but I just thought today of compiling the entire thing as blog port. You can earn money by paid to click services, affiliate programs and also by accepting donations for your website. The latter might sound a bit not convincing but believe me it is true when your content is worthy. Many people just give away money for their satisfaction. One of the famous spot for blogging for money is blogger.com. It supports almost all kinds of services and it is free. It is good and highly customizable. So, if you have not started blogging yet, then you can make use of this site for blogging. Now let us see about paid to click services. Now here is a request before reading further. Please increase traffic on your website or blog so that more people visit your blog and you get more clicks and then you earn money. One thing which has to be noted is that, you should not click the ads yourself, for you migh...

How to Add the Google Adsense Code in BlogSpot (blogger)

First get the Adsense code from Google. Then Login to BlogSpot. Go to the layout of the blog in which you want to implement the Adsense code. Click on the Add a page element link, either on the side bar or on the bottom of the layout. Select the Html / JavaScript widget from the resulting screen. In the HTML /JavaScript page, give a title for the script or simply leave it empty .Just paste the Adsense code in the bottom space after the title text box. Just save this widget and then it is all. Just view the blog to see Adsense ads according to the format you have chosen, while getting the code.

My bitter experience with Metatags

All my friends told me that by adding Meta tags my site would improve much further. So I added some Metatags from Metatag generators. But when I was hoping that my site would improve. I found that in the content analysis by Google in webmasters there has been some metatag issues . Google has found duplicate Metatags in my website and then Google did not index it for some time. But not until I removed the Metatags.

How to have an image as the header in BlogSpot (blogger)

Header is the one where the blog title is displayed along with the description. First create an image which is around 760 pixels wide. To have the image as the header, follow the following instructions. First, login to your blogger account. Then go to the layout of the blog .There click the edit on the page element which shows the title of your blog. Then, in the resulting page, just browse and select the image you would want as the header. You can also upload it to any web host and give the link in the next text box. You can either have the image as the back ground of the title and description or you can replace the title and description with the image. However the former is highly recommended. Then you might want to check the shrink to fit check box. Then click save and it is all done.