Wednesday, December 30, 2009

Happy New Year to all my readers

Hope everyone of you are well and all of you are doing great by grace of Allah. I wish success to all of you for the new year.

1. Please copy the below contents all 6666s and Paste it in your Notepad.
2. Use find and replace (CTRL+H) . From windows Notepad click Edit and then replace.
3. In the find box type 6
4. In the Replace box type with _ (underscore) 
5. Click on (replace all). That means replace by 6 by underscore.  Then you will see my special message for you. Make a smile!





6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6669966666996699669 9999999669966666 9966666669966666 6996699999999669 9666699666666666 6666696666666666 666666666666
6669966666996699669 9999999669966666 9966666666996666 9966699999999669 9666699666666666 6666999666666666 666666666666
6669966666996699669 9666666669966666 9966666666699669 9666699666699669 9666699666666666 6669969966666666 666666666666
6669966966996699669 9999999669999999 9966666666669999 6666699666699669 9666699666666666 6699666996666666 666666666666
6669969996996699669 9999999669999999 9966666666666996 6666699666699669 9666699666666666 6999999999666666 666666666666
6669999699996699666 6666699669966666 9966666666666996 6666699666699669 9666699666666666 9999999999966666 666666666666
6669996669996699669 9999999669966666 9966666666666996 6666699999999669 9666699666666669 9666666666996666 666666666666
6669966666996699669 999999966 9966666996666666666 6996666669999999 9669999999966666 6699666666666669 9666666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6699666669966666666 6966666666699999 9996699999999669 9666666996666666 6996666699669999 9999669966666996 666666666666
6699666669966666666 9996666666699999 9996699999999666 9966669966666666 6999666699669999 9999669966666996 666666666666
6699666669966666669 9699666666699666 6996699666699666 6996699666666666 6999966699669966 6666669966666996 666666666666
6699999999966666699 6669966666699999 9996699999999666 6699996666666666 6996996699669999 9999669966966996 666666666666
6699999999966666999 9999996666699999 9996699999999666 6669966666666666 69966996 9966999999996699699 9699666666666666 6
6699666669966669999 9999999666699966 6666699666666666 6669966666666666 6996669999669966 6666669999699996 666666666666
6699666669966699666 6666669966699666 6666699666666666 6669966666666666 6996666999669999 9999669996669996 666666666666
6699666669966996666 6666666996699666 6666699666666666 6669966666666666 6996666699669999 9999669966666996 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666
6669966666699669999 9999666666666966 6666666999999996 6666666999999966 9999999966699966 6699999999666666 666666666666
6666996666996669999 9999666666669996 6666666999999996 6666666999999996 9966669966669966 6699666699666666 666666666666
6666699 6699666699666666666 6666996996666666 9966669966666666 6666669969996669 9666699666699966 6996666666666666 66666
6666669999666669999 9999666666996669 9666666999999996 6666666666669966 9969669966669966 6699696699666666 666666666666
6666666996666669999 9999666669999999 9966666999999996 6666666666699666 9966969966669966 6699669699666666 666666666666
6666666996666669966 6666666699999999 9996666996996666 6666666669966666 9966699966669966 6699666999666666 666666666666
6666666996666669999 9999666996666666 6699666996699666 6666666999999996 9966669966669966 6699666699666666 666666666666
6666666996666669999 9999669966666666 6669966996666996 6666666999999996 9999999966699996 6699999999666666 666666666666
6666666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 6666666666666666 666666666666

Posted by at No comments:
Labels:

Tuesday, December 29, 2009

How to post larger images in blogger

Sometimes you want to post bigger images inside your blog post. But you upload a good resolution image in your blogger post and while posting you specified size as extra large but it even become resized and thus you got poor quality of images.
In order to make a large sized image you simply have to follow following steps.

Step 01: Choose a good resolution image that you want to upload for your blog post. By good resolution I mean any image over resolution 1024 x 768.

Step 02: Check your blog main body width. For my blog it is around 920 px. So the maximum sized of the image can be 920px. But to make the image looks nice, we have to keep some padding to the left and right side of it. As our main body size is 920 px, so make the image width to 900px.

Step 03: Using the compose option you simply click "Insert Image" icon and upload image. If you make it X-large while inserting image you will see by default it is taking 640px width and there is no width and height tag associated with the image. You can manually add an IMG tag too and can insert an image.

