Theme The Arthemia Blogger Templates
Features
One of the hottest templates for wordpress, the Arthemia template has been converted to blogger. But does it live up to its wordpress version, lets take a look at Themelib's latest port.
Well let me say this is a very neat and clean adaptation of the wordpress version, but when it comes to the functionality the wordpress theme has the blogger version gets a 3 out of 10.
The Arthemia template for wordpress is tag based, label based for you to understand, it picks up articles from select categories for you to display. It also has a prominent display of the labels incase a user wants to see that.
Its interesting especially if your visitors want to check out a particular category, it has one main post in the header and five sub feature posts. A beautiful middle bar to display your categories of choice.
While the blogger blog adapts the top header links, the sidebar is a single column breaking in to two parts and then finally into two. The footer is the same broken up into three columns. This template is beautiful, elegant and very professional even for blogger but as compared to its wordpress brother its far far behind.
Theme The Arthemia Blogger Templates
Theme The Arthemia Blogger Templates
03 May 2008
Theme The Arthemia Blogger Templates
02 May 2008
Theme Elegant Style Blogger Templates
Theme Elegant Style Blogger Templates
The Elegant style blogger templates was created for blogspot by O-Om, its a three column modern blogger skin that would find itself on social blogger blogs.
The first thing you will notice about this template is that its built for a blogger who uses either Blogcatalog.com or Mybloglog.com, as the header has a prominent space for the recent visitors widget on the right hand side.
The header has a navigation menu with a search bar in it, under that is the blog title and description, the recent viewers widget comes on the right. The headline, author, post date, labels are all together at the top left while the comment count on the right.
The sidebar is divided into single double and double columns again, which gives it a nice variation, although you would be even happier with the multi column footer.
Source:o-om.com
Theme Elegant Style Blogger Templates
01 May 2008
Theme Art Imagination Blogger Templates
Theme Art Imagination Blogger Templates
The Art Imagination template has been converted by Jacky Supit, who seems to have woken up after quite a while ;), once again an original wordpress theme has been ported for blogger.
This template is one of the simplest yet beautiful template I’ve ever made. with only 6 images used by the template, all the widgets are also easy to put. Just drop any widget on the sidebars, and you should see it goes live beautifully.
This template has 3 columns, with the main content on the left, and same width other columns on the middle and right sidebars. Installing this template is very easy. just upload the xml template to your blogger dashboard like the other template. The only different is that because this template use a large image on the background, you have to host the image on your own googlepages or imageshack.us or any of your own images hosting.
Just follow this simple steps.
Upload the bg_body.jpg image (it’s in the zip file) to your own image host
Get the image URL then
Find this line below inside the XML template file
body {
background-image:url(http://img370.imageshack.us/img370/2730/bgbody2qt6.jpg);
}
now replace the red color with your image URL (step #2)
Save your template. and done.
Source:jackbook.com
Theme Art Imagination Blogger Templates Read More...
11 February 2008
Change Post Title Tags Blogger for SEO
How to Change Post Title Tags Blogger for SEO
This trick can largely drive traffic to your blog.When you search google for something and your blog is present in the search results...Then the Title of the result will be of the form Blog Title + Post Title This type of a title wont attract searchers.. Here is a hack that will change the title to the following attractive format Post Title + Blog Title This trick will help you to optimize the blog title for Search Engines. I am damn sure that this trick will increase your site's visitor count.. It will take a while for the Formatted titles to appear in search results(will appear when it is reindexed) Goto Blogger Template>Edit Html and replace
Now, Find this code below:
<title><data:blog.pageTitle/></title>
How to Change Post Title Tags Blogger for SEO
Replace it with this code below :
<!-- http://blogger-templates-designs.blogspot.com: Title Post SEO -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- http://blogger-templates-designs.blogspot.com: Title Post SEO -->
Save your template and done! Now all you need to do is just fill your post title with rich keyword so you will get more traffic
If you have implemented this trick on your site, please let me know how is it going. thanks.
How to Change Post Title Tags Blogger for SEO Read More...
10 February 2008
Add Label Cloud Widget For Blogger
Blogger Hacks- How To Put Widgets Label Cloud Or Widgets Tag Cloud On Blogger Sidebar
A tag cloud or label cloud for blogger is a list of all the labels used within a blogger blog displayed with style.You can see a demo of the Label cloud widget here on my site. This Tag Cloud Widget was originally developed by phydeaux3. I have just simplified and made it easier to install..
You can see a good implementation of this label cloud widget on one of our readers blog -Speak Media Blog.
First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.
Blogger Hacks- How To Put Widgets Label Cloud Or Widgets Tag Cloud On Blogger Sidebar
Choose to sort the labels Alphabetically when prompted.
After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)
You will find some code similar to
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Add Code New
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [0,255,0];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now find
]]></b:skin>
Add CSS Label Cloud Widgets for Blogger
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
]]></b:skin>
Save your template and now you should get a working Label Cloud On your Blog.
How to Add Label Cloud Widget For Blogger
