Blogger Templates for your blogspot Blog, Adsense Blogger template, Making Money Online With Tips Tricks

SubtlyMade Blogger Templates

SubtlyMade Blogger Templates is originally a wordpress theme designed by every1knows and has been bloggerized by Dhampire. It's another simple and elegant template for blogger user. The search form, subscribe button, also twitter and facebook on top right side made it really awesome.

Demo | Download

In Labels: , , , , on .

Elite Circle Blogger Template

Elite Circle Blogger Template is simple brown 2 columns blogger template with right sidebar. Elite Circle is originally a wordpress theme designed by StyleShout and has been bloggerized by Dhampire. The footer section is 3 columns and widget ready so you can place whatever you want there.

Demo | Download

In Labels: , , , , , on .

Featuring Blogger Template

Featuring Blogger Template is another simple minimalist blogger template designed by Free CSS Templates and has been bloggerized by Free Blogger Template It's 2 columns blogger template with white and red colour. Horizontal navigation link and sidebar on the right side. another feature is you can easily change the colour through Fonts and Colors dashboard. So Want a minimalist template? Check this one out.

Demo | Download

In Labels: , , , , , on .

Tree House Blogger Template

Tree House Blogger Template is a Nature and artistic design Blogger template with nice grungy designed by Skinpress and has been converted to blogger by falconhive. This blogger template is 2 columns and built in much of feature. Like Nature and artistic design, "Read More" feature, Twitter follow button, Twitter update section, 125×125 Ads section.

Demo | Download

In Labels: , , , , , , on .

Alternative Javascript Hosting For Blogspot User

Javascript Hosting is currently in high demands for blogger who use blogspot blog. Why? Nowdays a blogger template has moved to the next generations. Currently day by day blogger template keep coming with amazing style. For that we also need some javascript to make our design walk with no problem. As we know Googlepages has stopped the free hosting and nobody will deny that Googlepages given so much help to free blogspot user. Then what we can do?

The Solution
Every problem has the solution. Yes or No? There are 4 ways we can do to host our javascript file. So let's we start.

Solution 1. Change file extension from .js ke .txt

We can change the .js to .txt
Remember to cange .js file to .txt file and upload it to your free hosting that allowed .txt file. after it change the way you call it.

<script type="text/javascript" src="file-url.js" />

we can change it like this

<script type="text/javascript" src="file-url.txt" />


Solution 2. Adding script directly to our blogger templates.
We can do this by replace code below
<script src='SCRIPT_URL' type='text/javascript'></script>

With this code below
<script type='text/javascript'>
//<![CDATA[
SCRIPT_CONTENT_HERE
//]]>
</script>

How do i know SCRIPT_CONTENT_HERE code?
just copy SCRIPT_URL to your browser and you'll see a bunch of code. now copy and paste that code to SCRIPT_CONTENT_HERE.

Solution 3. Upload the javascript to another free hosting.
Well as you know we can't expect much from free hosting, but if you want to know where, then here is 2 file hosting that allowed javascript with direct linking.

1. http://www.hotlinkfiles.com/
2. http://www.ripway.com/

Solution 4. Buy a new Hosting. +_+

Well I hope this information is useful.

In Labels: on .

Howto add Different Meta Tags For Each Post in Blogger

What's Different Meta Tags For Each Post in Blogger?
By default if you're adding Meta Tags to blogger template, then all of your page including home page will have the same Meta Tags Description. Is it wrong? No. It's just when you submitted your blog to google then you'll have duplicate meta tags description. different Meta Tags Description in each post will be more google friendly.

Step by Step to add Different Meta tags description For Each Post in your blogspot blog.

Step 1. Please do the previous entry here add meta tags to blogger blog

Step 2. Find code below

<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>


Step 3. Add red code to it. This should be your final code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>


Step 4. Don't forget to change description and keyword to your own. save it and done.

The first code is Meta tags description and keywords for your blogspot home page and the second is different Meta tags description and keywords for each post in blogger.

So what you think? leave your feedback or if you have any problem than you can comments below. Credits : Meta Tags For Blogger

In Labels: on .

Orkut Theme Blogger Template

