SEO OFF-SITE TECHNIQUE

My SEO mission was half done with On-site SEO technique. It was incomplete without Off-site technique. Although its not important for a web-designer to learn Off-site technique, but reading a thriller book half is an horrible feeling isn't it. so I tried my best to summarise the Off-site techniques. Here it is. 
 a little recapulation: SEO's has two aspects ON-SITE and OFF-SITE.
  On-site SEO includes those things which we can do in our site such as HTML markups, target keywords, internal linking, site structure etc.
  Second is Off-Site SEO which includes those things on which we dont have much control, like how many people will link to yor website. Off-site technique includes those actions which we do OFF the site to make our website rank higher.
Techniques are just one scroll below:

1  Social Networking sites:  We all know how important this social Networking sites are playing there role in our daily lives.  We need to create account in all social media sites like Facebook, Twitter, Google+ etc. and connect to friends and interact with them and share things with each other, this helps you promote your website and increases your online reputation.  You should regulary post your website stuffs and updates in your profile of social media site, so that people know about your website. Your regular updates will work like you poking your friends every now and then it reminds of your existence to them.

2. Blogs: Blogs are one of the best way to build your online presence and reputation.  If you write blog for you website people will keep returning to your website and and obviously your websites HITS will increase.  Its always better to right blog in the same niche in which you want your blog or website to be famous. 

3. Forums:  You should join different forums of the same niche to which your website belongs.  And you should try to answer the questions posted in those forums, so that people will know about you and they will feel your presence. If you know the answer you must answer the question and one thing which you can do their to increase your hits is give the link of your website either as your signature or as an answer.

4. Article Submission:  Try to submit articles in sites like; Ezine, Go Articles, Now Public, etc.  It can drive traffic to your website.

5. Social Bookmarking: Social Bookmarking is another great way of promoting your website. You should submit your latest blog posts and updates to some popular bookmarking sites like StumbleUpon, Digg, Delicious, Reddit, etc. Search engines regularly crawl these sites for the content, and believe me they will really like your attempt.

6. Link Hook:  This is another way of drawing visitors to your website.  Whenever you post some blog or page try to give links of your other posts in the same post, so that people will click on them.  And please be a bit ethical too, if you are copying or publishing content of another website you must give the link of that website as reference.  If you are doing this for others they will surely do this for you.

7. Photo Sharing: The photographs you are using in your website must be shared in major photo sharing websites like Flickr, Picasa, Photo Bucket etc.  This will make other people reach your website not only through the text content but through the images also.  People will see them, comment them and you you just keep your fingers crossed for them to follow the link to your website.


8. Video Sharing:  It is same as photo sharing instead of photos you must upload videos in sites like Youtube etc. following links to your website.

9. Social E-commerce: If you got an e-commerce website, then you must submit your products to online shopping networks like Google Product Search, Yahoo Online Shopping, MSN Online Shopping, Kaboodle, Style Feeder, etc. this will make the users follow the products link and landing on your website.  Definitely traffic is going to increase.

OFF-site techniques are not a process of single day or month.  It is a continuous process.  You have to keep your seat belts on HAMESHA! LaGaTaR!  Keep following the market and keep posting and updating.  Thats it!

OFF-Site Technique is all about making netizens feel your presence.

Share Your Solutions

MIND INFRASTRUCTURE

It is a ever changing world and all the phases of life experiences changes. Whether you like it or not change is eminent,from ages people have tried for changing.
     Don't bother about the key behind these changes.  Just sink yourself with the change.
When elder people in our locality used to curse the new generation for the changes they witnessed.  I used to think how rude they are.  I used to feel that they are jealous of us, just because they didn't experienced those things or they never got that opportunity.  But now when I see younger lads (you must be thinking how old am i, i m not very old well forget that) at some circumstances even I feel jealous of them may be
the same reason lack of opportunity  etc.  But instead of cursing them the one thing which we can do is, we can sink with the new generation.
     Each and every human being got a different set of mind and thinking, but their infrastructure can be generalised.  For example, boys/men dont discuss their day out with their parents the way girls do.  After all i m also a guy i know this, if you dont agree with this then you are lieing to yourself.  Ok you may be exceptional but its something general what I am discussing.    Older people got their own infrastructure, many of them dont want to change themselves with the change.  I still remember those days When computers were introduced in government offices, many employees countered its implementation.  There was a lot of combat between the administration and the employees.  This is something obvious human nature. Let me tell you an incidence, I made a tatto on my hand my parents shouted on me, I explained them why I did it because I dont want to be jealous of my next generation when they will have tattoo on each arm.  Well thanks to lord they were convinced with my explanation, actually they were not convinced they were not left with any choice.  Well change is eminent and opposition is free package which comes with it.  Its not just older people, in few contexts even we oppose few changes, don't we?  Even we should try all the things which they are trying.
     Somewhere  I heard the answer for this question,  WHY INDIA IS EMERGING AS A BIG POWER?   The answer was something like this: Coz we like to try new things. and that is what they call MIND INFRASTRUCTURE.  The infrastructure which is the most important part for any business, is not just the building, AC, computers, routers etc. which makes a business successful, it is the human brain working with and within those materialistic infrastructure.  To sink with the change we have to update ourselves .  And to update ourselves, what else other than INTERNET.  Yes books are not enough Internet is a better medium to updater yourself.   Han! when we think of information on the internet the first thing come to our mind is GOOGLE, but there are many other websites which we can refer like SLASHDOT.org,  DELICIOUS.com  etc.  Google is something which help us to find what we need to know.  On the otherside these Slashdot, delicious etc. are few sites where if you visit you will come through new topics, which will make you know about new things. Only thing you have to do is, you have to select your stream of interest.
     Ok I think that is enough right.  Just try every new thing, and you will never feel jealous of people doing those things.  My wishes are always with you!!