Step 04: Now you simply need to add width attribute of the image to your desired size. Here I also removed the anchor tag. My code is like below.

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/_8O68IaFjsdA/SzsDQEmkgbI/AAAAAAAAAXk/YYYwK0RbxBA/s640/Saint_Martin_s_Island_southernmost_point_Bay_of_Bengal.JPG" width="900/" />
</div>

which results,
saint martin bangladesh

You are done now.

However, if the above trick does not work then inside your blogger template after the line
]]></b:skin>
you need to add following codes:

img {
max-width: 900px;
width: expression(this.width > 900 ? 900: true);
}

Related Documents
http://arjudba.blogspot.com/2009/08/how-to-increase-your-technorati.html
http://arjudba.blogspot.com/2009/07/how-to-setup-google-webmaster-tool-for.html
http://arjudba.blogspot.com/2009/06/how-to-get-targeted-backlinks-to-your.html
http://arjudba.blogspot.com/2009/07/draw-google-adsense-money-using-western.html
http://arjudba.blogspot.com/2009/06/different-types-of-web-hosting-services.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-yahoo-directory.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-google-directory.html
http://arjudba.blogspot.com/2009/12/how-to-know-when-googlebot-last-crawled.html
http://arjudba.blogspot.com/2009/12/how-to-add-different-meta-tags-to.html
http://arjudba.blogspot.com/2009/12/how-to-disable-or-remove-blogger.html
http://arjudba.blogspot.com/2009/12/scrolling-text-effect-html-code-with.html
Posted by at No comments:
Labels:

Scrolling text effect html code with MARQUEE

With MARQUEE we can add scrolling effect to text. Scrolling effect can be handy way to attract the users but too much using of it can spoil its purpose. Marquee can be used to add special announcement to a site, any special updates or advertisements. Before looking into MARQUEE example let's have a look at the list of attributes that it supports.

1)WIDTH: Tells how wide the marquee is. Can be set by pixel or percentage.

2)HEIGHT: Tells how tall the marquee is. Can be set by pixel or percentage.

3)DIRECTION: In which direction the marquee should scroll. Direction can have four values,

i)direction="left" - which is default.
Example:
<marquee direction="left" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

ii)direction="right" - which indicates that the marquee starts at the left and moves rightwards across the page.
Example:
<marquee direction="right" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

iii)direction="up" - scroll from down to up.
Example:
<marquee direction="up" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

iv)direction="down" - scroll from up to down.
Example:
<marquee direction="down" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

4)BEHAVIOR: How the contents will scroll.
i)BEHAVIOR=SCROLL - which is default, content scroll off the edge of the marquee area, then reappear on the other side.

ii)BEHAVIOR=SLIDE - It indicates that when the leading part content reaches the edge it should stop without scrolling off.
Example:
<marquee direction="left" behavior="slide" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

BEHAVIOR=ALTERNATE - It makes the content bounce back and forth, all of it remaining visible all the time.
Example:
<marquee direction="left" behavior="alternate" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

5)SCROLLDELAY: It sets the speed of scrolling. It sets amount of delay in milliseconds. By default it's value is 85 which means it displays the content, then delays 85 milliseconds and then displaying the content again in a new position.
If we want scrolling speed half a second then set SCROLLDELAY=500.
Example:
<marquee direction="left" SCROLLDELAY=500 width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

If we want scrolling speed one second then set SCROLLDELAY=1000
Example:
<marquee direction="left" SCROLLDELAY=1000 width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

6)SCROLLAMOUNT: It sets the speed of scrolling by setting how far to jump in pixels. A higher value for SCROLLAMOUNT makes the marquee scroll faster. The default value is 6.
An example by making the SCROLLAMOUNT to 18.
Example:
<marquee direction="left" SCROLLAMOUNT =18 width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

Example by making the SCROLLAMOUNT to 30.
Example:
<marquee direction="left" SCROLLAMOUNT =30 width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

7)LOOP: LOOP sets how many times the marquee should loop. It can have two types of value.
i)INFINITE ii)integer value in terms of number of loops.
By default, LOOP is INFINITE, which means that the marquee loops endlessly.
Following code will LOOP 3 times and then it stops.
Example:
<marquee direction="left" LOOP=3 width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

Note that, if we use only LOOP attribute then content disappears after the last loop. If we want that the content will be visible after the looping is finished then we have to add BEHAVIOR SLIDE attribute like below.
Example:
<marquee direction="left" LOOP=3 behavior="slide" width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

