TechCrunch like Social Sharing Widgets for Blogger [ How to add Blogger Widgets ]

TechCrunch like Social Sharing Widget

Friends,we've so far shared many Blogger Widgets that let you increase your blog's exposure in popular social networking sites like Facebook, Twitter , Google + .

You may've seen Mashable like Social sharing widget, Twitter Bird Blogger Widget , Facebook Pop-up Widget ,here in this post we would like to share yet an another popular Tech Blog's Social Sharing widget for Blogger. Thanks to PBT for sharing this with us..
So many people searching for TechCrunch like Blogger Widgets and TechCrunch like Blogger Template . Although there is no Template available till now, let me try to share it to you soon , and for now i've shared TechCrunch like Social Sharing widgets for blogger blogs with all in one widget.

How to add TechCrunch like Social Subscription widget to blogger ?

Follow the simple steps given below,

1. Goto Blogger > Design > Add Gadgets > HTML/JavaScript

2. Copy the below codes and paste in on the box 

<style type="text/css">
/* PBT- TechCrunch Widget Style Sheet */
.pbt-techcrunch{margin-bottom:10px;position:relative;width:300px; background-color:#fff ;margin-left: 10px;}
#pbt-social-widget-facebook{width:300px;overflow:hidden;margin-bottom:10px;margin-top:10px;border:1px solid gainsboro;}
#pbt-social-widget-facebook iframe{padding:15px 15px 0 15px;}#pbt-social-widget-facebook iframe{height:28px;width:300px;}
#pbt-social-widget-twitter{width:300px;overflow:hidden;margin-bottom:10px;border:1px solid gainsboro;}
#pbt-social-widget-twitter iframe{padding:19px 15px 19px 15px;}
#pbt-social-widget-google{width:300px;margin-bottom:10px;}#pbt-social-widget-chiclets{width:270px;overflow:hidden;text-align:center;padding:19px 15px 19px 15px;border:1px solid gainsboro;}#pbt-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin-right:10px;}
#pbt-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgjX6HBYg5t-eVjigjvlEJEmlPxR6C3imSAnax0czxDZJd0kv7Ykl-4HRehMCVfZwD5W0n_-RuPF9Z3nA6KQ89K9LajSkyaCDhoO9-S6p2RivZZbaljy8iyTSKvaLQ-4lQaH-5yXdiDUi/s1600/social_widget_sprite.png) no-repeat;}#pbt-social-widget-chiclets-linkedin a{background-position:0 0;}
#pbt-social-widget-chiclets-stumbleupon a{background-position:0 -33px;}#pbt-social-widget-chiclets-youtube a{background-position:0 -65px;}#pbt-social-widget-chiclets-feedburner a{background-position:0 -97px;}#pbt-social-widget-chiclets-rss a{background-position:0 -129px;}
</style>
<div class="pbt-techcrunch" >
<div class="pbt-configuration">
<div id="pbt-social-widget-facebook">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fprobloggingtools&amp;send=false&amp;layout=standard&amp;width=270&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:80px;" allowtransparency="true"></iframe></div>
<div id="pbt-social-widget-twitter">
<a href="https://twitter.com/ProBloggingTool" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @ProBloggingTool</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
<div id="pbt-social-widget-google">
<g:plus href="https://plus.google.com/104498101167197212267" size="smallbadge"></g:plus></div>
<div id="pbt-social-widget-chiclets">
<div id="pbt-social-widget-chiclets-linkedin"><a href="http://www.linkedin.com/today/probloggingtools/"></a></div>
<div id="pbt-social-widget-chiclets-stumbleupon"><a href="http://www.stumbleupon.com/channel/probloggintools/"></a></div>
<div id="pbt-social-widget-chiclets-youtube"><a href="http://www.youtube.com/probloggingtools"></a></div>
<div id="pbt-social-widget-chiclets-feedburner"><a href="http://feedburner.google.com/fb/a/mailverify?uri=Probloggingtools&loc=en_US"></a></div>
<div id="pbt-social-widget-chiclets-rss"><a href="http://feeds.feedburner.com/ProBloggingTools"></a></div>
</div></div></div>

3. Preview and Save it.

4. Now you've added TechCrunch.com like Social Sharing Widget on your blogger blog.

5. You have to Change the facebook fan page url , Feedburner URL , Youtube url , Stumbleupon, Google + page id to yours.

Share TechCrunch Blogger Widget to your friends 

If you like this Blogger Widget, dont mind sharing this on facebook,twitter as a thanks giving back to us.

You may also like : Mashable like Social Sharing Widget
                              Floating Social Sharing Buttons
More Blogger Widgets, Blogger Tutorials , Premium Blogger Tempaltes

Add Floating Facebook Like, Twitter , Google Plus Button Widget to Blogger [ Blogger Tutorials ]

Add Floating Fb GPlus Tweet Buttons to the Blogger

Social Networking plays major role in bringing traffic to our site,so we've to make our site in all way to share our articles/posts to the facebook,Twitter,Google Plus so as the friends of friends will see ,and then the traffic will flow in, who knows  if your post is something awesome it may goes viral.

I've already shared : Facebook Pop-up Like Widget for blogger

How to add  Social Sharing Widget to Blogger ?

You may've noted the social sharing widget - Facebook Share , Twitter Teet ,Google Plus +! at the left of this post,it will just scroll down in all the posts.

Just follow the simple steps.

1. Goto Blogger Design > Page Elements > Add Gadget > Select " HTML/JavaScript

2. Paste the below code in the Pop up Box ,

<style> 

/*-------SCB Floating Sharing Widget------------*/

#floatdiv { 

  position:fixed; 

bottom:15%; 

margin-left:-70px; 

z-index:10; 

float:left; 

padding-bottom:2px;

}

