Compress and Resize your JPEG digital pictures at ease.Now you don't need to download or install any picture compressor software's on your PC to compress your pictures.JPEG-Optimizer has facilitated us with an online tool where you can compress your JPEG images without losing the picture quality.This would be the best solution when you heck up in sending large sized images through emails.Through this online tool you can easily compress and Resize your pictures.The steps to compress are clearly mentioned in the below image.


compress and resize jpeg pictures without losing picture quality

Steps:

1.Go to jpeg-optimizer.com
2.Upload your JPEG picture through Browse option.
3.Set the compression level and the size you want to have for the picture.
4.Click on Optimize photo button.

compress and resize pictures without losing picture quality
In the resulted image you can see the compressed file size and the new dimensions of your picture.

5.Right click on the image and do save as on your PC.That's it :)

Continue Reading :)

How To Add Expandable Search Box In Blogger Blog

Posted by Vikram Rajpurohit 0 comments
 WordPress like Expandable search box will give a funky look to your blogger blog .Normally this type of search widgets you will see on WordPress sites.And this code will let you incorporate this WordPress search box in your blogger blog.

expandable search box for blogger blog

Steps to add expandable search box in Blogger

1.Go to Blogger Dashboard > Template > Edit HTML
2.Search (Ctrl+F) for the line  ]]></b:skin> .
3.Now Copy the below code and paste it before the red highlighted line.


/*******************************************
SEARCHBAR-http://genuinecontent.blogspot.com
********************************************/
#searchform{
float:right;
margin: -5px 20px 0 0;
}
#searchbox{
height: 24px;
text-align:center;
padding-top: 5px;
background: #ffffff url(http://1.bp.blogspot.com/-BgsRT-V0PHY/T8VFaGAhbrI/AAAAAAAABhM/WojsSqsJns8/s000/subtle_freckles.png.png) repeat;
font-size:small;
color:#0b5394;
padding:1px 2px;
width:180px;
border-width:2px;
border-style:solid;
border-color:#0b5394 #0b5394 #0b5394#0b5394;
outline:none;
float:right;margin-right:5px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-moz-border-radius:8px 8px 8px 8px;
-khtml-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;;
border-radius:8px 8px 8px 8px;
}
#searchbox:focus{
width:210px;
color:#000000;
}


Customization:

 a.If you want to change the background image for the search box then just replace the existing image URL (http://1.bp.blogspot.com/-BgsRT-V0PHY/T8VFaGAhbrI/AAAAAAAABhM/WojsSqsJns8/s000/subtle_freckles.png.png )with your image URL.And if dont want ant image background then remove this line from the code url(http://1.bp.blogspot.com/-BgsRT-V0PHY/T8VFaGAhbrI/AAAAAAAABhM/WojsSqsJns8/s000/subtle_freckles.png.png) repeat .

b.You can also change the default size of the search box by altering width:180px;  and can change the expandable length by changing the width:210px

c.To change the border color you can replace this line (border-color:#0b5394#0b5394 #0b5394#0b5394;) with your desired color codes.

4.Now go to Blogger > Layout>Select HTML/JavaScript widget. Paste the code below inside it .

<li><form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='240' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search Here...&quot;;}' onfocus='if (this.value == &quot;Search Here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search Here...'/>
</form>  </li>

5.Click on save and you are done:)

Continue Reading :)

Related Post Widget With Thumbnails For Blogger And WordPress

Posted by Vikram Rajpurohit 0 comments
Related Blog Posts Widget With Thumbnails For Blogger And WordPress.3 best sources where you will get ready made related blog posts widget for your blogger blog or wordpress websites.If you heck up with adding codes and customizations for inserting related blog post widget in your blog,then here are best sources for related posts widget ,which facilitates you with this beautiful widget at ease in just single click installation.

1.Zemanta

1.Sign up for Zemanta.
2.Add your blog URL and click on Settings.
3.Select the number of posts you want to display and the display theme.
4.Now click on install on blogger button,it will direct to your blogger and install related post widget automatically.

zemanta related blog post widget

 

2.Outbrain 

1.Choose Recommendation Type as Thumbnail as shown in the picture below.
2.Choose your platform.
3. once you select your platform it will ask for sign up.
4. On Sign up it will redirect to your  selected platform and install your widget.

outbrain related blog post widget


3.LinkWithin

1.Click on above link and enter the details as shown in below picture .
2.Click on Get Widget button and follow the steps to install related posts widget for your blog.

linkwithin related post widget

Enjoy related post widget with out any code frustrations :)

Continue Reading :)

How To Add Navigation Bar In Blogger Blog

Posted by Vikram Rajpurohit 0 comments
 How To Add Navigation Bar In Blogger Blog with on hover effect.Adding a beautiful horizontal navigation menu bar in the top header part of your blog will let your readers know about different categories you write about on your blog.It will not only give a professional look to your website abut also make your readers navigate through your blog at ease.Lets create a stylish navigation bar for your blog:)


how to add navigation bar in blogger blog

Add Navigation Menu Bar In Blogger Blog

