Showing posts with label blogger. Show all posts
Showing posts with label blogger. 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: , , , , , , , , , ,

Sunday, June 10, 2007

What is on your Blogger Wish List?

If you could improve Blogger in any one area, what would it be? I have a few ideas on that subject and it appears that Blogger does also.

Blogger Wishlist form optionsThe Blogger Wish List page asks us to vote on a feature suggestion. How they came up with the six suggestions on this list, I do not know. But I have seen some of them harped about in zillions of comments spread across many posts.

Of the six suggestions, I really have a passion for two of them. I also have suggestions for what is obviously absent. Could it be that by the omission of certain discussions might suggest that they are not entertaining them? That I do not know either.


No. 1 - I want to show excerpts of my posts, with links to the full text.
This is, and should be, top priority for Blogger.

The use of the so-called "peekaboo posts" hack is only a band-aid. While the hack may hide the remainder of the post from the viewer, it does not hide it from a spider or readers who have javascript disabled. All elements of your Main or Archive page, including images and embedded objects, will still be loaded whether or not the reader wishes them to.

True excerpts will be "what you see, is all you get". Excerpts will cut down on duplicate content -- and thereby reducing the amount of Supplemental Pages in the Google index. This is a win-win for both Blogger and Google Search.

No. 2 - I want to be able to upload other files to my blog besides images.
Other files? That would be nice. How about CSS style sheets (.css), javascript repositories (.js) and Html pages (.html).

Imagine unloading all of the styles and javascript from the template/layout and moving them into linked files. This will go a long way to reduce page sizes which are seriously bloated as it is. There are methods of accomplishing this by using external sources such as Google Pages or your own web server. But why should we have to?

The other four items on the list did not interest me much. The item for Recommending a Blog of Note for instance, who actually cares? I do not frequent the pages that they are "noted" on.

Or suggest a new feature
This was a no-brainer. I had two.

  • Provide a setting to Enable/Disable the Nofollow attribute in Comments.
  • Provide for "in-post" comment forms
I think it goes without saying that these are probably on the top of everbody's list. Do you have any others to add?

Vote now and get noticed
Vote now. It is easy to do and will only take you a couple of seconds.

Spread the word about the Wish List and let's see if we can get them to notice. It is worth a shot. I will be stickying this post to my sidebar in plain view in the hope that others will notice.

If you create a new post with your vote(s)and/or suggestions and link to this post, I will notice it. I will link back to your voting post by listing it here. Alternatively, you could drop me a comment below and let me know how you voted.

And yes, I voted for more than one suggestion too! =)

I hope nobody sees that =) above and suggests smilies. Yuck!


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

Friday, June 8, 2007

New Custom Search Engine for Blogspot Hacks, Tips & Templates

I am announcing a custom Blogspot Search Engine designed to provide you with the most relevant results for Blogspot tips, hacks, templates, tutorials and much more. The Search Engine folds the contents of 30+ popular hack and template sites in with natural Google results. The outcome produces one of the easiest methods for finding the answers that you need quickly.

Refinement labels are added to drill down into a variety of topics or site types. Pick the results that you want to see, without all of that fluff in the middle.

Try these example queries which are popular in forums and groups right now:

Help me refine this Search Engine by leaving constructive criticism in the comments below. I will entertain any suggestion.

Are you a Blogspot tip, tutorial or template site? Chances are you may already be included in this Search Engine already. If you feel that you are not, leave your sitename and Url below and I will check into it and add if appropriate.

I will add sites that only partially deal with Blogspot as well. If you have something to offer, holler away below.



Technorati Tags: , , , , , , ,

Thursday, June 7, 2007

Clarification of NoFollow Hacks on this blog

A recent discussion in the No To Nofollow community at Bumpzee raised concerns over the hacks presented here on this blog. I hope that this post will clear some of air on what the hacks are capable of -- and what they are not.

1. There are no hacks to effectively remove Nofollow from Classic Blogger templates that are hosted at Blogspot. And there never will be, it is impossible.

2. The hack for removing Nofollow on the newer Blogger Layouts (XML) only affects the commenting Author's link. Nofollow cannot be removed from the body of the comment. There are no hacks that can effectively remove it, nor will there ever be.

3. The hack for Classic FTP (self-hosted)Blogger templates require PHP. The hack removes Nofollow from both the commenting Author's link and any link present in the body of the comment. That hack was first published here

There is also an update in regards to the FTP hack. It has come to my attention that
anyone using a double-quote within the comment will break the code. This is due to
the fact that I captured Blogger's CommentBody variable with double-quotes. The
Author's link is not affected and functions as written.

The portion of the code for stripping Nofollow from the comment body needs to be
revised back to it's original form for the time being. I am working on a fix and will
post it as soon as I can.



[rant]The policy of Blogger to force Nofollow onto it's users and make them jump through hoops to install hacks like this is ludicrous. That also goes for other Blogging Platforms as well.