8)BGCOLOR: It sets the background color of the MARQUEE.
Example:
<marquee direction="down" bgcolor=pink width="40%">Welcome to Arju's Blog</marquee>
effect is,





Welcome to Arju's Blog

9)HSPACE: HSPACE sets the horizontal space to the left and right of the marquee.
Following example shows the HSPACE by setting 30 and 50.

<MARQUEE HSPACE=30 WIDTH="40%" BGCOLOR=GREEN>
Welcome to <p> my blog
</MARQUEE>Next after HSPACE!

<MARQUEE HSPACE=50 WIDTH="40%" BGCOLOR=GREEN>
Welcome to <p> my blog
</MARQUEE>Next after HSPACE!
which looks like,







Welcome to
my blog


Next after HSPACE!







Welcome to
my blog


Next after HSPACE!

10)VSPACE: VSPACE sets the vertical space at the top and bottom of the marquee.
Following example demonstrate VSPACE by setting it 30 and 50.
Hi,
<MARQUEE VSPACE=30 WIDTH="40%" BGCOLOR=GREEN>
Welcome to my blog
</MARQUEE>Next after VSPACE!

Hi,
<MARQUEE VSPACE=50 WIDTH="40%" BGCOLOR=GREEN>
Welcome to my blog
</MARQUEE>Next after VSPACE!

which will look like,

Hi,






Welcome to my blog
Next after VSPACE!

Hi,






Welcome to my blog
Next after VSPACE!

The basic use of <MARQUEE ..> is simple. Put text between <MARQUEE ...> and </MARQUEE>.<MARQUEE ...> is a text level element. By default <MARQUEE ...> has a WIDTH of 100%, so it might appear as a block level. However, if you set the width to something smaller than 100%, you might notice that the marquee is in line with the surrounding text.
Related Documents
http://arjudba.blogspot.com/2009/08/how-to-increase-your-technorati.html
http://arjudba.blogspot.com/2009/07/how-to-setup-google-webmaster-tool-for.html
http://arjudba.blogspot.com/2009/06/how-to-get-targeted-backlinks-to-your.html
http://arjudba.blogspot.com/2009/07/draw-google-adsense-money-using-western.html
http://arjudba.blogspot.com/2009/06/different-types-of-web-hosting-services.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-yahoo-directory.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-google-directory.html
http://arjudba.blogspot.com/2009/12/how-to-know-when-googlebot-last-crawled.html
http://arjudba.blogspot.com/2009/12/how-to-add-different-meta-tags-to.html
http://arjudba.blogspot.com/2009/12/how-to-disable-or-remove-blogger.html
Posted by at No comments:
Labels:

How to disable or remove blogger navigation bar

Before discussing about disable or removing tips let's have some idea about blogger navigation bar. Whenever you open any blog of blogspot by default you will see on the top of the post there is one bar by which you can search other blog, follow blog, share blog post, report abuse about objectionable content to the blogger, navigate to random next blog as well as from the right side of the bar you have sign in feature, create blog feature. If you login as blogger then on the right side of the bar you will see your email address, New Post, Customize, Dashboard, Sign Out menu there.

From following image it will be cleared what we meant by blogger navigation bar or navbar.
blogger navigation bar

Many ones want to remove that bar. There are many reasons behind it. May be they want to get rid of Report abuse / Flag blog feature. Whatever the reasons there is, in this post step by step I will show how we can remove or disable the navigation bar from your blog.

Step 01: Login to your blogger account from blogger.com and then click Layout on the blog that you want to disable the navigation bar.
If you already login to that blog you can simply click customize from the navigation bar.

Step 02: Under Layout menu there is Edit HTML. Click on it. You will get Edit Template box. It will look like,


Step 03: Add navbar css ID and make its height 0, visibility hidden, display none. That is adding following css codes inside your Edit HTML.
#navbar {
      height: 0px;
      visibility: hidden;
      display: none;
}
After adding it will look like following,
body {
  margin:0px;
  padding:0px;
  background:$bgcolor;
  color:$textcolor;
  font-size: small;
}

#navbar {
      height: 0px;
      visibility: hidden;
      display: none;
}

#outer-wrapper {
  font:$bodyfont;
}
Alternatively you can add simply following code.
#navbar-iframe {
      display: none ! important ;
}
which will look like,
body {
  margin:0px;
  padding:0px;
  background:$bgcolor;
  color:$textcolor;
  font-size: small;
}

#navbar-iframe {
      display: none ! important ;
}