Orkut Theme Blogger Template is another simple minimalist blue blogger template designed by anshuldudeja. As you know blue and white is perfect. Orkut Theme Blogger Template is 3 columns with right and left sidebar. You can plave your advertising program on the right sidebar. The top horizontal navigation link make it more good.

Demo | Download

In Labels: , , , , , , on .

IcyBlue Blogger Template

IcyBlue Blogger Template is a 3 column blogger template with neat and clean layout. Its best for technology related blogs. You can place a lot of widgets in the 2 right sidebar and the 3 columns footer. IcyBlue Blogger Template is bloggerized by tricksdaddy.

Demo | Download

In Labels: , , , , , , on .

Google Page Rank Update Again for Juni 2009

Good news from google again. Google has updated Page Rank for Juni 2009. Last month i see i get PR 2 from google. It seems that Google is updating page rank very frequently. I never thought that Google will update page rank so frequently just after a month. And now for the good new is Adsense Blogger Templates is now PR 3.

So how about your blog? is it get PR even higher? or still the same? Leave your comments to share your good news.

In Labels: on .

Stitches Blogger Template

Stitches Blogger Template is a template originally created for wordpress theme designed by Forthelose and has been converted to blogger by Dhampire. Stitches Blogger Template is simple elegant template for blogger. It has 2 columns with right sidebar and also with blue and white style.

Demo | Download

In Labels: , , , , , on .

Blue Diamond Blogger Template

Blue Diamond Blogger Template is originally a wordpress theme designed by Skinpress and has been converted to blogger by falconhive.com. Blue diamond is another elegant style blogger template with 2 columns and dark background. Some of feature is Elegant and artistic design, Twitter follow button, RSS Subscription button, and 125×125 Ads section.

Demo | Download

In Labels: , , , , , , , on .

Lembrete Blogger Template

Lembrete Blogger Template is designed and bloggerized by lecca. It's 3 columns artworks blogger template with right sidebar. The design was like the other artworks template. Feature : 3 columns, Right sidebar, custom header, unique rss button, custom footer.

Demo | Download

In Labels: , , , , , on .

Sailing Blogger Template

Sailing Blogger Template is 2 columns originally for wordpress theme by EZwpthemes and has been converted to blogger by bloggerthemes.net. It's have a unique dsign. Feature included : 2 columns, left sidebar, Blue style, custom header, custom rss icon, top horizontal menu.

Demo | Download

In Labels: , , , , , , on .

How to show total posts and total comments on your blog? interested to know? now i'm going to show you how can we add it. Follow the simple way below to add it.

Step 1
Login to your blog >> Layout >> Page Element >> Add Gadget >> HTML / JavaScript

Step 2
Copy and paste code below there.
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://adsense-day.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://adsense-day.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>


Step 4

Replace http://adsense-day.blogspot.com/ with your own blog URL.

Step 5
Don't forget to save it and done.

In Labels: on .

Wondering how to add Recent Post with thumbnail for blogger powered blog? It's new widget for blogspot blog that will make your blog more professional. Now i'm going to show you how to add Recent Post with thumbnail for blogspot blog.

Step 1.
Go to Layout » Add a gadget » html/javascript


Step 2.
Copy code below and paste it.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[1] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[2] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[3] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[4] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://adsense-day.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


Step 3.
Customize :
boxwidth - Width of the widget
cellspacing - Space between cells
borderColor - Border color
thumbwidth & thumbheight - Width and Height of the thumbnail
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://adsense-day.blogspot.com/ (change this to your blog url)

The script is hosted. But it's stronly recomended for you to download it and upload to your own hosting.
http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js

Step 4.
Save it.

Credits. Blogger Tricks.

In Labels: on .

Ligneous Blogger Template

Ligneous Blogger Template originally designed for wordpress by Pure Essence and has been converted to blogger by Lecca. Ligneous is pink style blogger template with right sidebar. Feature : 2 Columns, Top menu, Right sidebar, fresh template, White, Pink style and built in search button.

Demo
| Download

In Labels: , , , , , , , , on .

Troffic Affair Blogger Template

Tropic Affair Blogger Template is 2 columns artworks template. designed and bloggerized by Bloggerthemes. The sidebar is on the left side. Perfect for your own business natural blog. The header image is customized very well. Also the subscribe button is perfect.
Tips : Learn How to change top horizontal menu links.

Demo | Download