Numerous hacks and plugins have been written, some so shoddily that they confused even me. It simply amazes me how much time has been wasted on just this one facet of blogging. Then there are the evil-doers who want to make a buck off of it (but I am not going there)

Blogger needs to revise it's policy and allow for a new setting in the Dashboard to allow us to choose for ourselves. They can have it set to Nofollow as a default if they wish. Just give us the choice.[/rant]

Wednesday, May 23, 2007

Processing Classic FTP Blogger pages as PHP



Applies to:
Working with:



As already mentioned, this applies to Blogger owners who publish their pages via FTP to their own website. If your pages are hosted at Blogspot.com for any flavor of Blogger, this will not work.

Why process Html pages as PHP?


PHP is a scripting language that will allow you to do many amazing things to your page that is not possible with standard Html. For example, you could modularize your pages into sections (header, footer, sidebar, etc.) and then instruct the server to include them into your page at the appropriate place.

The advantage of this is that you can make changes to your "localized include file" without having to republish your entire blog. This is known also as server-side includes.

Blogger variable capturing


Another practical use is that you can take a Blogger template variable and output it in a different fashion. Take the following line of Template code and see how Blogger outputs it:

This Blogger template variable:

<$BlogCommentAuthor$>

Gets published as:

<a href="http://webstractions.blogspot.com" rel="nofollow">Ronnie T. Dodger</a>


As you can see, the template variable is translated into a piece of Html code and then published via FTP to your blog page. You have no control over the formatting of the variable. It is, what it is.

With PHP we can capture that variable, perform a pre-written function on it and output it in a different way. Take this code snippet for example:

Our template code:

<?php remove_nofollow( "<$BlogCommentAuthor$>" ) ?>

Gets published as:

<?php remove_nofollow( "<a href="http://webstractions.blogspot.com"
rel="nofollow">Ronnie T. Dodger</a>" ) ?>


And our pre-written PHP function remove_nofollow outputs:

<a href="http://webstractions.blogspot.com" >Ronnie T. Dodger</a>



The basic premise here is that you revise the Blogger template with a line of PHP script that will capture the Blogger variable <$BlogCommentAuthor$>. Once published, the stage is set. When a user (or yourself) views the page, our pre-written PHP function remove_nofollow() will get called by the PHP interpreter and strip the rel="nofollow" from that line of code.

You will notice that our scripts are enclosed inside of <?php   ?> tags. This is what instructs your server to interpret everything between them as PHP script. More on that later. I just want to call your attention to it.

Server-side Includes


There are other things you can do with PHP. I mentioned earlier about server-side include files for your header, sidebar and footer. As an example, you can "cut" the code from your footer area to the end of the page in the template, "paste" it into a seperate file on your server and replace all of that inside your template with one line of code:

<?php include "footer.php"; ?>

Publishing with Blogger is wasteful. The way it is set up, we send the same chunks of code over and over again. By setting up server-side include files and using PHP to insert those chunks, we eliminate that waste. This will save on republishing time and bandwidth.

Another advantage is that you can edit the include file with your favorite software and have no need to republish your entire blog. Insert links into your blogroll, more footer information, maybe add some css coding, etc. As soon as you save your file -- the effects are live and for every page on your site.

Sounds kewl eh?

Processing .html pages as PHP


Your server will not process PHP script inside of web pages with the .html extension. Pages with a .php extension, however, instructs the server to pass the file through the PHP interpreter first. The interpreter acts on the script and returns the output back to the server for normal Html delivery.

The .htaccess File


Fortunately there is directive to instruct the server to process .html files as PHP script, via a file named .htaccess which will hold the instruction.

Copy the following code into a new Notepad file:

AddType application/x-httpd-php .html .htm

Save the file to your computer with the filename .htaccess (note that filename begins with a period). Upload that file via FTP into the directory where your Blogger main page is located. Your blog directory may be at the root domain or in a sub-directory named /blog or something else. You were the one that set it up, so you tell me.

This file will tell the server that from this directory, and every directory below it (sub-directories), whenever it encounters a file with the .html or .htm extension -- then pass it through the PHP interpreter first.

Testing your .htaccess installation


We are going to revise the template to include a short snippet of PHP script to test that everything is hunky-dorey.
Navigate to Dashboard > Template > Edit Html

Copy and Paste, exactly, the following code at the bottom of the template right before the </body> tag. I chose this place because some of you may have some wacky CSS that repositions your page over things (like Blogger navbars and such). Hopefully this part of the page is okay to see if the test works.

<?php echo "PHP is fun!!!"; ?>

Save your template and republish your Index only

If all went well, you should see the words PHP is fun!!! at the bottom of your page. If so, go back to your template and remove that line of code and republish your Index only.

If you do not see the words, drop me a comment and we will figure it out.

What do we do now?


In upcoming articles, we will be removing the NoFollow tag from comments, flipping Page Titles around (topic first, then blogname ... good for SEO), creating easier to edit blogroll blocks, blocks for labels (oh joy), and maybe a widget or two.

Stay tuned, more coming soon!!

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.