Under Construction Site www.TrekGator.com Facebook Page X
Find several Javascript Tools

Wednesday, April 22, 2015

4 Reasons of Low Adsense Earning

Earning through adsense is not as easy as we thought. Make visitors to click ads and get more money is not as easy as it is said. Visitors are also very intelligence so they do not want to click any ads that only show but not works as they want. Even if any visitors click the ads, then money might not be enough because clicked ads can be low rated ads.
Adsense Low Earning

So now here I am telling you the mostly occurred problems that can be the causes of low adsense earnings.


The Four Causes which can be reasons of low earning:-

Low Visitor/ Traffic:


You should get more traffic on your site or blog. Then there will be chances of clicking your ads. Otherwise low traffic can be a mean of not seeing your ads by visitors.

Low Rated Ads


Low Rated Ads mean low paying ads. There are many low paying ads in the adsense database. So choose the high rated topic which also can show high rated ads or high paying ads. As you know adsense shows the ads relating with the content shown in the page. If you write the posts about health, then it can be the high rated content and there can be shown high paying ads. This is one example of high rated posts. There are many high rated keywords like health, technology, environment etc.

Not recommended Ads unit 


If you are using not recommended ad unit, then there can be less click on your ads. Adsense team has recommended some ads unit by observing the behavior of visitors long time

The recommended ads size are:-

300 x 250:- Medium rectangular but seems as square.
336 x 280:- Large Rectangular size
160 x 600:- Wide Skyscraper Size
728 x 90:- Leaderboard size

Not targeted ad units


If your ad units are not targeted in some specific content, then it also can be a reason of your low earnings. If your ad units are targeted then more recommended ads are shown in your blogs and you can earn more money because you target your ad units, these are shown into the adwords platform and advertiser choose your site to show there ads with high money.


Read More »

Monday, April 06, 2015

The Connection Between Graphic Design And Storytelling !

Connection Between Graphic Design and Storytelling
We humans are ‘suckers’ for good stories, to an extent that our systems are hard-wired to grasping more out of reading/hearing good stories. A good story is the one that makes all the difference in a boardroom meeting, irrespective of whether it’s an investor pitch or an educational presentation.

Over the years, people have harnessed the simplicity of storytelling and intertwined the same in business; and PowerPoint presentations stand testimony to that.

Let’s say for instance, you’re someone with a good business idea, on the lookout for investors. Instead of carrying around piles of documents bearing your blueprint, to investors; you could simply summarize your idea in the form of a PowerPoint presentation and tell your business story.

Narrating your business idea in the form of a compelling story is one way of succinctly getting your idea across to your investors. Graphic design becomes an integral part of business storytelling and it can be rightly said that designers make great storytellers!

A good design backed by the right choice of words can help create and strengthen emotional connections between you and the audience. Some of the most successful speakers in the world have effectively used storytelling as a means of garnering people support including the likes of Martin Luther King Jr. and Steve Jobs. Such is the power that storytelling bestows you with!

Here’s how you can build a compelling business story for your audience:

1. Conceptualize

Focus on the key idea that you want your audience to remember. Once you’ve done that, weave your story around it. Your key idea should be the heart of your story around which you extrapolate.

2. Structure

Build a structure for your story. Ensure that it has a

  • beginning
  • mid-portion
  • end/conclusion

3. Simplify

Encapsulate statistical data in the form of visual aids that render storytelling easy. Use infographics, pie charts, dashboards and bar diagrams to make your story impactful!
Read More »

Show Particular Label Posts in Homepage

Show Particular Label Posts in Homepage
Posts Categorizing in Homepage
If everything is perfectly organized in your site or blog, then all the pages or post of your blog can be reached by the visitors easily. Like when we visit a news portal we can see there every news is categorized into different categories. Such as Asian news, european news, sports news, entertainment, etc. So that the visitors can find each and every news easily. Likewise some of the blog and site should be categorized into different categories. But there is little difficult to make the blogger post into categories. To categorize the recent post, we should use the lebel as category. It is a process of showing particular label's post in homepage. This kind of widget, you cannot find in blogger.

As usual we always advised you all not to change any code before keeping back up your templates because if you accidentally missed placed the codes, you can restore the template.

Here is techniques to make the particular label's posts showing in homepage:

Step 01: In First as usual Go to your blogger dashboard.
Step 02: Then enter into the template and click on edit html.
Step 03: After that find the code ]]></b:skin> above this paste the given code:

img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }

Step 04: Now find the <head> and just below this code, paste the following code

