StudentsCrunch | Blogging | SEO | Tech: Blogger Widgets

Showing posts with label Blogger Widgets. Show all posts

Tuesday, July 31

How to Add Labnol like Facebook Like Widget to Blogger ?

Labnol like Facebook LIKE widget ?

I'm a big fan of Amit ji [ Labnol.org ] , i've already shared some blog posts related to labnol here in StudentsCrunch . Even though i'm not a professional Web Developer / Designer ,i like to be and i'm learning it day by day.

The widgets and blogger templates that i share here is made by some of the fine designers , and i love their creativity , thats why i share their works here .If you wanna show your design works , unique designs,widget or blogger templates , just drop down your comment.

Add Labnol like Facebook fan box to your Blogspot Blog

labnol,like,blogger,template,facebook,like,blogger widgets

The steps are extremely simple ;) you will be able to add the stylish facebook like box like the one you could found on labnol site.

Steps to follow :

1. Goto > Blogger Dashboard > Desgin ( Select your desired blog , if you have multiple one )

2. Now, Click " Add Gadget " from the " Page Elements " page.

3. Select " Add HTML/Javascript " ( opens a pop-up window )

4. Copy and paste the below code.

<style>.helperbloggerFB {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.helperbloggerFB:before, .helperbloggerFB:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.helperbloggerFB:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>

<div class="helperbloggerFB">
<div style="height:155px;overflow:hidden">
<fb:like-box href="https://www.facebook.com/StudentsCrunch" data-width="300" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=179&amp;href=https%3A%2F%2Fwww.facebook.com%2Fstudentscrunch&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

5. Just Change the "Facebook Fan Page url " to yours.
ie) StudentsCrunch to your Facebook url.

6. Hit " Save " thats it..Check your blog for Labnol like Facebook LIKE widget.

You can adjust the width and height of the widget according to your need.

Hope you like this blogger widget , if you do so, please share this widget to your friends .The widget is made by HelperBlogger .

You may also like :

Don't forgot to share this with your friends..Your comments are always welcome ;)

Tuesday, July 10

How to Add Twitter Follow Box Widget for Blogger Blogs [ New Blogger Widgets ]

Add Twitter Follow Box Widget

Its nearly more than a month i've posted about Blogging , in the few months back i've written many posts related to Blogging , say SEO Tips,Blogger Widgets,added some New Blogger Templates and Premium Wordpress Themes too.

But for now i'm back with more ideas and more enthu to blog about the stuffs which i love a lot . Okay, Back to the Title of this post let us see How You can Add Facebook Like Fan Box widget for Twitter Follow . The widget will enable your visitors to "Follow" you / blog within your blog ( Just like Facebook " Like " box ).

twitter follow widget,twitter fan box widget,twitter

Steps to Add Twitter Follow Fan Box widget to Blogger :

So lets see How you can add this nice widget to your Blogger Blog.

1. Goto Blogger Dashboard > Design > Page Elements > Add a Gadget

2. In that Pop-Up window select > HTML/JAVASCRIPT

2. Now, just Copy the code given below and Paste it on the appearing box.

&lt;script src=&quot;http://s.moopz.com/fanbox_init.js&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;&lt;div id=&quot;twitterfanbox&quot;&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
fanbox_init(&quot;studentscrunch&quot;);
&lt;/script&gt;

3.Now , Just Change StudeentsCrunch to your Twitter Username and Save it .
tags:new blogger widgets,twitter widget,twitter follow widget,twitter fan box,twitter follow fan box,facebook like widget for twitter
Just Refresh your Blog then you'll see a Twitter Fan Box like the one below,

Tuesday, May 15

Avatar Magazine Premium Blogger Template Free Download

New Premium Blogger Template

In the series of Blogger Templates , we've already shared some of the best Blogger templates - Mashable Blogger Template , Thesis Blogger Template , ShoutMeLoud Blogger Template for our visitors .

If you're a Wordpress blogger , then you may like to see all Premium Wordpress Themes for free download - we've added that too.

Avatar - Premium Blogger Template

An awesome template for those who've Gaming Blog , as well as for those who love Magazine Blogger Templates , this will be a perfect template for you if you know some of the little optimizations .

Whatmakeblog