#scbsidebar { 

        background:#fff; 

        border-top:1px solid #ddd; 

        border-left:1px solid #ddd; 

        border-bottom:1px solid #ddd; 

        border-radius:5px; 

       -moz-border-radius:5px; 

       -webkit-border-radius:5px; 

        padding-left:5px; 

        width:60px; 

        margin:0 0 0 5px; 

}

.fb_share_count_top {width:52px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} 

</style>

<div id="floatdiv"> 

<div id="scbsidebar"> 

    <table cellpadding="1px" cellspacing="0">

    <tr> 

    <td style="padding:5px 0px 0px 0;"> 

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="studentscrunch">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 

    </td> 

    </tr>

    <tr> 

    <td style="padding:5px 0 2px 0;"> 

    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> 

    </td> 

    </tr> 

    <tr> 

    <td style=" padding:5px 0px 0px 0px;">

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script> 

<g:plusone size="Tall" expr:href="data:post.url"> 

    </g:plusone></td> 

    </tr>  

    </table> 

</div> 

</div>

4. Save it .

5. Now You just bring "Social Sharing gadget" below " Post

Thats it ,Now Save ! and view your blog.

Hope you'll Like it,by the way dont forgot to share this..

If you need any helps,drop your comments below..

More Blogger Tricks , Blogger Tutorials , Premium Blogger Templates on related posts below

New Blogger Interface to be rolled for all the Blogspot blogs from April 2012

New Interface for Blogspot Blogs

Google to roll out upgraded Blogger Interface to all of the Blogger users from April .so the webmasters may happen to see the New interface,some of you may not like the interface although it has packed with some awesome new features .

What does the New Upgraded Blogger Interface has for you ?

The New Blogger has some updates to the already existing features and also has some new features .

• Auto SEO,
• Redirect Post ,
•  Meta Description ,
•  Image Alt Tags,
• Upgraded Post tool
• Options for H2 , H3 , Tags.

So,do you like using New interface ? or like to stick with Old interface ?

How to Add nofollow attribute to External Links using Blogger Link Tool [ Blogger Tricks ]

Blogger officially Adds rel="nofollow" tags in the link toolBlogger Team has added some awesome features in blogger,where bloggers can use it as a high productive tool.Apart from the few other changes in the "Post Compose" tool,like Post Heading, Sub Heading ,and normal heading features,Blogger now added most essential tool for SEO .


Protect your PR , Google juice with rel="nofollow" attribute
Achieving a good Pagerank is something a blogger dying for ,even though PR doesn't have much value interms of SEO, but some of the Guru's in their  blog posts says,that "Higher the PR your blog has,more frequent Google bot crawls your blog "

So if your blog has High PageRank ( PR 1 + ),you have to be aware of keeping that rank till other PR update,so dont loose your pagrank juice to third party websites,by linking them without rel="nofollow" tag.

How to add rel="nofollow" tag to my blog post / links ?
So,if you're linking external websites/blogs from your blog post,please do add rel="nofollow" attribute from the link tool.If you dont know how to add nofollow tag to the external link,do see this screenshot.

If you still don't know what is nofollow tag ?
Here check , What Google say about for this nofollow tool,
 

Checking this box means that you don’t want this link to be considered when web crawlers are searching for information they’ll use to index your page.

Hope you like this post,show your Love by sharing this to facebook,twitter.If you need any helps,do drop your comments below.

What do you think of this new feature added by Blogger Team ?

Blogger Tricks | Blogger Templates | SEO

How to add Adsense Below Post Title [ Blogger Tricks ]

How to Display Adsense ads below Post Title
If you are primarily using adsense to monetize your blog,then you have to optimize Adsense to the best part so that it make money for your worthy contents.

