Showing posts with label widgets. Show all posts
Showing posts with label widgets. Show all posts

Tuesday, June 12, 2007

TypoXP : XML Template for Blogger

When it comes to free blog templates, I tend to yawn. Doesn't matter if it is a template for Blogger or a WordPress theme. They mostly are rehashed base versions and if you seen one ... you seen them all.


TypoXP template for Blogger screenshot
Every now and then, however, a template does catch my eye. Not so much the look of it, but the ingenuity I can see beneath it all. Such is the case for Ustadz's WordPress theme knock-off of Sunaryo Hadi's TypoXP 2.0. He has created a truely unique Blogger template that is not only astonishing to view, but has many add-on features that are easy to install.


TypoXP Blogger Add-on Features:

  • Expandable post summaries
  • Author Comment Highlight
  • TypoXP Sidebar Title Icon Set
  • Label (Tags) Cloud Widget
  • Archive Calendar Widget
  • Recent Posts Widget
  • Recent Comments Widget
  • Search Widget

Demo & Download Template



Technorati Tags: , , , , , , , , , ,

Friday, May 25, 2007

SpotBack - Rating Widget for Blogger

Blogger Style:
Working with:
UPDATE: This service is no longer active. Too bad, it would have been invaluable for structured ratings data.

Rating widgets allow your readers to interact with your blog and provide you, the writer, with feedback on what they deem your articles to be worth. There are an abundancy of rating widget services on the Internet and typically are of the vanilla "five star" variety.


Enter Spotback's Rate Everything widget which brings not only the ability for your readers to rate your posts, but other features with the purpose of generating more user interaction with your blog. The widget enables your readers to tag your posts, find personalized recommendations and referrals to other destinations on your site. The service is free and childsplay to install.

Your rating and tagging history will be saved to your personal profile and provide you with statistics on what your readers really do think. Tagging history could possibly be used to develop keyword search term lists. If you know how they are tagging your posts, then it is not difficult to imagine how they would be searching for that information.

All of this is packaged into a completely customizable widget of your choosing. Either select a ready-made design from the SpotBack gallery or use the online editor to roll-your-own. The editor allows you to add any element you want into it (rate-this, tags, etc.) and define CSS properties for background images, font size and color, borders, labels, etc.

How to get your Spotback Rate Everything widget


Go to the Spotback Get a Widget page. You will be presented with a choice of widget styles. Just pick one that you feel comfortable with, you can always modify your choice later.

The next screen will enable you to register an account with Spotback. Creating an account allows you to access and manage your rated posts. After you complete the registration process, you will be able to create your personal rating and recommended content widgets.

Once your widget is selected (or built from scratch) grab the code for your style of blog (Classic/New) and paste it into your template. Since everyone's templates are different, you will have to feel your way around. But Spotback has some guidlines for both Classic and New Layouts.

If you like, I have designed a rater widget for Blogger. Instead of stars, it uses the orange B's -- you can see it just below this post.

Thursday, May 17, 2007

Removing NoFollow from Blogger styled layouts

I follow, do follow, no nofollowBlogger by default, and other blogging software such as WordPress, automatically adds the "nofollow" microformat extension to all links from user generated content. User generated content is defined as comments or external sources such as linkbacks and trackbacks.

I support the people of the blogging community who have chosen to remove NoFollow for blog comments and linkbacks/trackbacks. If you are reading this right now, you too are probably thinking about joining us yourself. It would be a good move, read on to find out why.

Before we begin


First, this removal procedure applies to the New Blogger styled layout. It is impossible, at this time, to remove NoFollow from Classic styled Blogger templates. This is due to the fact that those templates use the variable {$CommentAuthorName$} which encapsulates the anchor link around linking text. I am working on getting around this, because I have another blog using this style.

There are a number of tip sites out there explaining how to accomplish the removal of NoFollow -- and every one of them did not get it completely right. I have not found one yet who has addressed the issue of backlinks which also have the NoFollow extension added to it.

I have seen numerous comments left by readers of the tutorials stating that they could not find the NoFollow referenced in their layout template. Two reasons for this. They either are using the Classic template or more probably it is the same problem I encountered when I first went looking for it. I will explain why below, and it will be very clear as to why they missed it too.

Properly removing NoFollow from the template


Warning: Before beginning this procedure -- backup your template
.

Login to your dashboard and click on the Layout Link. If you are already managing your blog, then click on the Template Tab. Confused, don't be -- there really is a reason for that.

Click on the Edit Html Sub-tab for Templates.

Here is the important part. On the upper right of the template edit area, there is a checkbox labeled Expand Widgets. Make sure it is checked.


[ Click for larger version ]


Every tutorial I have read failed to mention the checkbox. The items we will be deleting are inside of sections, which in turn are inside of a widget. If the widget is collapsed, then we will not be able to see anything inside of the widget.

Now do a search for nofollow in your expanded template. You can either use your browser menu by clicking on Edit>Find in page or via the keyboard Ctrl-F. When the dialog box comes up, type in nofollow, and enter.

You should come across a line of code that looks something like this:
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Delete the portion of the code that says rel='nofollow' and Save Your Template.

Optionally remove Nofollow from backlinks


By doing another search for nofollow in your expanded template, you will find another one for your backlinks. You can choose to delete this as outlined above -- or not.

If you do delete the reference, do at your own risk. Backlinks are outside of your control and cannot be moderated. You can turn them off altogether via your Settings>Comments Tab. It is up to you.

Wednesday, May 16, 2007

Introducing WebStraction's Tips 4 BlogSpot

Tips 4 Blogspot NewsI have seen numerous tip sites on the Internet for Blogger, some of which are pretty bad. There are a few pearls in there however. Inevitably though, they all have one thing in common -- they deal with the new and improved Blogger which is now hosted on Blogspot.com

Having my original Blogger account self-hosted for my WebDev Blog at WebStractions (eg: the old Classic style) a lot of the tips I saw was all Greek to me. I had no clue as to what they were talking about when it came to editing your layout or inserting widgets. I come to find that the terms are new and apply to the way Blogger is now handling the template for the blog.

Ultimately I had to get myself one of these new fangdangled blogs to play around with. So far it is has been a pleasant experience and relatively easy to work with. What was more exciting was that nobody had claimed my main domain name (Webstractions) as their own.

Anyhow, I will be dedicating this site to my exploration of the new Blogger and hopefully provide some pearls of wisdom for all of you out there in Blogsville. And if there are any of you who are actually still hosting their original Classic Blogger account, drop me line so I know I am not the only one out there.