1.Go to Blogger Dashboard > Template > Edit HTML
2.Search (Ctrl+F) for the line  ]]></b:skin> .
3.Now Copy the below code and paste it before the red highlighted line.

/* http://genuinecontent.blogspot.com*/
.navcontainer {
-moz-border-radius:8px 8px 8px 8px;
-khtml-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;;
border-radius:8px 8px 8px 8px;
background: #E64E00;
width: 890px; height: 40px; font-size: 14px;margin: 0px auto; padding: 0px 10px; padding-top:0px;padding-left:100px}
}
#nav {
list-style-type:none;
margin:0;
padding-top:0;
height: 36px;
overflow: hidden;
float:left;
}
#nav ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
float:left;
list-style-type:none;
margin:0;
padding-right: 2px;
padding-top: 4px;
}
#nav ul li {
list-style-type:none;
margin:0;
padding:0;
}
#nav li a:link, #nav li a:visited {
-moz-border-radius:5px 5px 5px 5px;
-khtml-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
color: #fff;
text-decoration: none;
text-transform: capitalize;
font:15px 'Open Sans';
letter-spacing:-0.1px;
font-weight: normal;
display: block;
padding: 4px 14px;          
}
#nav li a:hover, #nav li a:active {
background:#5A5858;
color: #fff;
text-decoration:none;
}
#nav  li.current-cat a {
background:#5A5858;
color: #fff;
text-decoration:none;}

 Customize Navigation Menu Bar In Blogger Blog

You can easily customize your navigation bar as per your requirements.You can change the look of this navigation bar by modifying the below code( highlighted in blue in the above piece of code)

border-radius:8px 8px 8px 8px; //gives you rounded corners for your navigation bar,If you don't want rounded corners then you can replace 8 with 0.

8px(top right corner)    8px(top left corner)    8px (bottom right corner)      8px(bottom left corner)

background: #E64E00; //Change the colour here by giving your desired color code.

width: 890px; height: 40px; font-size: 14px; //customize height,width and font of the navigation bar.

4.Now search the below code in the EDIT HTML of your blog.

<div id='header-wrapper'>
<div id='header'>
<b:section class='header' id='blog-title' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title=' The Genuine Blogging (Header)' type='Header'>


 5.Add the below code just after the above red highlighted header code.

<div class='navcontainer'>
<ul id='nav'>                       
        <li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>
        <li><a href='Category link1  '>Category 1</a></li>
        <li><a href='Category link2  '>Category 2</a></li>    
        <li><a href='Category link3  '>Category 3</a></li>    
        <li><a href='Category link4  '>Category 4</a></li>
 </ul>
</div>

6.Replace the Category links and category titles with your category/label links and titles.

7.Now save template and your are done.

Continue Reading :)

How To Add Pinterest Pin It Button Near Blog Post Title

Posted by Vikram Rajpurohit 0 comments
How To Add Pinterest Button To Blogger Blog.Pinterest pin it button next to your blog post title would be an eye catching and easily noticeable to your blog readers.This pin it button will allow you readers pin your post image on Pinterest along with your blog post link as a back link.Hence,Pinterest users who click on your pinned image will be redirected to your blog post.

How To Add Pinterest Button Near Blogger Post Title

1.Go to Blogger Dashboard > Template > Edit HTML
2.Search (Ctrl+F) for the line  <a expr:href='data:post.url'><data:post.title/></a> .
3.Now Copy the below code and paste it next to the above red highlighted line as shown in the below image.

<a data-pin-config='none' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/'><img src='//assets.pinterest.com/images/PinExt.png'/></a>
<script src='//assets.pinterest.com/js/pinit.js'/>


Note:To have a space between post title and pin it button just enter 3 empty spaces as shown in the picture above.

4.Click on save template button and your are done.


Continue Reading :)

How To Make Rounded Corners In Blogger Blog

Posted by Vikram Rajpurohit 0 comments

How To Customize Your Blog For Rounded Corners

Now you can easily create rounded corners for everything in your blog like Post body, Sidebar,Navigator,Header,Comments,Widgets box etc.You just need to paste the below CSS border radius code in the  HTML section where you want to have rounded corners.

rounded corners border radius for all browsers


 -moz-border-radius:8px 8px 8px 8px;
-khtml-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;;
border-radius:8px 8px 8px 8px;


How To Make Rounded Corners For Every Thing In Your Blog

1.Go to Blogger Dashboard > Template > Edit HTML > Proceed

Now for instance,if you want rounded corners for your blog navigator ,then search for .navigator and place the above code inside it.It looks something like this..

  .navcontainer {
  .
  .
  .
  -moz-border-radius:8px 8px 8px 8px;
  -khtml-border-radius:8px 8px 8px 8px;
  -webkit-border-radius:8px 8px 8px 8px;;
  border-radius:8px 8px 8px 8px;
  .
  }



rounded corners for blog navigator

The same process apply for all other sections of your blog.Just search the sections(Post body, Sidebar,Navigator,Header,Comments,Widgets ) for which you want to make rounded corners and paste this four line code in it.