Features of this Blogger Template :

2 Column template
Featured Posts Slider
Optimized for Magazine Blog
Header Menu
Read More hack
3 Column Footer Widget

If you want to add any other features to this Blogger Template , you can visit our tutorials for Adding Blogger Widgets :

Further if you do need any helps regarding Installation of Blogger Template , and Customizing it for your blog, post via comments , we're glad to help your.

we also like to hear from you the additional features that can be added to your blog.

How to download this Premium Blogger Template Avatar for free ?

We dont charge you for downloading premium contents ,what we need is just a sharing of this template on social sites like Facebook,Twitter.

Download Template | Demo

Tuesday, April 24

Register Domain Names for $2.95 from Network Solutions Special Offer | How to get Domains for cheap price

Network Solutions $2.95 Domain Registration

we've shared so many Domain Coupon Codes for Top Domain Registrars like GoDaddy,NameCheap,Domain and HostGator. For this month i've a surprise for you, thats amazing offer from Network solutions.com .

Register your New Domain for only $2.95 upto 3 Domains

If you're looking for any domain coupon codes, promo codes from godaddy ? you won't get it..So here is an surprise offer from Network solutions ,
Just given the steps , How to regsiter a domain name for $2.95 on Network solutions.

- Register your New Domain visit : NetworkSolutions.com

- Just Search your desired domain you want to register and click "Add to Cart"

- No need to enter any coupon codes, or promo codes at the check out page.

- your cart will be automatically updated to $2.95 / domain.

- you can register upto 3 domains at a time.

- Extensions .com , .net , .org , ibiz and .info only

- You can use your paypal / Visa,Master card for making payments.

Need help Registering Domains ?

If you've any doubts regarding Domain Registration, pricing updates , do post your comment.Don't forgot to share this to your friends..via facebook,tweet.

Domain Coupon Codes | Free Domain | Subscribe us

Saturday, April 14

How to add Social Media Sharing Buttons Below Every Blog Post on Blogger

Add Social Sharing buttons Below Each Post

To make your post rach wider audience ,don't leave your visitors without a chance to share your posts on their social profile like Facebook,Twitter,Google+,Stumble Upon.

Last post in Blogging , i've shared How to add TechCrunch like Social Sharing Widget to Blogger . In this post i would like to share a Blogger Widget that will display Social Sharing widget below each blog post.
Thanks to PBT for sharing us this awesome Widget for Blogger . This will looks similar to the one seen on MybloggerTricks blog .

How to Display Social Sharing Widget Below Each Blog Post ?

Just follow the simple steps,

1. Goto Blogger > Design > Edit HTML ( Check Advanced )

2. With CNTRL+F search

]]></b:skin>

3. Copy below Codes and Paste before the above Code.

.pbt-Fade img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
.pbt-Fade:hover img {
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}

4. Now find : <data:post.body/>

5. Copy & Paste below codes after the above code.

<b:if cond='data:blog.pageType == "item"'>
<center><span style='color: #0066CB; font-size: 14px; font-family: Verdana;'><b>If You Like This Post Please mind to Share It.</b></span><br/><br/>

<a class='pbt-Fade' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jwLoLSKJLK9iZqqrXpVPQ5eYAoSNiX-HEvNm_IQDfUNIbv1-Vyr03rAqDfzdKhxNkGCh0aPvt9EKD3iMetH9RqHvBrCI40juvIfS4pKYhlN637Wb6koGX9K6RfS3CQFzVKCtrSEnWwP/s1600/TECHNORATI.png ' width='64px'/></a>

<a class='pbt-Fade' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWIJZI6v7HQGKKqFliwRDaFkTPOuKir7T88qZ7D2rFWUpvlSqdogI_cnkXpexxo5k7G4GhNkWO9xFwXxm_gNn6A5kQFFA6pMQFJsgHs8VYOMVqgVjzBPJf7wnVNcXhqJkr5X8AyYV_dXDc/s400/DIGG.png ' width='80px'/></a>

<a class='pbt-Fade' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5LTHJAAgA0IEF1Qk8juAayOP7I-ro-w5oQxkvKIWrWNv81NGYEILL9T_AYCq4ODRDcjjLMfDJYM_6_M_g9d_AUsHu7Pjyhi-TdLmUSJwPKKJbsLtBSYIIkUcHArLV58yCV8HukXwYHr1/s1600/stumble.png' width='100px'/></a>