Share Your Solutions!!

Watermark in just 4 easy steps!

we all love to upload pictures on the web.  And equally we love our pictures not to be stolen by others.  Copying pictures from the web is not a big task with all these modern browsers and all.  But we can at least take few measures to save our images,  at least we can make ourselves happy that we tried.
  In just 4 steps you can make yourself happy that you did your job.  I have used Adobe Photoshop CS5 to make a watermark on the image.
Following are the steps
1. Write the text which you want as watermark on the image then
Go to Filter---> Stylize---> Emboss
Set properties of the Emboss as:
Angle:135
height:3px
Amont:100%

2.  Click on Lock tranparent pixels in layers pallete

  
3. Go to Filter---> Blur---> Gaussian Blur
Set properties as:
Radius:3.0px

4. Change the blend mode from Normal to Hard light and finally adjust your opacity thats it your done.

Now you will have a nice watermark on your image.   Just 4 steps can save your images.

Share Your Solutions

SEO Rules For Designers

SEO! SEO! SEO!, I started web designing and this SEO was always there with an eye over me.  Search Engine Optimization, a very important combination of characters for web designers and web developers.  Every Client want their website's link to be shown in the first page of Google.  So it becomes obvious for we designers and developers to take care of this, and SEO is the only way possible.  SEO's has two aspects ON-SITE and OFF-SITE.
  On-site SEO includes those things which we can do in our site such as HTML markups, target keywords, internal linking, site structure etc. etc.
  Second is Off-Site SEO which includes those things on which we dont have much control, like how many people will link to yor website. 
     Among these two aspects the first one i.e.,On-site SEO is where we can concentrate.  There are few things which a designer should take care of while designing a website.  These are things which I practice to optimize.

1. Content is the main food for Web Spiders/Crawlers.  and their main target is Home page of any website. So, your design of a home page should be good looking but it should contain lots of relevant content. 

2. Using big flash banner on the home page and giving a link "Click To Enter The Site" will lead you nowhere.  Web crawlers are like a text-based browser, they can't read the text embedded in the graphic image or Flash.  If you are using important keywords of the site in Flash and Image then its useless.

3. Using navigation made up of Flash is useless, they may look attractive but the links in the Flash menu are not followed by the Search Engines. So, Its better to make navigation with normal texts in anchor tags.

4. If you want to make your navigation look better and want to use images written in a stylish font, then you should keep few things in practice like giving a "title" attribute e.g. for 'About Us' menu item <img> tag's alt and title attribute should be populated with proper key words. 
     Search Engine's can't see images so your alt attribute will help the Search Engine in illustrating what your page is relevant for.  The 'alt' attribute of every image used in the website should be defined properly with relevant keywords.

5. Relevant keywords used should be in context of your website's target words. such as if you are using "Cars and Fishes" are they relevant? ....not at all!      Han! if you are using Boats and Fishes its Ok, they are relevant.

     These keywords, meta tags things should be looked after by the developer, its their responsibility to use proper relevant keywords, with less repetition.  Let's concentrate over the  practices which a designer should follow.

6. <H1> tags play  a very important role in SEO.  The title of the content should be used within <H1>. Search Engines concentrate on the <H> tags used in the web page.  Too much use of <H> tag will push your webpage to spam. 

7. Too much use of keywords is harmful for your webpage.  Main areas where one should use keywords:
------the Title Tag
------the Page URL
------<H1> or <H2>
------first paragraph of content
------atleast 3 times in the body content
2% of keyword density is enough for SEO, that means 2 times for every 100 words.


8. Learn More and Click Here links anchor text can be very useful for SEO but it should be appended with few keywords like "Learn more about (keyword topic)".

