Add Author Picture in Google Search Results

Blogger Trix

Add Author Picture in Google Search Results

Ajith KP   March 20, 2013

Step 1: Verify your Blog in Google+

Go to your Google+ account and edit your profile.

Add your blog in "Contributor to".

Step 2: Edit HTML Source Page(Template)

Edit your template and add this line to anywhere you like(sidebar, header, footer, etc).

<a rel="author" href="https://plus.google.com/GOOGLEID" target="_blank"> Contact Me </a>

Note: GOOGLEID -> Your google plus ID. Mine 113693434902691285091

Step 3: Create an "About Me" Page

Next step is creating an About Me page. Now add this link in it.

<a rel="me" href="https://plus.google.com/GOOGLEID" target="_blank"> Google Plus </a>

Step 4: Check Your Google result

Check your Google result sample here. 

 Here Screenshot of mine...

If you like this post, please share with your friends, classmates, etc. Help us...

Improve SEO Using Meta Tags

Blogger Trix

Improve SEO Using Meta Tags

Ajith KP   March 08, 2013

GuyZ,
    Today I would like to inform a blog trick. Meta Tags can use for improve SEO of your blog.
Also it will help to get more traffic to your blog. Meta tags will describe all about your blog to search engine. It is also a import factor to SEO [Search Engine Optimization].



For add Meta Tags, find the code <b:include data='blog' name='all-head-content'/> in your blogger template code.

Just bellow the code, add this code.

Image source: www.webceo.com

<meta content='Your Name' name='Author'/> <meta content='Your Email' name='Email'/> <meta content='document' name='resource-type'/> <meta content='all' name='audience'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='en' name='language'/> <meta content='global' name='distribution'/> <meta content='1 days' name='revisit'/> <meta content='1 days' name='revisit-after'/> <meta content='IN' name='country'/> <meta content='India' name='geo.placename'/> <meta content='Kannur' name='geo.region'/>

Edit the country, geo.placename, geo.region according to your details.

        <<<<<<<<<< (C) Ajith Kp (C) >>>>>>>>>>

Image Effects in CSS

Programming Language

Image Effects in CSS

AJITH KP   September 30, 2012

Hello Guyzzz howz the CSS Effect in Image showned bellow.....

It is a simple CSS Effect which you can apply in Blogger based blog also...

Guyzzz howz this effect in CSS? Do you want to add this features in your website or in your blog? Just copy and apply it.

img { background-color:black; padding: 5px 5px 5px 5px; -webkit-transform: rotate(+5deg); -moz-transform: rotate(+5deg); filter:alpha(opacity=10); -khtml-opacity:0.1; position:relative; z-index:10; opacity:0.1; } img:hover { border: 10px solid white; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); filter:alpha(opacity=100); -khtml-opacity:1; opacity:1; position:relative; z-index:11; }

Neon Light Effects in CSS

Programming Language

Neon Light Effects in CSS

AJITH KP   September 28, 2012

Guyzzz howz this dim neon light effects in links and headers of my blog? Try here...

Hi It is a Header [h2] using CSS Effect 

Howz this effect whenn you over mouse on headers and links?

For apply this effect in your blogger based blog copy the whole code

code:

h2 { color: red; background-color:black; } h2:hover { color: green; text-shadow: 0 0 20px #00FFFF, 0 0 50px #00FFFF; } a { color: #00FFFF; } a:hover { color: red; text-shadow: 0 0 20px #00FFFF, 0 0 50px #00FFFF; }

and apply it in Add CSS.

I f you like this dim neon light effect don't forgot to write your comments...

 ----- Ajith Kp and Ajmal Joshi