<a class='pbt-Fade' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4wSVe67flxUL0OVq9EUgEmEHQVWYFgHmYnM3TZg4c0FupBaP2q6H_4WU2EOOddviz7pgaJrcaCDTNnG1gTyR-AuBnVoRgjvfZLYJbwiaHQA1LLGYyfMOXkcfeCkhEMGzNgWSoCVh_IskB/s1600/REDDIT.png' width='100px'/></a>

<a class='pbt-Fade' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjidOyjx58OE9PWGIuMNcTGb4W6j4fzGIASRRSbujnQMbGsANIxc3PDuy87bchaYFNRJtWqk8gWUFxMvOVc9kGbTZvBujzpUybC0sdledzG32XqhzmLqFZRiAvkDvka31zhQ6FLkBavdrod/s1600/FACEBOOK.png' width='80px'/></a>

<a class='pbt-Fade' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6xnQJbyC7xvMLcHIfiiobxkz1xUf-IjrogpkyYD4XOCyJpcdO2aC5uSwxY4YqAasSszNzKD3IBVYNMbJGJjQtSc3opUHDPCRIZJkz8d5Gi5oUd_zUI_u4ECxo7C7YCwakaAnmphnjbSl/s1600/TWITTER.png' width='64px'/></a></center>
</b:if>

6. Now, Preview & Save it.

Thats it .. You've added Social Sharing Widget to your blog .
You may also like our Free Premium Blogger Templates | Facebook Pop-Up widget for Blogger

If you've faced any errors and problems while installing it ,do comment below.

Thursday, April 12

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.

TechCrunch,widget,blogger,image,studentscrunch

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

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

Thursday, March 29

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

social sharing widget,floating buttons,blogger widgets

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: 'en-US'} </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

Friday, March 16

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.

Tuesday, March 13

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 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'/>

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.

Monday, March 12

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

Friday, March 9

New Premium Blogger Templates for Free Download [ Blogger Templates ]

Blogger Templates For Free
If you're searching for New blogger Templates ,we have it for you on StudentsCrunch .Friends i would like to share all Premium / Freemium blogger templates .

blogger templates,premium blogger templates

We wont publish all those templates out there on net ,i'm sure you will get Blogger Templates that satisfy you.

If you would like to show off your Blogger template design,kindly mail us the info

Best Blogger Templates for you:

Premium Blogger templates,
Featured blogger templates,
SEO optimized Templates,
Popular Websites/blogs Blogger Templates,
Wordpress converted blogger templates

Having thousands of templates for the namesake is useless,but having even a single template which has users attraction is more likely thing.

For now : You can look at premium blogger templates here:

Labnol like Blogger Template ( Made by StudentsCrunch )
Mashable like Blogger Template.
ShoutMeLoud like New Blogger Template ( made by StudentsCrunch ).
DevilsWorkshop like Blogger Template

More Premium Blogger Templates are yet to arrive here on this blog,make sure you've subscribed to Email Alerts,
Like us at Facebook,Twitter..to get all upcoming blogger templates as well as Wordpress Templates.have any suggestions ? Post via comments..
tags: new blogger template free download, premium blogger template,indian premium blogger,template,labnol like blogger template,mashable like blogger template,shoutmeloud like blogger template,devilstoolshop like blogger template,free download,blogger widgets,tamilnadu blogger,popular website's blogger template,branded blogger template,

Wednesday, March 7

How to a add Mashable like Social Subscription widget for Blogger - New Blogger Widgets

Mashable like Subscription Box Widget for Blogger
Friends,I've created StudentsCrunch to learn something myself on the blogging journey also to make students ( thats you ) to learn atleast few informative things from this tiny blog.I like to share some of the best designs,thoughts,developments from around the world to you .

Here i would like to share Mashable like subscription box widget for blogger made by Way2blogging.Thanks for the wonderfull design by Harish.

You can also look few more Blogger widgets:

How to add Mashable like Subscription Box to blogger ?

Simply follow the steps below ;)

1.Goto Blogger > Design > Page Elements > Add Gadgets > Add HTML