In Labels: , , , , , on .

Proximus Blogger Template

Proximus Blogger Template is new magazine style blogger template designed and bloggerized by BloggerThemes. It's 2 columns with right sidebar. The ads spot in the top header and on the right side. The color is brown, black and white. Also bookmarks and search button supported.

Demo | Download

In Labels: , , , , , , , on .

Paradise Valley Blogger Template

Paradise Valley Blogger template is new Clean and elegant style blogger template designed and bloggerized by raycreations. As you know raycreation always give you the best looking blogger template. Paradise Valley has 2 columns with right sidebar. The header background and footer background really perfect. the main colour is blue and white. wanna try it?

Demo | Download

In Labels: , , , , , , , on .

Pad Mess Blogger Template

Pad Mess Blogger Template is new artworks blogger template designed for Wordpress by ezwpthemes and has been converted to blogger by deluxetemplates. It's 3 columns blogger template with 2 right sidebar. Also designed with custom search feed button and commen section.

Demo | Download

In Labels: , , , , on .

How to Edit Top Menu Links In Blogger Templates

Have you downloaded new blogger templates? nowdays blogger templates have top menu links that's really make it more awesome. Do you know how to edit top navigation links? Many bloggers, actually a new blogger do not know how to edit the default top menu links in the downloaded file. Okay now i'm going to share what i know how to edit the default Top menu links.

Step 1
Login to your blogger account >> Dashboard >> Layout >> Edit HTML >> Expand widget template.

Step 2
Preview your blog. I assumed you already install new templates. you must see top menu links like this below





Step 3
Copy the text you see in your top menu links. Okay for example we take HOME text



Step 4
Now search the Home text in your blogger templates. You'll find something like code below.
<li class='current_page_item'><a Title='Home' class='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-2'><a href='http://adsense-day.blogspot.com/' title='Contact'>Contact</a></li>
<li class='page_item page-item-2'><a href='http://adsense-day.blogspot.com/' title='Blogger Templates'>Blogger Templates</a></li>


or
<li><a href=''>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='http://adsense-day.blogspot.com/'>Blogger Template</a></li>


Step 5
Now change the links. The format should looks like below.
<li><a href='Your Links'>Home</a></li>
<li><a href='Your Links'>The title</a></li>
<li><a href='Your Links'>The title</a></li>
<li><a href='Your Links'>The title</a></li>


Now that's all don't forget to save it.
Note : Every templates have different style but the default format for top menu links just like showed above. Trying may fix your problem. Happy blogging.

In Labels: on .

Black Power Blogger Templates

Black Power blogger template is originally designed by Skinpress and has been converted to blogger by falconhive. The design was quite awesome with black header background, 4 spot for 125x125 banner ads on the right side, and twitter update on top. This new elegant blogger template that's will make your blog more beautiful.

Demo | Download

In Labels: , , , , , , on .



Allright it seems much new blogger wants to know How To Add READMORE HACKS like in wordpress to blogger powered blog. It's easy IF we know the way. Now i'm going to explain 2 hacks to add readmore hacks in blogger. Before this, somebody ask me " Is it okay to add readmore on blogger? What about SEO? Is it has no Bad effect for SEO?" Okay, first of all I'm NEWBIE too in blogging. Seconds, so far it's been six months i'm using this hacks and till now it seems no bad of it for SEO. For my experience, if you use META TAG and Auto META TAG Generators for each posts in blogger, then you NO need to worry about it.

Okay let's STEP to the WAY :

1. Readmore Hacks 1

To add readmore, we need to edit our templates. Go to Layout >> Edit HTML >> Expand Widgets Templates :

Now add script below above the </head>

Code :

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>

# Now Look for the code looks like below

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/>
<!-- clear for photos floats -->

Add the red code below inside above code or the last code will be look like below

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Okay it's done for templates. Now go to Setting >> Formatting >> Post Template
Put code below in your post templates area. code :

Type your summary here

<span id="fullpost">


Type rest of the post here


</span>

# Save it. Now everytime you post something must be like this below.

Type your summary here. This text only appear in your homepage. put one paragraph or whatever you want. you can even put image here.

<span id="fullpost">

Type rest of the post here. This all the rest of your post. you can write everything here.

</span>


2. Add AUTO Redmore Hack in blogger.