Note :If you want to make only top corners rounded then replace the fourth line of the given code with  
border-radius:8px 8px 0px 0px;


border-radius:            8px                      8px                       8px                         8px;
                                      Top Left              Top Right             Bottom Left             Bottom Right

Now save the template .That's it :)

Continue Reading :)

Eye Catching Places On Your Blog To Have Subscription Widgets

Posted by Vikram Rajpurohit 0 comments
Five eye catching places  on your blog to place subscription widgets.It is important to have  subscription widgets at right place on your blog as this would help you in getting targeted readers and quickly increase your blog subscribers.So where to place subscription widgets on your blog ? Make sure that the subscription widget you place on your blog should be easily noticeable and let your readers sign up at ease.Readers would never like to search for bookmarking or subscription widgets so make sure that they are available at every point on your blog.

places-to-have-subscription-widgets-on-blogger

1. sidebar

If you would have looked at many popular blogs,they have their subscription widgets at the top of their sidebar.This is the most eye catching space on blogs ,which when occupied by subscription widget,results in more subscribers.If a visitor is impressed by your blog and wish to subscribe,then he will first look at your blogs sidebar for subscription widget because it is a default place where every blogger would like to place his subscription widget.
It would be best if you have a scrolling subscription widget,which scrolls along with your blog page.When the reader scrolls down the page ,the widget automatically scrolls along the page ,enabling the readers for subscribing at any point of time.

2.Header Of Your Blog

Now a days many blogs are using their subscription widgets at top of the blog,so that when the readers lands on your blog ,they would easily notice the subscription widget for sign up.You can have subscription widget right to your blogger title or below your blogger header for easy notice.

3.Below Every Post

It would be good if you place your subscription widget below every post,because visitors might not like to subscribe just looking at the design of your blog.But When they go through your blog posts at the end if they feel that  your blog is worth reading ,then they would definitely like to subscribe to your blog .And the subscription widget after every post urge them sign up on your blog.

4.Pop Up

 Subscription widget in the form of pop up would also attract visitors and remind them to sign up for your blog.Pop up subscription widget disables your blogger screen and make the visitor focus only on the subscription widget.

5.Below Your Profile Description

Visitors would like to know more about the author of a blog,they have landed on.If they are pleased with your biography and writings,then there are chances that they would like to subscribe to your blog.But you need to remind them about sign up by placing  a subscription widget below your biography.
Continue Reading :)

How To Increase Subscriber Count For Your Blog

Posted by Vikram Rajpurohit 0 comments
Turning blog readers into subscribers is a goal of every blogger as Subscribers will give a static traffic to your blog.Readers would sit in a chair of subscription only when they feel that your blog has got some interesting stuff they are looking for.

How-to-increase-subscriber-count-for-your-blog

1.Attract with Quality Content

If your blog is rich with genuine content with i3posts,then you don't need to play any tactics to get subscribers to your blog.Write about a topic (Niche) you interest in and that which help your readers.Readers related to a particular niche would automatically subscribe to a blog (in their Niche), the moment they find that the website they landed has got the information which help them make their lives easy.Write attractive posts as they  pull visitors and compel them turn into targeted subscribers.Writing about a particular niche and propagating your blog to the targeted readers in your niche will improve your blog subscription rate.

2.Integrate Subscription Widgets

Integrate your blog or website with simple and attractive subscription widgets to enable your readers sign up for your updates.Have a email subscription widget below every blog post you write as it drags readers attention to sign up after reading a post .Have subscription widgets in the form of pop ups ,but see that is should not annoy your readers.I would recommend to have a scrolling subscription widget at any corner of your blog ,which scrolls along with blogs page.Also placing a sign up widget at the top of your blogs sidebar would grab readers attention.Tell your readers to subscribe to your blog explicitly.

3.Attractive About Me Page

People are very much interested in others life,and that's what made Facebook a legend :) .Having attractive About Me page will make your visitors subscribe to your blog.Write about yourself on your blog and have your clear picture sized 400x400  .Include about your life journey,your interests, about your blogging career ,what made you start blogging,all achievements,mistakes you faced during your initial start.Tell your readers about your considerations and suggestions on blogging.

4.Offer Goodies

Offer your blog visitors a free eBook ,free blogger templates or free service upon subscribing to your blog.Also having weekly prize contests for your subscribers gives your blog a positive face.

5.Enable CommentLuv

Enabling CommentLuv on your blog will help your blog commentators sign up for your blog posts at ease as commentluv provides a check box for subscription below every comment.Giving a reply to every comment you get on your blog will let your readers know that you care for them.


Continue Reading :)

Social Sharing Widget With Tool Tip Effect For Blogger Blog Or Website

Posted by Vikram Rajpurohit 0 comments
Another Social Sharing Media widget with tool tip Effect.This CSS3 social sharing widget with tool tip effect will attract visitors and let them share your  blog or WordPress site on their social networking sites like Facebook,Google+,Twitter,LinkedIn etc.This widget will give a funky look to your blog.

