The Blogger Template

Free 2 Columns Blogger Template Green

noreply@blogger.com (Software Devloper) — Mon, 25 Apr 2011 05:02:00 +0000

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.

Change Favicon image ( Icon) in blogspot

noreply@blogger.com (Software Devloper) — Sat, 23 Apr 2011 06:13:00 +0000

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

Post Using Mail for Blogspot User

noreply@blogger.com (Software Devloper) — Sat, 23 Apr 2011 05:33:00 +0000

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.

Paging Navigation For Blogger Blogspot

noreply@blogger.com (Software Devloper) — Fri, 22 Apr 2011 11:51:00 +0000

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

&lt;script type=&quot;text/javascript&quot;&gt;



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==&quot;.com/&quot;;

var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;

var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;

var thisLable = isLablePage ?  thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length)  : &quot;&quot;;

thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ?  thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) :  thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= &#39;&#39;;

var upPageHtml =&#39;&#39;;

var downPageHtml =&#39;&#39;;



var pageCount = 5;

var displayPageNum = 5;

var upPageWord = &#39;Previous&#39;;

var downPageWord = &#39;Next&#39;;







var labelHtml = &#39;&lt;span  class=&quot;showpageNum&quot;&gt;&lt;a  href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;



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!=&#39;&#39;){

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] =  &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=&#39;&#39;){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!=&#39;&#39;) postNum++;

htmlMap[htmlMap.length] =  &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;

}

}

itemCount++;

}

}



for(var p =0;p&lt; htmlMap.length;p++){

if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}else{

upPageHtml = &#39;&lt;span  class=&quot;showpage&quot;&gt;&lt;a  href=&quot;/&quot;&gt;&#39;+ upPageWord  +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}

}else{

upPageHtml = &#39;&lt;span  class=&quot;showpage&quot;&gt;&lt;a  href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+  upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}



fFlag++;

}



if(p==(thisNum-1)){

html += &#39;&lt;span  class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;

}else{

if(p==0){

if(isLablePage){

html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;

}else{

html += &#39;&lt;span  class=&quot;showpageNum&quot;&gt;&lt;a  href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;

}

}else{

html += &#39;&lt;span  class=&quot;showpageNum&quot;&gt;&lt;a  href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+  (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}

}



if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml = &#39;&lt;span  class=&quot;showpage&quot;&gt; &lt;a  href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+  downPageWord  +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

eFlag++;

}

}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

}//end for(var p =0;p&lt; htmlMap.length;p++){



if(thisNum&gt;1){

if(!isLablePage){

html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;

}else{

html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;

}

}



html = &#39;&lt;div  class=&quot;showpageArea&quot;&gt;&lt;span  style=&quot;COLOR: #000;&quot;  class=&quot;showpageOf&quot;&gt; Pages  (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;



if(thisNum&lt;(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += &#39;&lt;/div&gt;&#39;;



if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName(&quot;pageArea&quot;);

var blogPager = document.getElementById(&quot;blog-pager&quot;);



if(postNum &lt;= 2){

html =&#39;&#39;;

}



for(var p =0;p&lt; pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&amp;&amp;pageArea.length&gt;0){

html =&#39;&#39;;

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

&lt;/script&gt;



&lt;script  src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot;;  type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

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

Customize Older Post Newer Post Home image in Blogger

noreply@blogger.com (Software Devloper) — Wed, 20 Apr 2011 10:30:00 +0000

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.

News channel Free The blogger Template

noreply@blogger.com (Software Devloper) — Sat, 16 Apr 2011 12:51:00 +0000

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.

Free 1 Columns Blogger Template SuperStar

noreply@blogger.com (Software Devloper) — Thu, 14 Apr 2011 14:11:00 +0000

This is totally free Amazing Super star Template for you.

Free 2 Columns Blogger Template Plaine

noreply@blogger.com (Software Devloper) — Mon, 11 Apr 2011 08:15:00 +0000

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

The Blogger Template

noreply@blogger.com (Software Devloper) — Wed, 16 Mar 2011 15:21:00 +0000

The Blogger Template is my first free galleria Blogger template which will be best theme for your music or movie blog. Just install and blog no need any trick.

Features: 3 columns with left and right sidebar, gallery, blue and black colors, search box, ads ready.