<script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

Step 05: At last add the widget codes. Click on layout and add gadget then choose the html/javascript and paste the given codes into that box
 <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>
Step 06: Change label name by your blog's label
Step 07: You should just repeat the above code to put another label's posts but should change the label name.

Well done, You did successfully. 
Read More »

Friday, April 03, 2015

How to Add Smileys on Blogger

Using Smileys and Emoticons in chatting, commenting and in messaging have become a very popualar. This can be the great way to make the discussions and debate very interesting and fun. Emoticons and smileys can be angry, happy, teasing, laughing, crying, smiling etc. So using it in the blog comment can be more enjoyable.

I always recommend you all not to change any code without keeping back up your template.

Here is very easy steps to add smileys and emoticons.

Step 1: As usual Login to your dashboard of blogger.
Step 2: Then go to template and click on edit html
Blogger dashboard

Step 3: Find </head> Section
Step 4: After that paste the following code above </head> Section

Blogger HTML Parts
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Step 5: Then here we go to add the images of smileys on the comment box.
find the give codes

Note: click ctrl and f to find out the code.
</body>
Step 6: Paste these code just above </body>
<b:if cond='data:blog.pageType == "item"'><style  type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#efefef;background-image:-ms-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2  100%);background-image:-webkit-gradient(linear,right top,left  top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2  100%);border:1px solid  #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0  4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px  rgba(0,0,0,0.1),0 1px 1px  rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px  solid #ccc;border-right:20px solid  transparent;width:0;height:0;line-height:0}</style> 
<script  type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src='http://googledrive.com/host/0B-GuAkK2nj5gbVg2dXladnUzbVU' type='text/javascript'/></b:if>
Step 7: Then click on the save template.

Now you have done successfully.

Read More »

Monday, March 30, 2015

Random Thumbnail Posts Widget for Blogger

Random Posts Widget
There may be several posts in a blog and it is not possible to show all of your posts on home page of any site and blog. In fact all the posts can be equal important for any time. In that case you should update your posts repeatedly to show older posts in home page.

Yes there is also another way to show your older posts in home page and that technique is to show random posts. Random posts widget is a block of codes for blogger which shows a no of list of blogger posts. Adding this widget may help you to increase the visiting time of visitor in your blog or site and also decrease users flow to another site. Here is the block of codes of random thumbnail posts. I hope, this will enjoy you on blogging.


How to Add Random Thumbnail Posts Widget for Blogger ?



Step 01: Login >>Blogger Dashbord.
Step 02: Go to Layout >> Add Widget >> HTML/JavaScript.
Step 03: Copy the following code and paste it

<style>
#random-posts img{border-radius: 10px;float:left;margin-right:5px;
width:75px;height:75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
#random-posts img:hover{opacity: 0.7;}
ul#random-posts {list-style-type: none;padding: 10px;}
#random-posts a {font-size:16px;  text-decoration: none !important; text-transform: capitalize; padding: 0px auto 5px;}
#random-posts a:hover {text-decoration: none;}
.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
#random-posts span {}
#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=110;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type="text/javascript" src="http://googledrive.com/host/0B-GuAkK2nj5gUG1oMzkzZEExclU"></script><hr/><small><a style='margin-left:10px;font-size:8px;align:right;float:right;margin:2px;text-transform:capitalize;color:#AEAEAE;' href='http://allblogsolution.blogspot.com' target='_blank'>Random posts widget</a></small>
</ul>
Step 04: Save it.

Thank you. I hope you enjoyed this widget.

Read More »

Sunday, March 29, 2015

Five Most Popular HTML/CSS Frameworks

Custom coding is boring and little bit more difficult than the using of frameworks. So I always say all of my friends and coder friends for using the frameworks in their every project. Using of frameworks are not easy and not so hard but you should analyse that frameworks once and then you will be able to use that frameworks. In the coding world, their are different tips and techniques to minimizing the coding and among them using of framework is one most important thing. Likewise, we often use html/css frameworks to build a website better responsive and even seo friendly. So their are some most important html/css frameworks and if you use them, then you should no longer coding too much. And they are listed below:

Twitter Bootstrap Framework

I often use twitter bootstrap framework to build a responsive site and twitter bootstrap is one of the most popular html/css framework nowadays. More than 40% developers who use framework to build a site use twitter bootstrap and the latest version of the twitter bootstrap is bootrap 3.3.1

Foundation


Foundation is another mostly used framework after bootstrap and it is also used for responsive and mobile design. Foundation 5 is the latest version of it and just go to foundation to find official documentation of the foundation.