This hacks will be useful for those who have much of post and don't have a time to edit each post manually.

# Put code below before the </head> Code

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Done. Now # Look for the <data:post.body/> code
Replace it with code below.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Save it. Remember This.
var thumbnail_mode = "float"; (You decided how your thumbnail goes. float left of float right. you can even put no-float if you don't want it floating.)
summary_noimg = 250; (Your summary if no image)
summary_img = 250; (Your Summary If There is An Image)
img_thumb_height = 120; (Your image height Thumbnail)
img_thumb_width = 120; (Your image width Thumbnail)

Done.

In Labels: on .

iNovo Blogger Templates

New 2 columns blogger templates called iNove Blogger Templates. It has been converted from wordpress theme by deluxetemplates. The main color is just black, Gray and white with elegant style, Unique header Navigation. The best thing your blog will load faster with this new template.

Demo | Download

In Labels: , , , , , , , on .



Travel Blogger Templates is originally designed by EZwpthemes for Wordpress and has benn converted to blogger by deluxetemplates. It's new blogger templates with 2 columns and right sidebar. The top menu also the header image is perfectly matched with the templates. The templates is built in search box.

Demo | Download

In Labels: , , , , on .

Simpleweb20 Blogger Template

Simpleweb20 Blogger Template is originally designed for Wordpress Theme by R-Shahin and has been converted to blogger by Gadget Lover. It's 3 columns blogger template with minimalist colour but has the elegant style. 2 sidebar placed on the left side. You can also add adsense or similiar advertising program on the sidebar. Overall it's new template for adsense optimized. Check the demo.

Demo | Download

In Labels: , , , , , , , , , on .

The Last 84 Blogger Template

The Last 84 Blogger Templates is designed and bloggerized by beepthegeek. The Last 84 has 3 columns with 2 right sidebar. This blogger template has minimalist design but with elegant style. It also can make your blog super fast.

Feature :

* Simply looking and fast loading design.
* Blue colored theme.
* 2 Column header
* 3 Column template
* In built search engine
* Adsense Friendly

Demo | Download

In Labels: , , , , , on .

Gadget Blog Blogger Template

New blogger template called Gadget Blog Blogger Template has been released by cebong ipiet. Gadget Blog has 3 columns with 2 right sidebar. Just like the name, this blogger template made for those who love blogging about widget. It also have footer widget so you can put as much as you want.

Demo | Download

In Labels: , , , , , on .

Bcute Blogger Template

Bcute Blogger Template was designed by Skinpress and has been bloggerized by Deluxe Templates. It's new cool template from wordpress theme. Bcute Blogger Template has 2 columns with right sidebar. Twitter widgets and top menu are built in. So why don't you try it?

Demo/Installation
| Download

In Labels: , , , , , , , on .

Falkner Press Blogger Template

A new awesome blogger template has been released by bloggertricks. Falkner Press Blogger Template was converted from a wordpress theme designed by CamelGraph. It's magazine style blogger template. Falkner Press has 3 columns with 2 right sidebar and much of feature is built in.

Feature :
* Auto Readmore
* Adsense Ready
* Featured Content Slideshow
* Social Bookmarking Icons
* Twitter Updates widget
* And Many more..

Demo | Download

In Labels: , , , , , on .

Flower Blog Blogger Templates

Flower Blog Blogger Template based on CssCreme template and has been bloggerized by Klodian. This is 3 column blogger template with 2 right sidebar. The one that's make this template is cool is blog header and top menu. Also footer background image is too cool.

Demo | Download

In Labels: , , , , , , , on .

Dally Studio Blogger Templates

Dally Studio Blogger Templates is new blogger templates designed by CSS Templates Market and converted for blogger users by BloggerThemes. It's a natural style blogger templates with 2 columns and right sidebar. The horizontal navigation bar is perfectly styled. Also the header and footer background match nicely with the templates.

Demo | Download

In Labels: , , , , on .

Wiking Blogger Template | Grunge Theme

New blogger template called Wiking Blogger Template, designed by Skinpress and bloggerized by Dante Araujo. Its a grunge blogger template with 2 columns and right sidebar. The design was truly awesome for personal blog. Rss icon and the header display are really perfect in this template.

Demo | Download

In Labels: , , , , , on .