9.  And a very important thing which we are using alot these days is Ajax, excess use of Ajax is not useful for SEO.  Coz, Ajax loads content dynamically, so its not possible for Search Engines to crawl through those content.

10. Title tag used for each page should be different and should be relevant to the respective page.  Page title is what appears in search results.  If you are using "www.sitename.com: About Us" again for another page you are using "www.sitename.com: Our Services", then its a wrong method.  If you really want to repeat your site name in every page title then you should use it this way "our Services:www.sitename.com". Page title and description should not exceed 60 characters in total.

      These are few things which we should keep in mind while designing a website.  One thing I suggest that just design your website for human use, the machine crawler will find your site itself.  Just make it easy to use.

Share Your Solutions

How to make a lightbox, with overlay for entire page(not just viewport)?

Click and wait for another page to open for the data to display, this is no more a trend, now in every
website we find light boxes.  Light Boxes are the small boxes or we can say windows which appears in the middle of the screen with the data and all, and there is a transparent overlay just below it covering rest of the page.  We get plugins for these lightboxes, but when I tried it myself with simple javascript and CSS, was unable to get a perfect one.  But now I got something perfect the following code is perfect for the light box, with the simplest and minimum code we can create such lightboxes.
     Following is the html code:

<div class="container">
<input type="button" onclick="showOverlay()" value="Click Here For LightBox"/>
</div>  
<div id="overlay"></div>
<div id="lightBox"><h1>Jaydharphics</h1>
<input type="button" onclick="hideOverlay()" value="Close This"/>
</div>

Description:
  Overlay DIv and lightBox Div are the two DIVs we require for the lightBox.  As the name suggests overlay is the one covering the entire page and the lightBox Div is the one popping up with the data.  The container DIV is the normal page. In that page I have created a button "Click Here for LightBox" this button will trigger the display of the light box  and there is another button in the light box which will unhide the lightbox.
Following is the javascript for the above actions:

<script type="text/javascript">
function showOverlay() {
document.getElementById('overlay').style.display='block';
document.getElementById('lightBox').style.display='block';
}

function hideOverlay() {
document.getElementById('overlay').style.display='none';
document.getElementById('lightBox').style.display='none';
}
</script>

The CSS of the overlay DIV and the lightBox Div was the biggest issue for the perfection of this lightBox.  Making a DIV hide and unhide was easy but positoning of the overlay and lightbox DIVs is pretty important.  Few things are very important for a lightbox, the lightbox should be in the middle of the page, no matter what is the size of the screen, it should be at the centre.  For that reason the following CSS is very important and perfect.

<style>
#overlay{height:100%; width:100%; position:fixed; background:#545454; opacity:0.5; top:0px; left:0px; display:none;}
#lightBox{position:fixed; top:50%; left:50%; width:400px; height:200px; margin-left:-200px; margin-top:-100px; border:4px solid #e4e4e4;  background:#fff; display:none;}
</style>

A very important thing in this CSS of lightBox are the width, height, margin-left and margin-top properties.  margin-left value(-200px) should be half of the value(400px) of width and margin-top value(-100px) should be half of the value(200px) of the height, and the values of margin-top and margin-left should be in negative. 
This will make your light box display in the centre of the screen.

Next is the CSS of the overlay DIV:
#overlay{height:100%; width:100%; position:fixed; background:#545454; opacity:0.5; top:0px; left:0px; display:none;}

Most of us definately have problem with this overlay. The CSS I used earlier was used to cover the viewport only, not the entire page.  But a simple change in the CSS fixed my problem. yes! fixed is the word which fixed my problem.  Most of us use position:absolute; for this, but position:fixed; is the solution.  This will cover your entire page and rest of the CSS I think is not tangent for you!
  Thank You Friend!

Share Your Solutions!

Godavari Launch Journey towards Bhadrachalam