Ink

Using of Ink framework helps you to build a website very fast. And Ink is also another most famous css frameworks. We can easily code and easily customize it.

Zimit Framework

It is a html 5 frameworks and it is lightweight frameworks for html/css coder that helps coder to make a design fast and easily.

HTML Kick Start

Kick Start is also used for responsive and it is also most famous framework in the website designing field.

Now, friends I recommend all of you to use any of the above framework to develop your any site. Custom coding is good but after using framework you can easily code, customize and enhance your sites. Thank you
Read More »

Friday, March 27, 2015

Put Adsense Ad Below Every Post Title of Blog

Google Adsense Money
GOOGLE ADSENSE
Adsense is that the 1st selection of the many knowledgeable  bloggers for their blog monetizing as a result of it's a discourse primarily based ad that shows relevant to the content. to extend the ad revenue webmasters attempt numerous ad spot on their web log to induce most output from their ad programs. you would possibly have determined a billboard below post title in most of the massive blogs. Why they like adding ads below the post title? it's as a result of the spot simply once the post title is that the best place to place ads to extend Click Through Rate (CTR). However you must not accept what different follows. You must keep making an attempt to feature adsense at numerous locations to ascertain that spot works best for you. return to our today’s tutorial that is regarding a way to show Google Adsense Ad below post titles in blogger.

Here is the process to put adsense ads below the post title
  1. First of all, you should create ads. You can choose google recommended ads size.
  2. Make new ad unit and choose  300*250 ad size for better result because it is recommend ad of Google.
  3. After that you should parse that code by using HTML PARSE TOOL which can be found in GOOGLE.
  4. Now Copy the parsed code from the parsed tool.
when you copy the parsed code then paste it in the notepad.
  1. LOG IN your blogger 
  2. Go to the template button
  3. You should back up your template for safety click on back up
  4. Click it and then click on HTML EDIT
  5. Now press CTRL+F and search <data:post.body/>.
  6. Now paste the given code after the <data:post.body/>.
<b:if cond=’data:blog.pageType == &quot;item&quot;’>Place your adsense code here </b:if> 
  • Replace the Place your adsense code here by your adsense parsed code
  • Then click on Save Template button
ENJOY THE BEST AD CODE PLACING TECHNIQUE
This place code can be place center, left and right of the post. This is one of the most valuable technique to increase the traffic on your blog. It's your turn to go on this tutorial and make your ads better.

Read More »

Tuesday, March 24, 2015

Recent Posts Wigdet for Blogger With Thumbnail

blogger recent post widget
Recent Post Widget
Actually blogger shows the recent posts in default. Blog means to reveal the ideas, describing something that you like, criticizing or sharing about your personal or business matters. So that blog always should be representative, then blogs can be useful to every people. Therefore you should make  more useful. To make , your blog useful, your blog should be representative first. There are several factors that you must apply to make your blog good representative. Among them, proper showing the information revealed in your blogs are very important. To manage the information of your blog properly, you must add many widget likewise recent post, popular post widget etc. Among them, here I have just told you how to add recent post widget in your blogger blog.

How to Add Recent Post Widget in Blogger Manually?

Step 1: Login In into Blogger.
Step 2: Go to Layout>>Html/Javascript
Step 3: Click on Html/Javascript 
Step 4: Just add the below code and save it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blog Solution"><img src="" alt="Blog Solutions and tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Tips and Tricks of Blogger for bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[1] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[2] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[3] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[4] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
showRandomImg = true;
boxwidth = 256;
cellspacing = 5;
borderColor = "#223c36";
bgTD = "#010101";
thumbwidth = 70;
thumbheight = 70;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://allblogsolution.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://googledrive.com/host/0B-GuAkK2nj5gM0dXQllSZ1Y1ekU' type='text/javascript'></script>
</div>

Note: It should be noted that the home_page = "http://allblogsolution.blogspot.com/" must be replace by your blogger URL and if you already added the google api (<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>), then do not add.

Here are some useful things for you when you goes to put this widget into your blogger:-

  1. You can change the numposts=10 into numposts=9 or 11 choose the number how many posts you want to display.
  2. And limitspy=4, intervalspy=4000,summeryColor="#666", boxwidth, showrandomimage, summerfontsize,summerypost can be changed by yourself.

Read More »

Friday, March 20, 2015

How to Make Sidebar Of Blogger Fixed

