Earn Money Online Without Investment

Every student wants to earn money online for satisfying their financial needs.Most of the people failure in earning money online due to less knowledge on genuine sites.Some students also loosing money in investing money on some scam sites.Today, i came with some genuine sites which are paying on time.Here,we can earn money without investment and also with investment to earn high daily.
Earn Money From Neobux:-
"Neobux" is the PTC site which is paying since 2008 online.where it pays daily for viewing advertisements online.A lot of people(including India) earning money through this site around the world.Daily around 6,000 people join this site.
"Click below image to join this site"

Earn More Money by Investing Money (optional):-
We can also earn extra money by investing money online.We get more advertisements if you become premium member and also less minimum payout.Refer friends and also earn more money.
How do we receive payments?:-
Neobux pays money through Paypal and Payza online money transaction sites. You also see "how to open the Paypal and Payza accounts online".Neobux pays money in 72 hours from the time of request.
Payment Proof Of Neobux:-
More..

Add Horizontal fixed/floating social buttons below post title

Add Horizontal fixed floating social buttons below post titleEarlier we tried a different styles of social bookmarking buttons and icons below post title, to make the visitors to share the post to friends on their social networking sites.But today here is the new widget the horizontal fixed/floating social bookmarking icons bar which locate below post title and scroll along the page top.

Add Horizontal fixed-floating social buttons below post title
STEPS:-
► Log in to blogger
►Back up the template.
►Dashboard->> Template->> Edit Html->> Proceed
► Tick at Expand Widget Template Box.
►Search for Code </head> using Ctrl+f
1.Jquery plug-in:-
If you already have jquery plug-in no need to add again
For,jquery plug-in add below code before </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

2.Social Script:-
►Add below code before </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
#w2bSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}
#w2bSocialFloat td{padding:4px;margin:0;border:none;}
#w2bSocialFloat td iframe{max-width:82px;width:82px !important;}
#w2bSocialFloat.w2bFloatSocial{position: fixed;top:0;z-index:9999999;border-bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0;

jQuery(document).ready(function(b){var a=b("#w2bSocialFloat");a.wrap('<div id="w2bSocialPlaceholder"></div>').closest("#w2bSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#w2bSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("w2bFloatSocial"):a.removeClass("w2bFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});
/*]]>*/
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-blogger-pinit.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
// Twitter
(function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");
// Google + (plus)
(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
// Stumbleupon
(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
// Digg
(function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();
/*]]>*/
</script>
</b:if>

3.Add Social Buttons Widget:-
►Search For <data:post.body/>
►Add below code before <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="w2bSocialFloat" class="w2bSocialFloat">
<table width="100%" class="w2bSocialFloat">
<tr>
<td>
<a href="https://twitter.com/share" class="twitter-share-button" expr:data-url="data:post.url" expr:data-text="data:post.title">Tweet</a>
</td>
<td>
<iframe expr:src="&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
</td>
<td>
<div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton">
<data:post.body/>
<script type="text/javascript">
w2bPinItButton({
url:"<data:post.url/>",
thumb: "<data:post.thumbnailUrl/>",
id: "<data:post.id/>",
defaultThumb: "http://4.bp.blogspot.com/-YZe-IcKvGRA/T8op1FIjwYI/AAAAAAAABg4/j-38UjGnQ-Q/s1600/w2b-no-thumbnail.jpg",
pincount: "horizontal"
});
</script>
</div>
</td>
<td>
<div class="g-plusone" data-size="medium" expr:data-href="data:post.url"></div>
</td>
<td>
<su:badge layout="1" expr:location="data:post.url"></su:badge>
</td>
<td>
<a class="DiggThisButton DiggCompact"></a>
</td>
</tr>
</table>
</div>
</b:if>
►Save Template and done.
More..

How To Show and Hide Widgets In Blogger Pages?

 show,hide,only,static pages,homepage and archive pages to widgetsMany of the bloggers want to customize their widgets in some specific pages.Some of them want to hide widgets in homepage,Static pages and other want to hide their widgets on homepage,static pages.Static pages are the pages mean contact-us,About-us,write for us and sitemap where no one want to show widgets on this particular pages.By finding widgets codes and making the code between html/scripts to show and hide blogger widgets.You can follow some below tricks to show widgets as you like on your blogger pages.
Home Pages:-
► How to Show Widgets Only On Home Page?
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>
where widget code is the code of your widget that you want to show only on homepage.
► How to Hide Widgets On Home page?
<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>
Static Pages:-
► How to Show widgets Only On Static Pages?
Static pages:- About us,Contact us,Sitemap and more…
<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>
► How to Hide Widgets On Static Pages?
<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>
Post Pages:-
► How to show a widget Only on Selected Posts?
<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
► How To Hide a widget on Selected posts ?
<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>
Set up the Widgets using Below Procedure:-
1.Go to blogger.
2.Template –> Edit Html
3.Tick at Expand Widget Box
4.You widget code look similar as below
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable> </b:widget>
Example:- (Show widget only on Home page- Popular posts Widget)
<b:widget id='HTML' locked='false' title='Popular Posts' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable> </b:widget>
Similar for all and done.
More..

How To Create Facebook Pages Tab Using Google Sites?

Facebook is the best social networking site where we can develop our page ranking and traffic easily.Many of the small authors simply post and share their to facebook fans through facebook page.Making stylish customization of facebook page with tabs like subscribe box,about us,Join Groups etc can make the facebook page fans to stick on your site for more time and increase of page views.
How To Create Facebook Pages Tab Using Google Sites

PART1

1.Log in to google sites.

2.Click on ‘create’ button

create 3.Do as below

► Template –Blank Template

c2► Name Of the Site-Any name

► Set Url of Page

► Select a Theme –Blank state

c3

► Enter captcha and click on create at top.

► At the ‘right top’ click on more.

c4 ► Go to Manage Site In drop down menu

Go to site Layout in left menu

► Click on change site layout and do as below

c5

► click on ok.

► Click on Edit Page

► write the text and insert images and click on “Share”

c6PART2

► Log in to Facebook

► Developers >> Create App

► Do as follows

c10

► Save it.

► Take App id to Notepad

c11

► Now add App Id to Below url and enter it new tab of browser.

https://www.facebook.com/dialog/pagetab?next=http://facebook.com&app_id=App id


► Now add tab to your selected page and done.


► Logout google sites page and refresh facebook page and check.

More..

Customize Blogger Labels Cloud In Bricks Style

Making Sidebar with attraction to visitors can make stay on our blogger for long time.For every widget on sidebar there are different styles of customizations with css.Now this is time for labels widget on blogger with white brick style,where you can see on wordpress blogs.This widget can look most attractive to blogspot template.

Bick style Cloud labels2 for blogger

Also See:-

Orange Wordpress Style Labels for Blogger

PART1

1.Go to blogger

2.Layout >> Add a Gadget >> Labels

3.Customize the labels widget as below image

customize blogger labels2 in brick style 

4.Save It.

PART2

5.Template >> Edit Html

6.Search for the below code using shortcut key ctrl+F

 

]]></b:skin>

 

7.Add below code just before above code

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-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; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

8.Save template and done.

More..