All About Blogging: March 2015

Archive for March 2015

Five Most Popular HTML/CSS Frameworks

Admin March 28, 2015

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

Put Adsense Ad Below Every Post Title of Blog

Admin March 27, 2015

ClaimedCol

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

First of all, you should create ads. You can choose google recommended ads size.
Make new ad unit and choose 300*250 ad size for better result because it is recommend ad of Google.
After that you should parse that code by using HTML PARSE TOOL which can be found in GOOGLE.
Now Copy the parsed code from the parsed tool.

when you copy the parsed code then paste it in the notepad.

LOG IN your blogger
Go to the template button
You should back up your template for safety click on back up
Click it and then click on HTML EDIT
Now press CTRL+F and search <data:post.body/>.
Now paste the given code after the <data:post.body/>.

<b:if cond=’data:blog.pageType == "item"’>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

Adsense Parser

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.

Recent Posts Wigdet for Blogger With Thumbnail

Admin March 23, 2015

ClaimedCol

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">

</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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_B0OON2BK8RY_bWNj2I5JeVJkkx96VLRRNHV9LgvSZcvl2oF2Vaw1Mr4kKUC2oyO7iI2K4WTOZP9KwRyt7eo1LghbNb6ox0JzpM2C1Fzsum6c1-i_uq4yHfm5QxPM-d9FD7UkvgYK0s/s1600/imageicon.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_B0OON2BK8RY_bWNj2I5JeVJkkx96VLRRNHV9LgvSZcvl2oF2Vaw1Mr4kKUC2oyO7iI2K4WTOZP9KwRyt7eo1LghbNb6ox0JzpM2C1Fzsum6c1-i_uq4yHfm5QxPM-d9FD7UkvgYK0s/s1600/imageicon.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_B0OON2BK8RY_bWNj2I5JeVJkkx96VLRRNHV9LgvSZcvl2oF2Vaw1Mr4kKUC2oyO7iI2K4WTOZP9KwRyt7eo1LghbNb6ox0JzpM2C1Fzsum6c1-i_uq4yHfm5QxPM-d9FD7UkvgYK0s/s1600/imageicon.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_B0OON2BK8RY_bWNj2I5JeVJkkx96VLRRNHV9LgvSZcvl2oF2Vaw1Mr4kKUC2oyO7iI2K4WTOZP9KwRyt7eo1LghbNb6ox0JzpM2C1Fzsum6c1-i_uq4yHfm5QxPM-d9FD7UkvgYK0s/s1600/imageicon.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_B0OON2BK8RY_bWNj2I5JeVJkkx96VLRRNHV9LgvSZcvl2oF2Vaw1Mr4kKUC2oyO7iI2K4WTOZP9KwRyt7eo1LghbNb6ox0JzpM2C1Fzsum6c1-i_uq4yHfm5QxPM-d9FD7UkvgYK0s/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:-

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

How to Make Sidebar Of Blogger Fixed

Admin March 20, 2015

ClaimedCol

Now 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.

Lets first of all make left or right bar widget fixed
go to your blogger dashboard then click on template and edit html.
search the following code or ]]></b:skin> and then just paste the given code just before the above code. column-right-inner { position: fixed; }
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.

Top 10 High PR Dofollow Forum Lists For 2015

Admin March 20, 2015

ClaimedCol

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.

Add Best Image Slider On Your Blogger: Nivo Slider

Admin March 20, 2015

ClaimedCol

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.

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>

<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

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

Admin March 18, 2015

ClaimedCol

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:

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.

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

Add Pager Link in Blogger

Admin March 13, 2015

ClaimedCol

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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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.

How to Make a Post Sticky in Blogger

Admin March 05, 2015

ClaimedCol

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