fixed widgetNow it is not easy to make money through ad-sense. There are various ways to make money through online. Monetizing of your site has been a most important tip to make money through easily. But ads placement plays key role for more money. It means that you can only get money if visitors only click your ads otherwise there is no money will be added in your ad-sense account.

Today, I am going to suggest you a very good ads placement technique for making more money through ad-sense ads ie adding a widget and making that widget fixed through css then placing your adsense ads code. This techinue could be best for you.
  1. Lets first of all make left or right bar widget fixed
  2. go to your blogger dashboard then click on template and edit html.
  3. search the following code or ]]></b:skin> and then just paste the given code just before the above code. column-right-inner { position: fixed; }
  4. Now click on Save Template.
The above css code is just for left sidebar if you want to make fixed left just change the .column-right-inner into .column-left-inner.
You have successfully done.

I suggested you this technique because, when i use this technique i am earning double than before.
Read More »

Top 10 High PR Dofollow Forum Lists For 2015

Dofollow Forums
We have already discussed about the Backlinks and its roles in the sites and blogs. Backlinks generating process is not easy way. It is too difficult because backlinks only can be generated by the dofollow comment blogs, dofollow forums etc. So to increase backlinks for your blogs, just use the dofollow forum. Its little bit easier and simpler than any other way and its almost permanent backlink.

But it is also too important that your backlinks should be in the right or high page rank sites and blog. This can cause increasing of more visitors and increasing your blog ranks constantly. If your backlinks on the low page rank sites or negative page rank site that can cause the decreasing the rank of your blog and site. Now you just should know that backlinks are that link which can be benificial for your blogs if their page rank and visitors are higher. This time I am suggesting you to use dofollow forums to increase your visitor's and increase your page rank high. But always all the dofollow forums are not good because most of them are also low and negative page rank and don't even think to make backlinks on that forums.  So now some list of high ranked dofollow forums which have high Google page rank. But there is a remembering thing that you should not leave after registering an creating links. You should constantly post on your forum and you should spend some little time on your forum.

High Page Rank Dofollow Forums:

http://www.siteownersforums.com/
http://www.siteownersforums.com/index.php
http://forum.joomla.org/
http://forums.searchenginewatch.com/
http://forums.cnet.com/
http://forums.mysql.com/
https://forums.digitalpoint.com/
http://affiliate-marketing-forums.5staraffiliateprograms.com/
http://www.sitepoint.com/forums/forum.php
http://www.warriorforum.com/

These are just Top 10 Dofollow Forums for the bloggers who want to increase viewers on their blog.
Guys this is just a way of getting high page rank backlinks on your blog and increasing the more visitors.

Guys if you know any other better idea to get high page rank backlinks, you can kindly share your ideas with us. To send your ideas just go to Become An Author Page and post your ideas. We will appreciate your thoughts and visions. Don't hesitate to share your ideas.

Thank you.
Read More »

Add Best Image Slider On Your Blogger: Nivo Slider

It is said that figure speaks itself. So to make our blog or site beautiful and attractive, we should use proper photos, color and layout. Sliders is one of the most used technique to show the highlight of a particular site, but blogger has not facilitated in default.
But don't worry, we are here for more and more information to make your blog good and beautiful. Today, I am here for a outstanding slider for bogger. This slider was made by www.dev7studios.com/nivo-slider/ using javascript and css. Here is the blogger version of this slider. This is really an awesome image slider.
Nivo blogger slider

I always said all of you not to change any code from your template without keeping back up your template but now this is not necessary because we do not enter into our edit html page

You have not do any coding for this sliders. Just copy the code that given below and follow the following steps:-


Step 1: Log into your blogger and then click on Layout 
Step 2: When you enter into layout, there you see layout of your blogger. Now Click on Add Gadget button and Select the Html/Javascript.
Step 3: Now Paste the given code into HTML/JAVASCRIPT.


 <style type="text/css"/>
/* dimpost.com - Basic Style */
 body{ background: transparent; font:15px/2 'Adobe Caslon Pro', Georgia, Serif; margin:0; padding:0;}
