Free 2 Columns Blogger Template Green

 The blogger Template Percent..
Green its a nature Blogger template with featured posts enabled on homepage. It's perfect template for any kind of travel blogs.

Features: 2 columns with right sidebar, widgets ready, pages enabled, simple, minimal, personal blog, ads ready.

Read more

Change Favicon image ( Icon) in blogspot

actually Image in Address bar is called favicon.It is easy to change using following steps.
Step1. your Image should be in .png format and size of image should be 16x16 or 32x32. 16x16 is more preferable because 32x32 size not supported in older version of browser.
step2. Upload your Image in any Image uploading site like tinypic.com save the link of your Image.
step3.

<link href='http://i29.tinypic.com/j11pft.jpg' rel='shortcut icon'/>

COPY this link.
Step4. Go to in your blog
Layout -> Edit HTML

after

<title><data:blog.pageTitle/></title>

this line
Step5. SAVE TEMPLET
Done...

Read more

Post Using Mail for Blogspot User

For Steps For Post by Mail in Blogger.
1.Setting tab
2.Email and Mobile
3.In That Posting Options
 Email Posting Address type your Word which must be secrete
4. Save Setting.
Now you can mail this Email address and that will be posted in you blog .
Enjoy Blogger Service.  

Read more

Paging Navigation For Blogger Blogspot

Paging Image

Page Numbering is vary useful for Blogger because Using Paging We can improve our Blog.
For Paging I have Write down few steps you follow it and get.
1. Login to your account --> Design --> Edit HTML
2. Click on "Download Full Template" to backup your template.
3. Check "Expand Widget Templates"
4. Search for

]]></b:skin>

5.Add the following code above it.
<pre class="css" name="code">

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</pre>
Find Following Code
<pre class="xml" name="code">
 <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section>
</pre>
After that code Immediately paste
 <pre class="javascript" name="code">
<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>

</pre>
The var pageCount = 5;  defiines the number of posts displayed on each page, 
var displayPageNum = 5; defines the number of links which are displayed (eg: 1 - 2 - 3 - 4 - 5) beneath the posts section.
 

Read more

Customize Older Post Newer Post Home image in Blogger

for change or cutomize images those are appear in blogger footer tag Like Older Post,Home,Newer Post.
Steps are...
1.select your blog in that select Design tag -> Edit Html tag
2.check Expand Widget Templates box
3.now find in code and Replace with
img alt="home" src="YourImageUrl"
4. and tage and Replace with respectively Image tag.
Check Preview and Save. It is Done.

Read more

News channel Free The blogger Template

NewsChannel is a news related Blogger template with blue header and top menu. This template has 4 column is footer for all widgets needed.

Features: 2 columns with right sidebar, 4 footer columns, widgets ready, top search box, blue, pages enabled.

• 
  
  
• 
  
  

Read more

Free 1 Columns Blogger Template SuperStar

This is totally free Amazing Super star Template for you.

• 
  
  
• 
  
  

Read more

Free 2 Columns Blogger Template Plaine

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.



List 1:

* Lorem ipsum dolor
* sit amet
* consectetur adipisicing elit

List 2:

1. tempor
2. incididunt
3. ut labore

• 
  
  
• 
  
  

Read more