You may also like : Increase your Adsense Clicks
                             Optimize Title Tag to get more visitors
So,How to optimize Adsense on your blog ?

If you Display Adsense on the Hot Spot of your blog,it will yield you $$ ,if you're getting Tons of Visitors a day,
So identify some of Hot spot/place on your blog,Since every blogger may use different Templates i can't make assurance to them,so one thing we're sure is "Before Post Entry" so it might be the best plalce to display ads.

In this post ,i'll let you know How to display adsense below Post Title or above Body content.Follow the simple steps which will be easy for you.

Place Adsense Ad Below Title :

1. Goto Blogger >Design >Edit HTML

                 Check :Expand Widgets Templates.

2. Find (Use CNTRL+F)

data:post.body

3.Now Goto Adsense >My Ads > Create New Ads or Get Code for existing Ads of your desired size ( 336x280 recommended ) .

4. Copy the Adsense Code and parse it with the help of this Online Parser tool Click here .

5.Copy the parsed Adsense Code and Paste it before the <data:post.body/>

6.If you find more than one of the above code,just find this <div class='post-entry'> and Paste the adsense code after it.

7.Thats it.Now your adsense code will appear below Post Title of your blog ,which will have more exposure to the visitors than sidebar ads.

8.Similarly you can display Ads after the post content by placing the adsense code after the Post.body tag .

Hope you like it,and will implement this Adsense Tip on your blog, ;)

If you have find any errors or need any helps ,do post your comment..;)
Adsense Tips Adsense Tricks Adsense Optimization Blogger Tricks more on related posts.

Use Pinterest to Boost your Backlinks and SERP Rankings in Google [ SEO Tricks n Tips ]

Use Pinterest to get Trusted Backlinks

Pinterest is an Online pinboard where you can organize ans share things you love.Since it currently available on invitation based,all of us can't use Pinterest atleaset for now.

If you haven't signup for Pinterest , just leave your Email id for an invitation.Once you get an account on Pinterest you can share your blog posts on Pinterest.

How to Improve SEO using Pinterest?One of my friend have used Pinterest and the result he got is amazing.
i've also tried his method and want to share this with you.
I've optimized a blog with  pinterest was jumped from  page #16 to #1 st page of google.
So,How you can bring your site to the top of Google ?Just follow the tips and do it on your own way !

                                    Get Pinned from as many users as you can !
The trick is that we must got our website pinned and repinned by many people this is the hardest part.Most of pinterest users won't doing repin when they aren't like what we pinned.So you've to Pin the Content which must attract and draws users attention to Repin your post. If you dont find any success in this ,

One simple suggestion is outsource this task on fiverr ,you will get atleast 100 repins within short period. i did like that and got my blog pinned by more than 70 people.

Pinterest is best for Search Engine Optimization for these reason,
1. You know ,Once our blog/website pinned at pinterest it has 3 backlinks counts.
2. Google has interest in social media signal ( as they do with Google + ) so it will not tagged as links farm.
3. Currently pinterest links are dofollow even the image if i'm not wrong.
4. Pinterest supports anchor text , it's perfect for placing our keywords .


So friends,its the way how you can use Pinterest for improving your blogs SEO ,getting high rankings in Google SERP thus driving more traffic to your site.

Hope you like the post ?share it on social site. Need any help ?Post your comments below..
tags: pinterest tricks,how to use pinterest for seo,google seo,pinterest backlinks,traffic from pinterest

How to add Meta Tags to Blogger [ Blogger Tricks ]

Add Meta Tags to improve SEO

If you're a blogger you need to insert meta tags into the header of your blog ,so that search engine can find your blogs data easily.So,in this post i've given How to add Meta Tags to Blogger in a very easy to follow simple steps.

What is Meta Tags ? and Why we need to add Meta Tags ?Meta tags is a Tag in the HTML that Describes the contents of a web page ie) your Blog posts.
Meta Tags are not displayed to visitors ( page ) else it is parsable by Search engines.

Usually Bloggers use Meta elements to specify page description, keywords, author of the blog, last modified, and other metadata.
The tag always goes inside the <head> element.
The metadata can be used by browsers ( how to display content or reload page ),search engines use keywords and Descriptions .Google recently skipped Keyword meta tags for their Search engine rankings.

How to Add Meta Tags to Blogger