2. Copy the below Code and paste.

</div>
</div>

3.From the above code,just Replace StudentsCrunch with your Twitter username and facebook fan page username , Feedburner name .

4. Save it ! and Woila ....you've done it..

You can add more social icons to this widget manually,but it will not looks good.If you've errors in installing this widget to your blog,do drop your comments..

Tuesday, March 6

How to add Static Facebook Like widget for Blogger - New Blogger Widgets

How to add Facebook Like Blogger Widgets

Every blogger like to get more and more fans for his/her blog as the #1 social networking site has massive potential to drive in traffic.Thats the reason everyone looking for best ways of implementing social share widgets on blogs / websites.

There are thousands of plugins out there for wordpress bloggers eleminating manual headaches,but for blogger blogs we have to do things manually.

So here is the awesome Floating Facebook like widget for blogger made by Harish of way2blogging.

How to add Static Facebook Like Float widget on blogger?
Its just simple as you think,Follow the steps

1.Goto Blogger > Design > Add Gadget > Add HTML

2. Paste the below codes.

/*<![CDATA[*/

jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});

/*]]>*/

</script>

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHd4BALKMlNHfURkEgZ5fnPhWjNS6_hR4O14sXiNXj_HeCDMhxD5xQoBdWbvN9ZVuOMr89QDyWbc_y8kPT7Q2W1o8d1p45vnuZu_t3OSKLrXqNdV_7jUrcPoBe3qccJKutkaKBtIbMNaIM/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: gray;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style>

<div>

</div>

</div>

Replace StudentsCrunch with your Facebook fan page.

3. Save it ! Now you will have your Facebook static pop-up Like widget on your blog.

4.If you want to make this widget appear on left or right ,you can change it from float:right or float:left

5.You can also adjust the width ,height parameters to meet your need.

Thats it! See more Blogger Widgets below on Related Posts!
If you like it ,do share it on facebook,twitter..tags:facebook like widgets,blogger widgets,static facebook widget for blogger,facebook static like box

How to add a StickyBar with Facebook Like and Google + button on the Top of your blog

How to add Sticky Facebook Like and Google+

Here is yet an another Blogger widget i would like to share here,although i didnt design this thanks to MBT but i hope will do release my own designs on blogger soon ;)

Everyblogger hunts for Facebook fans , Twitter and google+ followers,needless to say that visitors are the main part to play on any blog or website.But getting them back to each of your update is very crucial part and blog owners are using many techniques for it and some of them works well.

In my previous post in blogger widgets,i've shared

Facebook Pop-up Like box with timer counter

In this very post,you will know How to add Sticky social share widget or custom announcement bar for your blog / website.

Follow this simple steps:
1.Goto Blogger> Design > Edit HTML

2.Find ]]></b:skin>
3. Paste the following code just after the above code:

/*MBT Stickybar*/
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl0wgVRJqHqKVplQ558UJ7ATqjoMaieF0lG4sOIz-THPld1vZ81Uy780sM6mv6P8iywCZnyZXRsuObAoH5NEZZGF7HUYjl3Ft73-LcTQRuQIRPwtgG2shyphenhyphenD2p6y9H5m6OLm4aWJShOEEQ/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}

4.Now find </head> and Just paste the below code above </head>

/*MBT Stickybar*/
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl0wgVRJqHqKVplQ558UJ7ATqjoMaieF0lG4sOIz-THPld1vZ81Uy780sM6mv6P8iywCZnyZXRsuObAoH5NEZZGF7HUYjl3Ft73-LcTQRuQIRPwtgG2shyphenhyphenD2p6y9H5m6OLm4aWJShOEEQ/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}

5. Finally, find <body> and paste the following code below it.

<div id='mbt_bar'> <span style='padding-right:5px; float:right'> <img align='absmiddle' border='0' onClick='closeTopAdsundefined);return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKd78SWAO18zvLcq6kLwEmZX7hKWF0zYBW1GyzwTKGAlR1ftxNhMgIBjSOwHgLfQ9yerZiDR6aBNTh4eTOjwjFjZ9D4xzT3t1yNzKEedSj0Tkqv-av8W9nnnogKLQr1msge5P7tHqbRS4/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span><div style='float:left; padding-left:10px;'>Stickybar with social Plugins</div> <div style='float:right; padding-right:0px;'> <p style='font:bold 12px arial; float:left; margin:5px;'>Liked us?</p><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FStudentsCrunch&send=false&layout=button_count&width=80& show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/> <g:plusone href='http://www.StudentsCrunch.com' size='medium'/> </div> </div>