tooltip-social-sharing-widget-for-blogger-website

How to Add this Social Sharing Widget in blogger blog :


1.Go to Blogger Dashboard > Template > Edit HTML > Proceed
2.Now search for ]]></b:skin> and paste the below CSS code above it .


.gc-tooltip{
padding: 0;
width: 435px;
height: 70px;
margin: 80px auto 30px auto;
}
.gc-tooltip li{
float: left;
}
.gc-tooltip li a{
display: block;
width: 68px;
height: 70px;
margin: 0 2px;
outline: none;
position: relative;
z-index: 2;
background: transparent url(http://3.bp.blogspot.com/-2tVAff2IojA/UU6idC80o6I/AAAAAAAABis/qm5vAKG7-zE/s1600/tooltip-social-sharing-widget-for-blogger-blog.png) no-repeat top left;
text-indent: -9000px;
}
.gc-tooltip li .tt-gplus{
background-position: 0px 0px;
}
.gc-tooltip li .tt-twitter{
background-position: -68px 0px;
}

.gc-tooltip li .tt-facebook{
background-position: -204px 0px;
}
.gc-tooltip li .tt-linkedin{
background-position: -272px 0px;
}

.gc-tooltip li a span{
width: 80px;
height: 80px;
line-height: 80px;
padding: 10px;
left: 50%;
margin-left: -55px;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;
font-style: italic;
font-size: 14px;
color: #719DAB;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 5px solid #fff;
background: rgba(255,255,255,0.5);
text-indent: 0px;
position: absolute;
pointer-events: none;
border-radius: 50%;
bottom: -40px;
opacity: 0;
box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gc-tooltip li a:hover span{
opacity: 0.9;
bottom: 50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}



3.Now Go To Blogger > Layout > Select HTML/JavaScript widget. Paste the code below inside it .


<div class="genuinecontent">
<ul class="gc-tooltip">
<li><a class="tt-facebook" href="FB_URL"><span>Facebook</span></a></li>
<li><a class="tt-linkedin" href="LN_URL"><span>LinkedIn</span></a></li>
<li><a class="tt-gplus" href="G+URL"><span>Google Plus</span></a></li>
<li><a class="tt-twitter" href="TW_URL"><span>Twitter</span></a></li>
</ul>
</div>

Note: In the above highlighted red text enter your social networking URLs.

Click on save and you are done:)

Continue Reading :)

How To Increase Blog Traffic With Pinterest

Posted by Vikram Rajpurohit 0 comments
When it comes to social media traffic ,your concentration drives to Facebook and Twitter, right :) .But have you ever thought that even pinterest can drive huge traffic to your website ? Pinterest is one of the leading social media sites ,which has got  drastic popularity within 2 years of span.It has about 48 million users who create boards of their interesting content.The most Popular categories in pinterest include recipes,travel, cars, food, film, humor, home ,design, sports, fashion,art, memorable blog posts, craft works etc. This post will give you a walkthrough about driving traffic to your blog using pinterest.

how-to-increase-blog-traffic-using-pinterest

Tips To Promote Your Blog Using Pinterest


1.Have at least one Picture on every blog post

As Pinterest users create pinboards using images, have at least one picture in your blog post.This makes pinterest users  pin your blog post images easily.Choose images which completely resemble your blog post,which reflects the message of your blog post.Inserting attractive and informative pictures in blog posts will help your blog in drawing attention of pinterest users.Creat your own images for your blog posts.Try to have large images on your blog post as large images have great chances of getting pins.Give your pins a short, catchy title that explains the theme of your blog post. I urge you always write a pin description. Also see that the link associated with your pin needs to go back to your post, not your main home page.

2.Build Network with Pinterest Users

This is what you generally do on other social networking sites.Build a good relationship with pinterest users by pinning their pin boards,commenting on their pins.Follow the pinterest users who are in your blog niche.Try to reply to every comment you get on your pins from other pinterest users.Doing this will result in a close relationship with other pinterest users ,who can share your pinned posts giving you a good traffic.Watermarking images with your blog address will propagate your blog popularity when pinned or repinned.

3.Incorporate Pin It buttons

Incorporate Pinterest pin it buttons on your blogs side bar and for each post so that pinterest users can easily pin your post on their pinterest boards.Also have a pin it button below every post.Integrating pinterest pin it button on every image of your blog post help you in getting good amount of pins for your post images ,which in turn boosts up your blog traffic.


Continue Reading :)

Beautiful On Hover Social Sharing Widget For Blogger Blog Or Website

Posted by Vikram Rajpurohit 0 comments
This beautiful CSS3 social sharing widget with on hover effect will enable your blog attract visitors.This widget will allow your readers share your blog or Wordpress site on different social media networking sites like Facebook,Google+,Twitter,Pinterest,Youtube,LinkedIn etc.This widget will give a professional look to your blog.In case if you don't require a particular social networking site in the widget then in the below code you can remove the code lines of that particular social networking site from the highlighted green text.

social-sharing-widget-for-blogger-blog

 DEMO

How To Add Social Sharing Widget in Blogger Blog 