1. Goto Blogger > Design > Edit Html
2. Find this Code : <b:skin><![CDATA[
3. Copy and Paste the below code before the above code.

<!-- Meta Tags ~ www.StudentsCrunch.com  -->
<meta content=' Your Blog Description here! - All about Blogggin ,Premium Blogger Template,Technology,Education,' name='description'/>
<meta content='Your Keywords here! Premium Blogger Templates , Social Media, Technology, Blogging' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<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='IN' name='country'/>
<meta content='blogger' name='generator'/>
<!-- /Meta Tags ~ www.StudentsCrunch.com -->

4. Now Replace the above details with your  Blog's Description ,Keywords, Author info,Email etc.
5. Save your Template ! everything done.

Now Google will displays your Description in SERP ,You may also like to know How to hack Title Tags for more Search engine Traffic.

If you like this post,do share this..
Tried this and need any helps ,drop your comments below.
Tags: How to add meta tags, meta tags generator, online blogger help, blogger tricks, how to add keywords to blogger,how to add description to blogger,head,change the meta tags.

How to Optimize Title Tags in Blogger for better Search Engine Traffic [ Blogger Tricks ]

How to add SEO Title Tags on Blogger
Well you've searched for this,so you know the importance of Title Tags on search engines to drive traffic,If you have well decent traffic you wont care for this and you wont searched ,newbies and fellow bloggers like you have to know "How to change Title Tags for better SEO" .

You may also like to read :
              Why you must Change Title Tags for stealing Traffic

So,coming to the Title,

Its the simple step ,anyone can follow.

1.Goto Blogger>Design>Edit Html

2.Before doing any changes on your Template,Always dont forgot to BACKUP you template,so that you wont lose your prev template.

3.Find the code below :

                                <title><data:blog.pageTitle/></title>

It Looks like :

4. Copy below code and Replace with the above Code

<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>

It must look like this after the change:

5. Save your Template !

Now you've optimized your blogger meta Tag Title ,from them if your blog appears in Google Search it will more likely to attract visitors.Traffic will increase by atleast few percent.

Like this do share this with your friends! Have something to ask ! Post your comments via comments...

tags; how to change title tags on bloggger,optimize title tag,hack title tag,seo

Why you must do Title Tag Optimization for your blog on Blogger ? [ Blogger Tutorials ]

SEO optimization on Blogger
Before going to share this Blogger SEO Tips with you,let me tell you Why does it need for ?

Your Blogger Blog by default displays Blog Title on SERP ( Search Engine Result Page ) for any of the posts ranked in google,

Friends, Blogging needs lot of Patience to reach your success and simply don't get disapponted,Face Up's and down's with Hope.

To make it clear let me show you an example :

You're having a Blog with Title : Everything about Blogging
Now,You're publishiing a article with Post Title : " How to get Cheap Hosting"

So,If this post get Ranked #1 indexed on Google ,How it will look on SERP ?

Everything about Blogging : How to get Cheap Hosting ?

Above is an exact format How Google Displays your blog , its not rest with Google although it can be altered from Blogger.

So,here is an another example How others blog will rank on Google,

How to Get Cheap Hosting ? ~ Cheap Hosting

 So,which one got more attraction as from your point ?
Obviously the first one will not get all those traffic it has to be,because 2nd one has more reputation.

Reason for Poor performance in Serch Engine ?
Eventhough you have same Post Title as the second,you have more chance of skipped by visitor on Google,and the second one have more chance of picked up by the user.
Reason:

Title Tag is not optimized for better SEO ,so your site performance poor even having good chances from Google.

Although you Rank #1 for your keyword on Google,you have to consider the Title Tag and give importance to them,so as to get your Traffic flow fully.

I hope you realize the facts and you'll optimize your Blog Title Tag on Blogger.If you haven't done it yet,wait for next post i'll do explain it clearly.Meanwhile you can read How to get indexed on Google quickly

Note: If you've already done this on Blogger,skip this psot.Its mainly aimed for Newbie bloggers who may not known about this.

I'm writing this to help you , if you liked my post please share this on Facebook,Twitter..Post your comments..
tags:blogger tutorials,new blogger helps,blogger optimization helps,title tag hack,blogger title tag hack,how to optimize title tag on blogger,how to rank 1st on google,index on google,drive more traffic from google,post title on google,

How to add your Blog to Google Index ? - Blogger Tutorials

Add your Blog to Google
The very first step ,you have to do when you created a blog is to Add your site to Google index , so as Google will consider your blog to be indexed shortly.

So,How to add your blog to Google ?
Its very simple thing ,
1.Goto hhttp://google.com/addurl
2.Enter your Blog URL in the URL box, enter the captcha.\
3.Click Add Url
4.Now,you've successfully added your blog to the google.

Have it in mind! You don't stop with this ,if you want to get indexed more quickly ,you have to follow other 5 best Tricks to let google index your blog ..

Even though its a simple and basic step , it has some value and you'll realize it.If you have blog ? still not indexed by Search engines ? do let me know via comments..let me try finding ways to improve your blog traffic.
tags: add blog to google,how to add my blog to google,how to make my blog index in google,new blog on google,get traffic,seo tips,blogger tutorials