Latest Blogger Tips And Tricks
Blog tips, blog tricks, guide for all new bloggers,Excellent Blog templates,widgets, layout,HTML codes, SEO, Google AdSense, gadgets and how to make money with Blogger or Blogspot blogs.
Articles
Earn Money Online in Different Ways
2010-08-26 03:03:26
There are many ways to make online money. If you search the web to know different ways to earn, you will find a lot of websites telling 101 easy and free ways. I am writing this article not to tell the easiest but some effective and efficient ways to earn. Before starting I concede to readers that I don't know any way that could make one rich over a night. Rather I do believe, to become hero from zero one needs to work hard with full of energy, patience and enthusiasm. Let's have a bird view of this post. Here I have written about PPC, Affiliate Program, Freelancing very shortly. On each making money way , I have tried to focus on the following questions: 1)how much can be earned? 2)how to start to earn? 3)time to spend each day? etc... 1)PPC Program: Pay Per Click(PPC) is an advertising program in which advertisers pay a fixed amount every time when one of the ads is clicked. You will find out some websites those give free ads to place it on your blog or website. Google Adsense,
2010-08-26 03:03:26
There are many ways to make online money. If you search the web to know different ways to earn, you will find a lot of websites telling 101 easy and free ways. I am writing this article not to tell the easiest but some effective and efficient ways to earn. Before starting I concede to readers that I don't know any way that could make one rich over a night. Rather I do believe, to become hero from zero one needs to work hard with full of energy, patience and enthusiasm. Let's have a bird view of this post. Here I have written about PPC, Affiliate Program, Freelancing very shortly. On each making money way , I have tried to focus on the following questions: 1)how much can be earned? 2)how to start to earn? 3)time to spend each day? etc... 1)PPC Program: Pay Per Click(PPC) is an advertising program in which advertisers pay a fixed amount every time when one of the ads is clicked. You will find out some websites those give free ads to place it on your blog or website. Google Adsense,
How to Make Blog Mobile Phone Friendly
2010-08-14 04:36:58
Now a days, embedded system is becoming popular to access the internet. Huge people use their mobile phones to visit websites because of high bandwidth speed. In my another post I have written on Traffic generation's tips which tells about 30 ways to give more visitors. But I didn't mention their about one way with mobile phone. If you don't make blog mobile phone friendly you will lose a lot of visitors. To make your blog mobile friendly just follow the following easy steps: 1)Sign into blogger.com account. 2)Go to Design -> Edit Html 3)Find out the following line of code: <b:include name="all-head-content" data="blog" />4)Now paste the following code below that line <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" /> <b:if cond="data:blog.isMobile"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> <b:else /> <me
2010-08-14 04:36:58
Now a days, embedded system is becoming popular to access the internet. Huge people use their mobile phones to visit websites because of high bandwidth speed. In my another post I have written on Traffic generation's tips which tells about 30 ways to give more visitors. But I didn't mention their about one way with mobile phone. If you don't make blog mobile phone friendly you will lose a lot of visitors. To make your blog mobile friendly just follow the following easy steps: 1)Sign into blogger.com account. 2)Go to Design -> Edit Html 3)Find out the following line of code: <b:include name="all-head-content" data="blog" />4)Now paste the following code below that line <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" /> <b:if cond="data:blog.isMobile"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> <b:else /> <me
The Fastest Way to make money online without investment
2010-08-02 02:56:09
There are many ways to earn money from Internet. Most of these ways will take long time, patience and of course hardworking. There isn’t any shortcut on making money without investment. Freelancing is one of the fastest ways.You should have some skills that will serve others. Start to think how to make your skill marketable. Find out what you are best of and market your services to get paid for work. You will earn 100$, 500$, 1000$ or even more within few days and this amount depends on your experience and quality of services. To earn more try to enhance your skill on a specific subject.There are many freelancing websites. Among those vworker.com, elance.com, odesk.com or freelancer.com are popular. Writing articles, Software Development, Website Design, Game Development, Data Entry, Logo Design etc are available jobs for each website. So what are you waiting for, just sign up their and start to bid the project.
2010-08-02 02:56:09
There are many ways to earn money from Internet. Most of these ways will take long time, patience and of course hardworking. There isn’t any shortcut on making money without investment. Freelancing is one of the fastest ways.You should have some skills that will serve others. Start to think how to make your skill marketable. Find out what you are best of and market your services to get paid for work. You will earn 100$, 500$, 1000$ or even more within few days and this amount depends on your experience and quality of services. To earn more try to enhance your skill on a specific subject.There are many freelancing websites. Among those vworker.com, elance.com, odesk.com or freelancer.com are popular. Writing articles, Software Development, Website Design, Game Development, Data Entry, Logo Design etc are available jobs for each website. So what are you waiting for, just sign up their and start to bid the project.
How To Host JQuery in Blogspot
2010-07-30 17:06:51
You can see similar post here How to add Jquery in Blogger or website 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see]]></b:skin> tag . 3.Copy below code and paste it just after the ]]></b:skin> tag . <script type='text/javascript'> //<![CDATA[ /* * jQuery JavaScript Library v1.3.2 * http://jquery.com/ * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009) * Revision: 6246 */ (function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getE
2010-07-30 17:06:51
You can see similar post here How to add Jquery in Blogger or website 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see]]></b:skin> tag . 3.Copy below code and paste it just after the ]]></b:skin> tag . <script type='text/javascript'> //<![CDATA[ /* * jQuery JavaScript Library v1.3.2 * http://jquery.com/ * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009) * Revision: 6246 */ (function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getE
How to Add Simple Tab View Widget | Blogger JQuery Tips
2010-07-30 17:06:00
First of see How to add Jquery in Blogger or website 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see </head>tag . 3.Copy below code and paste it just beforethe </head> tag . <link href='http://jqueryui.com/latest/themes/base/ui.all.css' rel='stylesheet' type='text/css'/> <script src='http://jqueryui.com/latest/jquery-1.3.2.js' type='text/javascript'/> <script src='http://jqueryui.com/latest/ui/ui.core.js' type='text/javascript'/> <script src='http://jqueryui.com/latest/ui/ui.tabs.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $("#tabs").tabs(); }); </script> 4.Now go to Layout-->Page Element and click on "Add a gadget". 5.Select "html/java script" and add the code given below and click save. <div id="tabs"> <ul> <li><a href="#fragment-1"><span>
2010-07-30 17:06:00
First of see How to add Jquery in Blogger or website 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see </head>tag . 3.Copy below code and paste it just beforethe </head> tag . <link href='http://jqueryui.com/latest/themes/base/ui.all.css' rel='stylesheet' type='text/css'/> <script src='http://jqueryui.com/latest/jquery-1.3.2.js' type='text/javascript'/> <script src='http://jqueryui.com/latest/ui/ui.core.js' type='text/javascript'/> <script src='http://jqueryui.com/latest/ui/ui.tabs.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $("#tabs").tabs(); }); </script> 4.Now go to Layout-->Page Element and click on "Add a gadget". 5.Select "html/java script" and add the code given below and click save. <div id="tabs"> <ul> <li><a href="#fragment-1"><span>
Related Posts Widget | Blogger JQuery Tips
2010-07-30 17:05:48
1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see<p><data:post.body/></p> . 4.Copy below code and paste it just afterthe <p><data:post.body/></p> . <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script> <script type="text/javascript"> relatedPostsWidget({ 'containerSelector':'div.post-body' ,'loadingText':'loading...' });</script> 5.Click on "Save Templates"
2010-07-30 17:05:48
1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see<p><data:post.body/></p> . 4.Copy below code and paste it just afterthe <p><data:post.body/></p> . <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script> <script type="text/javascript"> relatedPostsWidget({ 'containerSelector':'div.post-body' ,'loadingText':'loading...' });</script> 5.Click on "Save Templates"
Jquery Read More-Expandable Post | Blogger Tips
2010-07-30 17:05:29
This tutorial describes how to add "Read More" link in homepage for expandable post. 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see </head>tag . 4.Copy below code and paste it just beforethe </head> tag . <script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/> <script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('.excerpt').expander({ slicePoint: 150, // default is 100 expandText: '[Read More...]', // default is 'read more...' }); }); </script> Now change the red color text as you wish. Here 150 means number of words for summary, the minimum is 100 and the maximum is 400 5
2010-07-30 17:05:29
This tutorial describes how to add "Read More" link in homepage for expandable post. 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see </head>tag . 4.Copy below code and paste it just beforethe </head> tag . <script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/> <script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('.excerpt').expander({ slicePoint: 150, // default is 100 expandText: '[Read More...]', // default is 'read more...' }); }); </script> Now change the red color text as you wish. Here 150 means number of words for summary, the minimum is 100 and the maximum is 400 5
How To Add Horizontal LinkList Blogger Jquery Tips
2010-07-30 17:04:57
1.Log in to your dashboard--> layout- -> Edit HTML 2.Scroll down to where you see </b:skin>tag. 3.Now copy below code and paste it just before </b:skin> tag .#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:26px; } #nav a:link, #nav a:active, #nav a:visited{ display:block; color:#FFF; text-decoration:none; background:#444; height:26px; line-height:26px; padding:0 6px; margin-right:1px; } #nav a:hover{ background:#0066FF; color:#FFF; } #nav li{ float:left; position:relative; } #nav ul { position:absolute; width:12em; top:26px; display:none; } #nav li ul a{ width:12em; float:left; } #nav ul ul{ width:12em; top:auto; } #nav li ul ul {margin:0 0 0 13em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;} Note: If you want you can change above code as you l
2010-07-30 17:04:57
1.Log in to your dashboard--> layout- -> Edit HTML 2.Scroll down to where you see </b:skin>tag. 3.Now copy below code and paste it just before </b:skin> tag .#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:26px; } #nav a:link, #nav a:active, #nav a:visited{ display:block; color:#FFF; text-decoration:none; background:#444; height:26px; line-height:26px; padding:0 6px; margin-right:1px; } #nav a:hover{ background:#0066FF; color:#FFF; } #nav li{ float:left; position:relative; } #nav ul { position:absolute; width:12em; top:26px; display:none; } #nav li ul a{ width:12em; float:left; } #nav ul ul{ width:12em; top:auto; } #nav li ul ul {margin:0 0 0 13em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;} Note: If you want you can change above code as you l
How To Add "Contact Me" Page | Blogger JQuery Tips
2010-07-30 17:04:33
This post describes how to create a contact me page for Blogger/BlogSpot. Blogger.com does not give any built-in option(gadget)which supports form submission. So you should borrow code from third party sites. One question arises why should one use a contact page for blog or site? There are some logics behind this. You may look contact me or contact us page at each renowned sites or blogs. Contact Page is used to for interaction between authors/owners and readers. One reader may want to share something with author about the post or he may suggest new idea for site's owners on improvement the site or blog. I am not good at English, I have tried to bring out the philosophy. I hopy you got it. You may look my Contact Page for this blog. 1.Sign up in http://www.emailmeform.com 2.Click on Create New Form 3.Create your contact us form using web form creation wizard 4.After creating your form, copy HTML CODE for your form. 5.Now Convert your HTML code to XHTML code
2010-07-30 17:04:33
This post describes how to create a contact me page for Blogger/BlogSpot. Blogger.com does not give any built-in option(gadget)which supports form submission. So you should borrow code from third party sites. One question arises why should one use a contact page for blog or site? There are some logics behind this. You may look contact me or contact us page at each renowned sites or blogs. Contact Page is used to for interaction between authors/owners and readers. One reader may want to share something with author about the post or he may suggest new idea for site's owners on improvement the site or blog. I am not good at English, I have tried to bring out the philosophy. I hopy you got it. You may look my Contact Page for this blog. 1.Sign up in http://www.emailmeform.com 2.Click on Create New Form 3.Create your contact us form using web form creation wizard 4.After creating your form, copy HTML CODE for your form. 5.Now Convert your HTML code to XHTML code
Recent MultiTab Widget For Blogger | JQuery Tips
2010-07-30 17:02:56
This post describes step by step process to add latest MultiTab widget for Blogger with JQuery. Before that you may look simple Tab View 3d Tab View Widget Beautiful MultiTab Gadget Choose any one style you prefer than apply to blog. Please feel free to Contact Me for any suggestion. 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see]]></b:skin> tag . 3.Copy below code and paste it just after the ]]></b:skin> tag. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){
2010-07-30 17:02:56
This post describes step by step process to add latest MultiTab widget for Blogger with JQuery. Before that you may look simple Tab View 3d Tab View Widget Beautiful MultiTab Gadget Choose any one style you prefer than apply to blog. Please feel free to Contact Me for any suggestion. 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see]]></b:skin> tag . 3.Copy below code and paste it just after the ]]></b:skin> tag. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){