Go To Blogger > Layout>Select HTML/JavaScript widget. Paste the code below inside it .


<style type="text/css"> #tgbbg {width: 260px;margin: 10px 20px;padding: 0;} #tgbbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; }
#tgbbg .icon {background: #D91E76 url('http://2.bp.blogspot.com/-KEwsB1lxsts/UT0tivyJIeI/AAAAAAAABh8/u3jyW0QUaqU/s1600/tgbicons.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #tgbbg span:hover {visibility: hidden;} #tgbbg span {display: block;top: 15px;position: absolute;left: 90px;} #tgbbg .icon {color: #fafafa;overflow: hidden;}


#tgbbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;}          
#tgbbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}     
#tgbbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}   
 #tgbbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}       
#tgbbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;}  
#tgbbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
 #tgbbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#tgbbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}

#tgbbg li:hover .icon {width: 250px; } #tgbbg li:hover .icon {background-color: #d91e76; }
#tgbbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#tgbbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#tgbbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#tgbbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#tgbbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#tgbbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#tgbbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#tgbbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }

#tgbbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <style type="text/css">
#tgbbg {width: 260px;margin: 10px 20px;padding: 0;} #tgbbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #tgbbg .icon {background: #D91E76 url('http://2.bp.blogspot.com/-KEwsB1lxsts/UT0tivyJIeI/AAAAAAAABh8/u3jyW0QUaqU/s1600/tgbicons.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #tgbbg span:hover {visibility: hidden;} #tgbbg span {display: block;top: 15px;position: absolute;left: 90px;} #tgbbg .icon {color: #fafafa;overflow: hidden;}

 #tgbbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;}
#tgbbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}
#tgbbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}
#tgbbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#tgbbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;}
#tgbbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
#tgbbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#tgbbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}

#tgbbg li:hover .icon {width: 250px; } #tgbbg li:hover .icon {background-color: #d91e76; }

#tgbbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#tgbbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#tgbbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#tgbbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#tgbbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#tgbbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#tgbbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#tgbbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }

#tgbbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <ul id="tgbbg">

<li ><a href="Facebook URL" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li>
<li ><a href="Twitter URL" class="icon twit" >Follow us on Twitter</a><span>Follow us on Twitter</span></li>
<li ><a href="Google+ URL" class="icon google" >Follow us on Google+</a><span>Follow us on Google+</span></li>
 <li ><a href="Pinterest URL" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span></li>
<li ><a href="LinkedIn URL" class="icon linked" >Follow us on LinkedIn</a><span>Follow us on LinkedIn</span></li>
 <li ><a href="Deviant Art URL" class="icon deviant" >Follow us on DeviantArt</a><span>Follow us on DeviantArt</span></li>
<li ><a href="Youtube URL" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span></li>
 <li ><a href="RSS/Feed" class="icon rss" >Subscribe via RSS</a><span>Subscribe via RSS</span></li> </ul> </div>


Note: In the above highlighted red text enter your social networking URLs.

Click on save and you are done.

Continue Reading :)

How To Write Interesting Informative And Interactive Blog Posts

Posted by Vikram Rajpurohit 0 comments
Incorporate this I3 processor in your blog post to ramp up its popularity.Many bloggers end up their day writing huge posts without implementing I3 factor in their blog posts.Why do they do so? Because they did read that posting tons of posts daily will earn them targeted readers.What do you say? Do those posts worth reading, which just posted  for the sake of hike in their traffic rate? If a post written, has I3 processor ( interesting ,informative and interactive) ,then doesn't matter how many posts you write per day.If your post meets these 3I's,then surely you will not only retain your existing readers but also earn new readers.

how-to-write-interesting-interactiv- informative-posts

I3 Processor for your Blog Post

 Interesting

How to make your blog post Interesting? Give an attractive title for your post,like instead of giving Role of social media in business for your blog post,you can try something like why businesses run after social media or  Is social media a hero for businesses.If possible give funny titles to your post, because funny thing goes viral easily.Incorporating attractive image,video in your blog post also makes your post interesting.Showcase your expressions using smileys in the middle of the post.Highlight the keywords or main points of your post in bold ,italic,quotes etc.

Informative

How to make your blog post Informative? Break your post into some direct shot headings so that even a glance at your post will make your readers understand the soul of your blog post.Also it will be a good practice if you bold or underline the lines which reflect your posts actual purpose ,else try to put the main items in a list format with simple bullet points.If possible try to have an audio or video version of your blog post.

Interactive

How to make your blog post Interactive? Have questions (like what do you say?,what you feel?,does it sounds correct?) in the middle of the post.Write your thoughts about the post and ask readers for suggestions or considerations at the end of the post giving them access to comments on your blog .Try to reply to each comment ,which actually leads to good interaction with your blog readers and which in turn lets your blog nourish with targeted readers by turning them into subscribers.


Continue Reading :)

How To Increase Alexa Rank For Your Website