Replace StudentsCrunch with your facebook fan page name.

6. Preview your Template and Save it! Thanks MBT

Thats it.The social share sticky bar alternative to HELLO bar has been installed on your blog .

You can also use this widget to make an announcement to your visitors like Free Ebooks, Giveaways ,contents.So that your visitors will be more engaged on your blog.

If you like it ,do share it..Thanks friends..
tags: facebook like box at top of blog,fb like widget,google plus widget for blogger,facebook like button float on top,blogger widget,new widgets for blogger

Thursday, March 1

Facebook Like pop-up box widget with Timer control for blogger - Blogger Widgets

Facebook Like box Popup for Blogger
MBT has released yet another widget for bloggers with some advanced features which is more attractive than previous one.

"Facebook Like" popup widget for blogger can do wonders if you have high traffic ,unique contents,because people/visitors will love to stay with your site if the contents you're providing is something usefull to them,else you wont have any "Like" from the widget,if i'm not wrong.

You may also like : Floating Fb Like,GPlus,Tweet button widget for blogger

So,here i want to share the all new Blogger widget for facebook like pop-up with timer control.

Follow the very simple steps,

1.Goto Blogger > Design > Edit HTML >

find : </body>

2. Copy the below code and paste it above the </body> tag.

<script type='text/javascript'>
//<![CDATA[
    KNFBFansPRO='StudentsCrunch'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
    $(document).ready(function(){
        $().KNFBFansPRO({
           timeout: 30,
            wait: 0,
            url: 'http://www.facebook.com/StudentsCrunch',
            closeable: true        });
    });
//]]>
</script>
<div id='fbtpdiv'/>

3. Find facebook.com/studentscrunch and replace studentscrunch with your fb fan page username.

4. Find Timeout:30 and change it to whatever duration you want the pop-up box to appear.

5.Save it and you're done.!!

Credit goes to : MBT.

I hope you like facebook like box ,by the way dont forgot to Like StudentsCrunch .
If you have any errors ,do post your comments..below.

tags: blogger widgets,mbt widget,mybloggertricks blogger widget,facebook like box widget for blogger,fb like box popup widget,blogger tricks,

Wednesday, February 8

Wp Robot 3.60 Free Download Wordpress Plugins - Free wp Premium Plugins

Wp Robot Free AutoBlogging Software
If you dont know what is wp-Robot,Its a Wordpress Plugin which is most powerfull in Autoblogging software,you no need to write any contents for your blog,all you have todo is that "you simly Run this Plugin from your wordpress panel" ,wprobot will do the rest of magics.

WP Robot 3.60 Full version for Free DOwnload
It can automatically collects contents for the kwyword you mention and then attach your link with that post and publish it within a matter of seconds.

So ,Isn't that cool ?

wp robot,latest version,new version,free download

Take a look out of WP Robot from its official page,what it can do
Wp Robot can autopost:
- Amazon products
- eBay auctions
- Clickbank ads
- Youtube videos
- Yahoo Answers Q&A's
- Articlebase articles
- Flickr images
- Yahoo News
- RSS feeds
- Commission Junction products
- PRWeb Press Releases
- Oodle Classifieds
- Shopzilla Comparisons
- Twitter tweets
- Linkshare products
- Eventful events
- iTunes content
- Yelp business reviews
- ShareASale datafeeds
- Avantlink products
- PLR articlesTags: Wp robot 3.60 free download,wp robot full nulled,wp robot plugins free,free wp plugin,wp plugin for free,wordpress plugins,premium plugins for free,wordpress robot 3.60 nulled
WP Robot 3.60 is the latest version from wprobot.net
How to install Wp Robot 3.60 for Free?
Installation: Please deactivate existing Wp Robot plugin and then activate this! It will work well.If you find any errors,do post your comments below.

Download |
Updated Version of WP ROBOT plugin : Click here

Pages