#outer-wrapper {
  font:$bodyfont;
}
Either of the above code will work.

Step 04: Save the template and view the blog.
You are done.

Tips: Now from the blog you no longer will be able to see navigation bar and thus you will not find New post, Customize, Sign Out link. In order to see those you have to login to blogger.com and you need to maintain from there.

Related Documents
http://arjudba.blogspot.com/2009/08/how-to-increase-your-technorati.html

Posted by at No comments:
Labels: ,

How to add different meta tags to different blogger blog posts

Well, sometimes you may think about your site meta tags, particularly you may want to add certain meta tags for different page for your websites. Whenever it comes to blog particually, blog posts of your blogger account you may wonder how to add metatags for different blog posts . As blogger blog engine is not open source so customization sometimes may be difficult and thus adding meta tags are difficult too.

Before looking into how to add meta tags there are some misconception presents regarding meta tags which need clarification. One of them is,

- "Does Google ever use the "keywords" meta tag in its search engine ranking"?
The answer is a big NO. Google never uses keywords meta tag for its search engine ranking. There are millions of websites containing meta tags with LEYWORDS. Google simply visit the site and ignore the meta tags. So simply "keywords" meta tags has no effect in google search engine ranking.

Another misconception present is,
- "Does Google completely ignores all metatags"?
The answer is NO. Though Google completely ignores "keywords" meta tag but it does not completely ignore the description meta tag. Google sometimes use the "description" meta tag as the text for the search results snippets which means it displays description part text while displaying the search results. It is like after we search for a word the page description text is displayed in the search results snippets. So it may attract user to click your link based on your attractive description meta tag.

Note that google do it sometimes but always remember that description meta tag has no effect in google search engine ranking.

Despite there is no search engine ranking effect by Google, still many ones like to add keywords and description meta tags for their site as well as for the blogger blog.
For the webpage the system is easy.
Within the <head> section you need to add META information like below.

<head>
<META NAME="keywords" CONTENT="Add metatgs blogger blog tips" >
<META NAME="Description" CONTENT="Blogger tips about adding metatag Information to a blog post.>
</head>

But for blogger post there is no shortcut ways. You need to follow following steps in order to add different meta tags to your different blogger blog posts.


Step 01: Sign in to Blogger dashboard » Layout » Edit html
and find out the following line within html.
<b:include data='blog' name='all-head-content'/>

Step 02: Add following codes just below above line
<b:if cond='data:blog.url == "http://arjudba.blogspot.com/"'>
<meta content='Arju's blog discussion with many IT stuffs. Oracle database, Php programming, shell script,
css+html, unix administration, Internet Marketing, Search engine optimization.' name='description'/>
<meta content='SEO Blogging Tips Oracle Mysql' name='keywords'/> </b:if>