Posted by Vikram Rajpurohit 0 comments
How to increase Alexa rank for blogger blog is a question of many.Lets improve Alexa rank for your website.Is it a dream of EVERY BLOGGER to have a good rank in Alexa for their websites? Perhaps not, because it is nowhere related to SEO or Google page rank.But I can say that Alexa ranking plays a vital role for the bloggers who want to make some living through blogs.It helps in bringing quality advertisers to their blogs ,which earns them some money.Traffic of your blog is the only thing, Alexa is questing for.Yes, Alexa ranking is dependent on your blogs traffic rate.The more you have traffic ,the good your Alexa rank be.


What Alexa Actually does ?

Alexa is a website that gives a traffic position to your website on the World Wide Web. This calculation is based on the traffic your site is receiving. You only need to install the Alexa toolbar to your browser as the Alexa toolbar collects the last three months traffic data and gives the number of the pages of the website used and visited and based on that sets a worldwide and country wise rank to your website.The main goal of Alexa is to rank your website over world wide web depending on your websites traffic.The Alexa rank may fluctuate depending on your last 3 months traffic rate.

Why increase Alexa rank?

If you want to earn handsome money out of your blog ,then Alexa rank will play a key role.Alexa rank is used by most ad networks,advertisers, webmasters to measure the traffic rate and the merit of your blog. For instance, when it comes to Advertisers, they look for the blogs with good Alexa rank to promote their products and services.In this regard, Alexa can make you obtain a better bargaining position.Doesn't it sounds good :),then how to increase  your Alexa rank.keep going...


How to increase Alexa rank?

Here are some strategies which help you in improving your websites Alexa rank.

1.Alexa Toolbar:Install Alexa tool bar on your browser and make sure you tell your readers to install it,because it counts the visitors coming from the Alexa toolbar installed browsers.

2.Alexa Reviews:I think this would help you in improving your Alexa rank.if you have positive reviews about your blog or website on Alexa reviews page,then this will benefit you some way.so tell your friends or other bloggers who you know ,to write a positive review about your site.

3.Popularity:As per Alexa,The popularity of your blog is determined with the count of quality backlinks you have for your blog.So improving quality backlinks will lead your blog to a better Alexa rank.Check how to get quality backlinks for your blog.

4.Alexa Widget:I don't think Alexa widget makes any difference,but will help you and your readers track your Alexa rank.

5.Traffic:The only drink,that can quench Alexa's thirst.I can assure you that if you have good traffic for your blog ,then you don't need to worry about your Alexa rank.For sure, you Will have a good Alexa rank,and that in turn will drive advertisers to your blog with good advertising proposals.

Suggestion

As per my suggestion,I would recommend you to first concentrate on your blogs traffic to boost up your Alexa ranking.To be frank, in December 2012,the Alexa rank for my blog was 7500000 and today (February 2013) it has come up to 500000.And to your information I have never applied any tactics or strategies to improve my Alexa rank.The only diamond which shines on Alexa platform and the one that I concentrated on is the traffic of my blog.It doesn't mean that the strategies stated above are in vain,they also have an impact on Alexa ranking.But first concentrate on your blog traffic.Also check what ways I adopted to increase my blog traffic,which did chop my Alexa rank from 7500k to 500K in hardly three months.

Do share if you like this post and write us about your opinion about Alexa rank in comments below :)


Continue Reading :)

How To Increase Google Page Rank For Website-Easy Boost Up

Posted by Vikram Rajpurohit 0 comments
How to increase google page rank for blogger blog.How to improve Google page rank for blogger blog.These days i came across new bies in blogosphere, saying why we need Google page rank and what is its use? Are they going to give good traffic to my blog?Apparently yes,many know that high Google page rank gives you good traffic ,but not aware of the logic behind these page rankings.Having a good page rank to your blog reflects that you blog has got quality content with genuine backlinks,giving you a priority among other blogs in your niche.For instance,If some query typed by a user in Google search matches only 30% to your blog post title and your post keywords frequency,and say some other blog has got 100% match but has Google page rank less than your blog,so what?it will show your blog post first in search results rather displaying other blogs, because your blog is awarded with the Google boon ,called the Google page rank.

Google page rank helps your blog post reserve its place on top Google search pages,giving your blog a privilege to have greater exposure in Google search results.As we all know that organic traffic which comes from Google is highly prioritized than the traffic we get from other sources,and that is what Google PR gives to your blog.So,how to increase your Google page rank,do you need to apply any tactics ,need to incorporate huge strategies? No,the sole task you have to go with is build quality backlinks and generate genuine content for your blog.That's it.Now you got the stuff which is behind Google page rank.OK,but how to write genuine content? Keep reading you will get to know.

1.Genuine Content

Genuine content,a sweet which Google is fond of.So lets prepare it.You can be able to produce quality content with some research in the stuff you going to write in your blog.Make sure that the topic (niche) you choose should be of your interest.Try to go to the root (basics) of the article and put it on your blog in a simple way.Just glancing at some stuff ,thinking that it is interesting,and putting on your blog doesn't work actually because when your blog readers come to you to be clear on the topic,then you should be able to wash off their every doubt.Try to include effective images and videos in your posts,because action speaks more than words,right :)