Finally! I did it, always wanted to go Bhadrachalam on launch.  Never dared to plan the trip, but thanks to my cousin it was his engagement which made my trip possible.  I think launch journey on River Godavari from Rajahmundry to Bhadrachalam is one of the best tourist attraction in Andhra Pradesh state of India.  The journey was through various temples and hill stations.  The beautiful greenery surrounding the river Godavari is just superrrrr.
   There are many travel agencies in Rajahmundry at the bank of Godavari, where you can book your tickets for the journey.  There are many different packages for this journey like same day returning trip, 2days and 1 night trip, 3days  and 2 night trip etc. etc. "more sugar more sweetness" I think you got me.  As we were not having enough time we decided for one day trip.  They also have a special package for those who don't want to return to Rajahmundry and continue the journey to Bhadrachalam.   Han! "Bhadrachalam" yes  let me tell you something about this,  its 400 years old temple made by a local Tahsildar  called Gopanna popularly known as Bhakta Ramadasa.  There is a huge history behind this temple for more information on Bhadrachalam and Ramdasa watch telugu movie Sri Ramdasa or Google it! APTDC launches are also available for this journey but APTDC launches are available on Fridays only.  So, its better to go for travel agencies.
     We boarded on a bus provided by the travel agent at Rajahmundry at travel agents office which took us to a stop called Pattiseema.  Its around 35Kms from Rajahmundry to Pattiseema.  Many Launches were harboured in the river.  Each Travel agents have their own Launches.  In Pattiseema itself  there is a temple, but the tour package doesn't include the visit of this temple. so if your are a real Bhakta (devotee) you have to arrange your own trip for visiting all temples in Rajahmundry.  Its just impossible to visit all the temples coz there were so many. 
   Following is the Pattiseema temple. Its a small temple located on top of a small hill.  The temple is for god Sri Uma Maha Nandiswara swamy (short me bole to Shiv Bhagwan).  There is some information like there was an under ground way to reach kashi from this temple. This temple was constructed during 12th century.  Thanks to the guide of our launch he gave all this information so if you find this wrong its that guide who is responsible not me OK.  Breakfast will be served here so no need to worry about your belly.

The second stop was at Gonduru, temple of Goddess Gandi Pochamma.  It was a small village with a beautiful entrance you can see the following images of the Gonduru.  Entrance ticket is to be taken for INR 2 and for special darshan (only on sunday and Tuesday) INR 5.  For special pujas you can pay additional amount.

The next stop was at a check post before entering into Papikondalu (Papi Hills) area. This one is for a very short duration tourists are not allowed to board off,  the launch manager have to report number of persons travelling on the boat at the check post.  The place is Devipatnam,  this is the place where an Indian revolutionary Alluru Sita Ram Raju, looted a police station and killed 20 British Policemen.  You can see that police station from the launch only.  Following is that police station.

 Then the journey was through the Papi Hills which was very beautiful.  The journey was through thick forest surrounded by hills at both the sides.  This part of the journey was quiet longer.  Lunch was served before reaching the next stop Peranta Palli.  While cruising through Papi Hills you will come across a small village at East side of the Godavari River.  Its Kolluru Bamboo Huts, There is small colony kind of thing at the bank of river.  If you want to stay there there are other packages which you can go for.  There is no electricity in that village solar power is used for lighting and all.  Food will be arranged by the travel agent you can spend your night and have a nice camp fire, next morning launch will come to take you forward.

The next stop was at Peranta Palli.  Sri Ramkrishna Hermitage is the major attraction at Peranta Palli.  There is a small water fall in front of the hermitage flowing from hills.  The water was very chilled there, we got lot of relief taking a dip in that water.  Worshipping any other god near the Hermitage is not allowed,  no offerings are allowed in that temple.  If you want to offer something to those villagers you can buy books and variety of handicrafts made up of bamboo made by local villagers.  The Hermitage was started by Sri Swamy Balananda.

 After Peranta Palli there will not be any more stops.  Those who want to go Bhadrachalam have to change their launch.  There was a separate launch standing for us at Peranta Palli.  This launch will drop you at a stop at east godavari.  We reached that unknown stop where vehicles were parked to take us to Bhadrachalam.  Those vechiles were also arranged by the travel agent, they will take you near Bhadrachalam temple.  There are many dharamshalas and hotels in Bhadrachalam, but there is a
hotel nearest to the temple called "OM SHANTI GUEST HOUSE".  The rates are comparable so its better to book there.  There is another dharam shala near temple, its "TANISHA DHARAM SHALA/ KALYAN MANDAPAM", you can try that also.  There is another spot near Bhadrachalam "Parnashala', its around 40 Kms from Bhadrachalam, one must go there.  Bhadrachalam pics-

We had a tough time returning to Rajahmundry from Bhadrachalam.  Because of that Telangana issues buses were on strike, so we had to travel around 100 Kms on auto rickshaw from Bhadrachalam to Arsarao Peta.  From Arsarao Peta APSRTC bus services were available.  Ultimately we had a nice trip.  Thank you for sparing your precious time.  Good Bye!!

My First Animation

Today I am sharing my first animation, This must be the slowest animation ever made on the earth. Well I made this animation using Macromedia flash MX, Each and every scene and the characters are made using the mouse.  It took me a long time to make every movement of the characters GOLDI and the stranger doing his morning exercise.  For each hand and leg movements I drew with mouse.  Definately this is not the way animations are made, there are better alternatives, otherwise for a single episode of Tom & Jerry, the animators would take years to complete. 
If I come through some easy and better alternatives I am definately going to share, until just watch the video.

Share Your Solutions