a{outline:0 none}
#pagewrap{ margin:10px auto; padding:0; position:relative; height:400px; width: 640px;}
#slidewrap{position:absolute;}
#slider {    border-color: #c0c0c0;    border-radius: 5px 5px 5px 5px;    border-style: solid;    border-width: 10px 10px 30px;    box-shadow: 0 0 3px #2F2F2F;    height: 280px;    margin: 10px;    position: relative;    width: 600px;}
#slider images{    position:absolute;    top:0px;    left:0px;    display:none;}
/* The Nivo Slider styles */
.nivoSlider { position:relative;}
.nivoSlider images { position:absolute; top:0px; left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav{display:none!important}
.nivo-html-caption {    display:none;}
.nivo-caption{ position:absolute; right:20px; text-align:center; top:130px; width:192px; z-index:60;}
.nivo-caption p{margin:0}
.nivo-caption .title{font-style:italic}
.nivo-controlNav {    bottom: -23px;    display: block;    height: 15px;    left: 204px;    position: absolute;    text-align: center;    width: 192px;    z-index: 51; opacity: 0.6;}
.nivo-controlNav a{ background:transparent url(http://project.dimpost.com/image-slider/images/button.png) no-repeat center center; display:inline-block; height:14px; width:14px; text-indent:-9999px; cursor:pointer;}
.nivo-controlNav .active{ background:transparent url(http://project.dimpost.com/image-slider/images/button_active.png); }
 </style>
<script src="http://project.dimpost.com/image-slider/jquery-1.6.1.min.js" type="text/javascript">
</script> <script src="http://project.dimpost.com/image-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript"> $(window).load(function() {  $('#slider').nivoSlider(); }); </script>
<!--[if IE]>  <script src="modernizr-2.0.min.js"></script> <![endif]-->
 <div id="pagewrap"><div id="slidewrap">
<div id="slider">
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a> <a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
</div>
</div>
</div>

Step 4: You should place your blog URL in your-blog-here. and place your image link in red colored image link

Watch Video to Add the Slider into Blogger 


Read More »

Thursday, March 19, 2015

How to Change the Blogger URL and Re-apply For Adsense

newbie blogger
Eventually, after 2 weeks I am again here with a tip for all my blogger friends or newbie friends on blogger. This time I have come with a general and frequently occurred problem with most newbie blogger and the problem is Google Adsense disapproved.

I have already told you how you can make google adsense approved. But even if your adsense application is disapproved and you are still trying to create adsense account, you should change the url of your blog because most of the time Google does not accept those url for adsense account who was already applied for adsense but disapproved. So to apply again you should change the url of your blogger blog. Now you must improve your blog which complies the adsense policy. To do show, just follow these steps:
Changed Blogger Url

Step 01: Login to your Blogger Dashboard.
Step 02: Go to Setting and choose Option Basic.
Step 03: Now there you see blog address. Just click edit link next to it.
Step 04: Choose any available blog url and save it.

Now you changed your blogger blog's url.

In order to apply for adsense, you should go to Earning Option. Now just do what you see there.
Google Adsense Earning

I think this is much now. Comment us if you have any problem and suggestion. Thank you 
Read More »

Wednesday, March 18, 2015

How to add Simple Drop down Menu Using CSS

Recently, one of my visitor friend asked me how to add drop down menu in blogger. So this tutorial specially dedicated to him. Friends here I am going to show you that the adding technique of drop down menu in blogger only using css. There is no need to add javascript and jquery for this tutorial. Actually using javascript and jquery make the site little bit slower than the using css. Therefore, there is no need to run after the javascript and jquery.

It is too easy to add this code into your blogger blogs. You also should not keep back up of your templates because actually this does not affect the template code of blog. So now lets go into our step by step process of drop down tutorial:-

This is not extra things for you but some of my visitors asked me for dropdown menus, so I put this simple codes for simple drop down menu.

Step 1: In the beginning just copy the following code.

<div id='absnavbar'>
<ul id='absnav'><li> <a href='#'>Company</a> </li>
<li> <a href='#'>Portfolio</a></li>      
<li> <a href='#'>About</a> </li>
<li> <a href='#'>Contact</a>
<ul> <li><a href='#'>sub_contact 1</a></li>
<li><a href='#'>sub_contact 2</a></li>
<li><a href='#'>sub_contact 3</a></li>
</ul>
</li>
</ul>  
</div> 

Step 2: Then Login into your Blogger and find the layout then click it and just search the HTML/JAVASCRIPT.
\
Step 3: Now just paste the above code into HTML/JAVASCRIPT box.

Step 4: After that save it.

Now you have to add the css code for formatting or giving the style for that HTML code.

Step 5: Just go to the layout and at the top of layout you can see the template designer link, just click it.

Step 6: Then click on advance and choose the add css link among these list. And then paste the given code in this box.

/*-----Drop Down Menu for Blogger by allblogsolution ----*/
#absnavbar {     background: #333333;     width: 960px;     color: #ffffff;         margin: 0px;         padding: 0px;         position: relative;         border-top:0px solid #323232;         height:38px;}
#absnav {     margin: 0px;     padding: 0px; #absnav ul {     float: left;     list-style: none;     margin: 0px;     padding: 0px; #absnav li {     list-style: none;     margin: 0px;     padding: 0px;         border-left:1px solid #333;         border-right:1px solid #333;         height:38px; #absnav li a, #absnav li a:link, #absnav li a:visited {     color: #eeeeee;     display: block;    font:normal 14px Helvetica, sans-serif;    margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none;         #absnav li a:hover, #absnav li a:active {     background: #ff0100;     color: #ffffff;     display: block;     text-decoration: none;         margin: 0px;     padding: 10px 13px 11px 13px;                     }#absnav li {     float: left;     padding: 0px; #absnav li ul {     z-index: 9999;     position: absolute;     left: -998em;     height: auto;     width: 160px;     margin: 0px;     padding: 0px; #absnav li ul a {     width: 142px; #absnav li ul ul {     margin: -25px 0 0 161px; #absnav li:hover ul ul, #absnav li:hover ul ul ul, #absnav li.sfhover ul ul, #absnav li.sfhover ul ul ul {     left: -998em; #absnav li:hover ul, #absnav li li:hover ul, #absnav li li li:hover ul, #absnav li.sfhover ul, #absnav li li.sfhover ul, #absnav li li li.sfhover ul {     left: auto; #absnav li:hover, #absnav li.sfhover {     position: static; }#absnav li li a, #absnav li li a:link, #absnav li li a:visited {     background: #ff0100;     width: 120px;     color: #ffffff;     display: block;     font:normal 14px Helvetica, sans-serif;     margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none; z-index:9999; border-bottom:1px dotted #444444;    #absnav li li a:hover, #absnavli li a:active {     background: #151414;     color: #ffffff;     display: block;     margin: 0px;     padding: 10px 13px 11px 13px;         text-decoration: none; }
Step 7: At last click on apply now button.

Now we are successfully done this tutorial. Thanks for visiting us.
Read More »

Friday, March 13, 2015

Add Pager Link in Blogger

Page Navigation Button Link
We can display our no of posts in our blogger blog but displaying all the post can not be effective, this can be unprofessional. So often we display 6 to 12 posts in our blogger home page. But after exceeding the posts that we are displaying in our home page, there appears old and new posts link. You should click either new or old posts link to see the older or newer posts. To reach in the first posts of your blog, you should click on old link more times until your reach there. This seems so uneffective. So that page naviagation bar can be effective way to find the older and newer posts of your blog. So that now here I am going to just tell you to add pager in your blog for effectiveness of your blog. And your visitors can navigate quickly in the old posts too.

Follow the given steps to add the pager in your blogger :-

How to add pager in blogger


Step One:
First of all login to your blogger dashboard and click on template>>edit html.

Step Two:
Now just find the below code:
]]></b:skin>
Step Three:
After finding the above code, paste the given code just above them.
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: grey;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 15px;padding: 6px 14px;margin-right:4px; color: #777; background-color:#999;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#369Bde;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#369Bde;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:black;} 
Step Four:
Now you should add the script in your blog. To add the script find the </body> tag.

Step Five:
Now just paste the given code before the </body> tag.
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=6;
    var numPages=4;
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>
You did it. Now the thing you should remember is that you can also change the perPage=6; as your wish into 6,7 etc. numPages=4; into 5,9,7 etc as your wish.  
Read More »

Thursday, March 05, 2015

How to Make a Post Sticky in Blogger

If a blogger blog contains a specific topic like a HTML-XML Parser, then you need to show that post on top of the blogger post.

By the way if you want any post becomes sticky on the top of a blogger blog, then you can follow these two simple method to do that.

1st Method:


First method is that adding of gadget selecting html/javascript gadget. Then you write a post and save it. If you want from the Post then just follow the second method.

2nd Method:


The second method is that which is also very simple method.
Step 01: First of all you go to the post which you want to show in the first or top.
Step 02: Now you will see the right bar "Post Setting" where you find number of option like Labels, Shedule, Permalink, Location, Search Description and Options.
Step 03: Now just choose "Schedule" and click it where there you see 2 options:

i. Automatic
ii. Set Date and Time

Now click Automatic which will set or schedule this post at the top.
Step 04: Publish Now
Read More »

Follow Us On Facebook

Warning ! Don't copy our content, your adsense account can be disabled

Blogger Widgets