Also try to write in a way as if you speak to your reader in real (face to face).If you are an ethical writer then try to put your ethics in your writing,it adds value to your blog.Try to use some inspirational and interesting phrases about your topic in the post.Readers are most interested in reading the blogs which flourishes them not only with intelligent information but also with the stuff which drives their attention to a happy mode.Try to make your readers amuse in the middle of long posts, show off your expressions ,as if you are in-front of your friend and making fun.Over all, if you are good with some stuff for your blog then try to mould it into interesting ,informative and interactive post.I have now gave you all the ingredients required to prepare sweet posts with your real writings.Now its up to you how you use these factors to prepare delicious genuine posts for your readers.Now lets go with backlinks.

2.Quality Backlinks

How to achieve quality backlinks now.Backlink,which is also a great challenge for bloggers ,plays a big role in boosting up your blog's Google page rank.I don't have much to say about backlinks,as I have already wrote many posts about backlinks.You can refer my two of those posts to get acquaint of backlinks and different ways to achieve them.1.12 ways to get Backlinks 2.Link to high authority websites.Apart from this, i would also like to add a point that if you are good at coding like javascript ,CSS ,then develop some widget , some small plugin or application ,which would be helpful for blogs.And when used by other bloggers (on different websites),in turn offers you with a quality backlink.

That's it for this post,please put your considerations,how much you like this post in the comments below.Also any corrections,suggestions would be very appreciated :)

Continue Reading :)

How To Check Website or Blogger Blog Traffic And Popularity-Track Blog Traffic

Posted by Vikram Rajpurohit 0 comments

 How To Check Website Popularity And Unique Visitors

How to check the daily unique visitors and popularity of a website? Now easily Check Website popularity or blogger blog Statistics by choosing the below Ways to See how much traffic a website is getting and to check how popular your blog is.Many would like to find out how much traffic a Website is Getting.With the help of below mentioned sites you can easily track site traffic, popularity and statistics.you can also determine your blog Traffic metrics like daily Pageviews,Backlinks,Alexa rank of a Website.After a huge research,i have listed below the popular tools for checking daily unique visitors of a website or blogger bog.
.

How to Find Out Any Website's Traffic, Visitors and Hits

1.Alexa

Alexa was founded in 1996 and has created one of the largest Web crawls ,serving massive data in its unparalleled database.Alexa will crawl and analyze your website to provide you with an in depth view of your site's visibility to search engines,and overall health of your website.It maintains data about sites Statistics,Backlinks ,Unique visitors,Keywords,Performance of a website, etc. It also maintains lists of top Sites available by country, language or by category. You can find the entire information about your blog on Alexa's Site Info pages. Just type the URL of your website or blog into the Alexa search box and click the "Search" button.




2.Google Ad Planner

Google Ad Planner gives you accurate and detailed traffic information about a website in country wise manner and worldwide .If want to check the traffic details of other websites ,then this would be the best option.This traffic estimating tool from Google will give you important traffic metrics like unique visitors, average time on site, total page views, total unique visitors to a website in a particular month for the entered website.To start using Google Ad Planner to check traffic to a website, enter the website URL in the search box and click enter or the given arrow button.


3.compete

Its a simple website traffic estimating tool.If you are interested in the traffic from US ,then this would help you out.It gives the traffic details like unique visitors from US and a list of competitor websites,which are similar to your website .Compete has the largest active panel of US Internet users.Compete’s click stream data are collected from a 2,000,000 member panel of US Internet users. Its 2,000,000 members represent approximately 1% of the US Internet browser population.


In addition to the above site monitoring tools ,there are other website traffic determining tools which may not give exact or accurate data about your blog but will give quite a close statistics about your blog.

4.Websiteoutlook

5.Quantcast

6.Checkwebsiteprice

 If you know any other monitoring tools ,please tell us through comments :)

Continue Reading :)

How To Increase Your Website Traffic-Tips To Improve Blog Traffic

Posted by Vikram Rajpurohit 0 comments

How To Increase The Traffic Of A Website Or Blogger Blog


How to increase the traffic of a website or blogger blog.Now improve Your Website Traffic with 7 genuine ways.Traffic is like a soul to your blog.Every blogger needs targeted traffic rate for their blog, as a blog doesn't make any sense without it.Getting targeted quality traffic is a dream of every blogger.Applying all the below tips on your blog at once may make you exhausted,try one by one or pick some to boost up your blogs traffic rate.

how to increase traffic to your blog1

Easy Improve Your Website Traffic With 7 Genuine Ways

1.Content

A blog gets a rich look only when it has got great content.When you are about to write a post in your niche,then make sure that it has got huge research and unanimous information.Many say that you need to write daily to get good response in blogging,but if you are after producing genuine content then posting atmost twice in a week is more enough to get golden spoon in your mouth.If you try to write unique and genuine content(SEO Friendly) then you are done with the most in your blogging career.Never do content replications from other sites,it may work for some people but wont prevail in long run and someday they will compel to wash off their career in blogging.