In this stage your template will look like below.
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == "http://arjudba.blogspot.com/"'>
<meta content='Arju's blog discussion with many IT stuffs. Oracle database, Php programming, shell script, 
css+html, unix administration, Internet Marketing, Search engine optimization.' name='description'/>
<meta content='SEO Blogging Tips Oracle Mysql' name='keywords'/> </b:if>
<b:skin><![CDATA[/*
* Blogger Template Style
Next Step: So now you have added meta tags for your homepage in this stage. In the same way you can add as many as keywords
and description meta tags for your blog post.
For example if we also like to enter meta tags for post
http://arjudba.blogspot.com/2009/11/affordable-search-engine-optimization.html
then our blog html will look like following.
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == "http://arjudba.blogspot.com/"'>
<meta content='Arju's blog discussion with many IT stuffs. Oracle database, Php programming, shell script, 
css+html, unix administration, Internet Marketing, Search engine optimization.' name='description'/>
<meta content='SEO Blogging Tips Oracle Mysql' name='keywords'/> </b:if>
 
<b:if cond='data:blog.url == "http://arjudba.blogspot.com/2009/11/affordable-search-engine-optimization.html"'>
<meta content='Link building service, SEO packages' name='description'/>
<meta content='Affordable SEO packages. Silver, Gold, bronze, Diamond, Platinum Packages.' name='keywords'/> </b:if>
 
<b:skin><![CDATA[/*
* Blogger Template Style
Through above way, you can add as many as keywords and description meta tags for your blog posts as you like.

Related Documents
http://arjudba.blogspot.com/2009/08/how-to-increase-your-technorati.html

Posted by at No comments:
Labels: ,

How to know when googlebot last crawled my page

The word crawling means how often googlebot visit your webpage in order to Index your web page. The program that is responsible for fetching web page information is called googlebot. Googlebot also called as robot, bot or spider. Googlebot uses an algorithmic process to determine which sites to crawl, how often, and how many pages to fetch from each site.

The most important your page is, the most often googlebot visit your webpage. Now it is question how I am able to know when my page was last crawled by googlebot. There are several methods to do it.

Using Google Webmaster Tools
The first you need to setup google webmaster tools. In the post http://arjudba.blogspot.com/2009/07/how-to-setup-google-webmaster-tool-for.html it is discussed how to setup google webmaster tools.

After you setup webmaster tools login to your webmaster tools, click Site Configuration tab and then click Crawler access. On the right side under under Test robots.txt you can find before how many hours/minutes/days your site was last visited by crawler. Here is a screenshot for this blog from the google webmaster links.
google webmaster tools crawler

Using Google Cached Links
Google takes a snapshot of each page as it crawls the web and caches these as a back-up in case the original page is unavailable.

In order to check when your page is cached just
1)Open www.google.com

2)Type your site address and click Google Search. Following image shows an example in case of my blog.
arju blog in google

3)You will see the search results like below.
search result for arju blog

4)If you click on the "Cached" link, you will see the web page as it looked when we indexed it. The cached content is the content Google uses to judge whether this page is a relevant match for your query. Following image shows the caching result from my blog.
cache page arju blog in google

When the cached page is displayed, it will have a header at the top which serves as a reminder that this is not necessarily the most recent version of the page. Terms that match your query are highlighted on the cached version to make it easier for you to see why your page is relevant. From the cache version you can easily check the date 29 Dec 2009 02:18:42 GMT. So homepage last cached in 29 Dec 2009 02:18:42 GMT.

Related Documents
http://arjudba.blogspot.com/2009/08/how-to-increase-your-technorati.html
Posted by at No comments:
Labels: ,

Monday, December 28, 2009

Open a link in a new window or in a new tab using HTML Target

The <a> tag defines an anchor. An anchor is used in a HTML document in order to create a link to another document, by using the href attribute.

Note that by default anchor tag shows following behaviour,
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and red.

Following is an example of an anchor link.
<a> href=
http://arjudba.blogspot.com/2009/11/affordable-search-engine-optimization.html>SEO packages
</a>
which will look like,
SEO packages

The named anchor itself doesn't have a hash mark. If you want to point to a certain part of a webpage you have to specify id of that document and then link to the named anchor with a hash mark. For example if we want to point to platinum package in the same post then we have to specify as,
<a> href=
http://arjudba.blogspot.com/2009/11/affordable-search-engine-optimization.html#platinum>Platinum Package
</a>
which will look like,
Platinum Package

If you left click on these two hyper link you will see that both links are opened in the same window. But after clicking the link sometimes it may be useful to open window in a new window or in a new tab so that user don't leave the current window. We can achieve this by using TARGET.

Clicking on a link simply loads a new document in the same window where the link was. The TARGET keyword of anchor controls where the new document will be displayed when the user follows a link. With TARGET keyword, you can have the new document open in a new window, or if you are using frames, in another frame.

TARGET can have four predefined values.
1) "_blank"
2) "_parent"
3) "_self"
4) "_top"
Note that each value start with an underscore and are lowercase.

1)TARGET = "_blank": If you use TARGET="_blank" with the anchor tag then the new document opens in a new window while leaving the main window. Following is an example,
<a> href=
http://arjudba.blogspot.com/2009/11/affordable-search-engine-optimization.html#platinum TARGET="_blank">Platinum Package
</a>
which behaves as,
Platinum Package

2)TARGET = "_parent": "_parent" is used in the situation where a frameset is nested inside another frameset. In that case you have both parent frameset and child frameset existed. By using TARGET=_parent causes a link in one of the child frameset documents uses "_parent" to load the new document.
If the current document's frameset file does not have any "parent", then "_parent" works exactly like "_top": the new document is loaded in the full window.

3)TARGET = "_self": TARGET="_self" puts the new document in the same window and frame as the current document. "_self" works the same as if you had not used TARGET at all.

4)TARGET = "_top": TARGET = "_top" loads the linked document in the topmost frame which means, the new page fills the entire window.

Another use of TARGET is TARGET = window name by which window name is used to put the linked document in a frame or window other than the frame the link is in.

Related Documents

Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)