2.Blog Submission

Submit your blog to search engines like Google,Bing,Yahoo,etc.Also Submit your blog to free blog directories like Dmoz etc.There are many free listing directories and blogs available on web,where you can submit your blog to get backlinks ,which will help you in improving your Google page rank.Just do Google search for free domain listing.Forum posting,yahoo answers also play a good role in increasing your blog traffic.Try to link to Higher Authority websites to get quality backlinks. Join Yahoo Answers and Blogging Forums or Communities and help the needy in your niche.

3.Social Media

Social media plays a vital role in generating tons of traffic to your blog.Facebook,Twitter,Google+ are the most popular networking sites having billions of users.create a Facebook and Google+ fan page for your blog and invite your friends,also tweet your blog posts in your twitter account.Besides,There are many social networking sites like delicious,StumbleUpon,Pinterest,Digg,etc where you can leave your blog mark.Try to use social networking widgets on your blog which enable your readers and friends follow your site.But do not incorporate huge widgets that may annoy your readers.You should connect with other bloggers and people as soon as possible through these networking sites.These networking followers and fans improve the popularity for your blog.And once the blog gets popular,you don't need to write much for your blog  then,you will get huge guest posts :)

how to increase website traffic

4.Email Subscriptions

Set up an email subscription form on your blog and invite all in your network to subscribe.Make sure you have an RSS feed URL that people can subscribe to.RSS means Rich Site Summary.And as i said post atleast two genuine articles to sustain your existing readers and to gain new readers.Try to have email subscriptions in your blogs side bar and beneath every blog post.If you have any eBook about your experiences in blogging then You can offer that on subscriptions,as this helps you in getting more subscribers for your blog.

 5.Commenting

Follow some well known blogs from your niche and try to comment on their posts daily.Leave a high quality comment whenever a new post is published.If possible try to comment first for a new post in the popular blogs you follow,this will enhance your interaction with the blogs owner,and it will also catch your presence in blogging world ,making other commentators and readers recognize you and your blog.The more you give useful and intelligent comments ,the more you get good traffic.Never comment like a miser,try to elaborate your comment more clearly if it may be your suggestion or question.

6.guest blogging

This is the most fastest way to get huge traffic to your blog.In blogosphere it has been regarded as the top source for driving traffic to your blog.Create a unique,quality post and submit it on popular blogs,which in turn  honors you with backlinks and let other bloggers and readers jump onto your blog .Most of the famous blogs don't accept the articles from blogs having free hosting platforms and having sub domains like ABC.blogspot.com ,ABC.WordPress.com.So try to have a good domain name and a WordPress web hosting for your blog.This not only gives your blog a professional look but also opens up your way to guest blogging.

7.Search Engine Optimization (SEO):

This is the only place where you need to squeeze your brain to write not just quality and informative posts but also an SEO friendly post.This is where you get organic traffic which is beyond your blogs direct traffic.To write seo friendly posts ,you need to include the keywords in your posts ,which a user type in search engines.By googling ,you can get many tools(eg:Google keyword tools ,Google insights) which give you the quality keywords based on the post title you give.Besides this, linking to high authority websites ,increasing your quality backlinks and Google page rank will give huge exposure to your blog posts in Gaint Search Engines like Google,Yahoo etc.

How To increase Traffic To Your Website


Which way you pick up to get traffic juice to your blog? If you know any other ways to generate traffic to website please put up into the comments box below :)

Continue Reading :)

How to Create Sitemap Page For Blogger Blog

Posted by Vikram Rajpurohit 0 comments
How to Create a Sitemap Page For Blogger Blog or your wordpress website.Sitemap page will help your readers in easy navigating through your posts in a particular manner.This tutorial will show you how to create a sitemap page for your blogger in a monthly archived fashion.

How to Create Sitemap Page For Your Blogger Blog

Steps to create a sitemap page for your blog

1.Go to your blogger dashboard and select Pages.
2.Create a new page and give some name.
3.click on HTML tab of your page and copy past the following code in it.

<center>
<a class="classname" href="http://genuinecontent.blogspot.com/2013_02_01_archive.html">February 2013</a><a class="classname" href="http://genuinecontent.blogspot.com/2013_01_01_archive.html">January 2013</a>
</center>
<style type="text/css">
.classname {
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
 background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
 background-color:#ededed;
 -moz-border-radius:21px;
 -webkit-border-radius:21px;
 border-radius:21px;
 border:3px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #ededed) );
 background:-moz-linear-gradient( center top, #d6d6d6 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ededed');
 background-color:#d6d6d6;
}.classname:active {
 position:relative;
 top:1px;
}
</style>

NOTE:
1.This code has sitemap for two months you can add more by copy pasting the above bold text.
2.Replace the above highlighted red text with your monthly archive blog urls .
3.Replace the above highlighted blue text with the month-year you desire.
4.To maintain space between buttons you can add <br/> for new line.

Now publish the page and add your sitemap page URL anywhere in your blog.I would recommend you to add your sitemap page in the footer of your blog.

Continue Reading :)