Click the titles below to read the full post or use the drop-down Archives menu in the sidebar to select a different category:
May 19, 2008:
Sidebar and Content Widths
Comments: 2 | Categories:
Advanced Templates ,
CSS
When John redesigned the TypePad Hacks site over the weekend, readers wanted to know how to make bigger sidebars. When using Basic custom templates, it's just a matter of choosing the widths in the appropriate area of the Design Builder.... Read full article
February 28, 2008:
Using Firefox Bookmarklets Within the HTML of a Blog Post
Comments: 6 | Categories:
Advanced Templates ,
Basic Templates ,
HTML ,
Web 2.0 ,
Widgets
I'm currently working on a stealth project… a new eCommerce blog where social media is a big part of the plan… and I had this crazy idea that actually works. It started when I wanted to customize the images for... Read full article
January 14, 2008:
TypePad Hacks Is Hiring…
Comments: 3 | Categories:
Advanced Templates ,
Info ,
News ,
TypePad Hacks
I'm looking for someone who is comfortable working with Advanced Templates and CSS… basically, the sort of Hacks documented here at TypePad Hacks. If you can show me examples you've done of most of the hacks a la carte listed on the Hacks for Hire page, then let's talk. Ideally, you would also be comfortable working directly with clients to assess their projects, provide an estimate and complete the project. If you'd rather just code, that's fine, but I'll pay more for someone who can work without my intervention or attention. If you're interested, drop me an email from the contact page or call me at 231.584.2710 between 9-5 Pacific time.
Read full article
December 4, 2007:
The Paypal Storefront Widget, The fastest, easiest eCommerce solution for blogs
Comments: 24 | Categories:
Advanced Templates ,
Basic Templates ,
Blog Tools ,
News ,
Reviews ,
TypePad Stores ,
Web 2.0 ,
Widgets
The Paypal Storefront Widget which launched today is pretty darn close to the blog eCommerce solution of my dreams. There's a reason for that… which is that I worked closely with the development team that created it. Back in August,... Read full article
September 24, 2007:
Edit This Post Buttons for the Footer of TypePad Blogs
Comments: 2 | Categories:
Advanced Templates
One of the most useful hacks I've ever installed on my blogs is the "edit this post" button in the footer of each post. It's a great help when I want to make quick edits to older entries, which is... Read full article
August 28, 2007:
The Easy way to get audio, video, podcasts and photos posted to your blog
Comments: 0 | Categories:
Advanced Templates ,
AHA: Applied Hacking Awards ,
Blog Tools ,
Web 2.0 ,
Widgets
Jeff Meade at the Irish Philly Blog is my favorite kind of client— he's funny, personable, and once I've done a few basic things he digs in and learns how to go further on his own. Then he emails me... Read full article
June 1, 2007:
3 Columns Right Layout added to Standard Templates
Comments: 4 | Categories:
Advanced Templates ,
Basic Templates ,
News
One of the trickier hacks I've spent time on was getting the layout you see here at TypePad Hacks… A three column blog with both sidebars on the right. It's been one of the more popular hacks tutorials, and it's... Read full article
May 25, 2007:
Add Links to Recent Posts on Your Individual Entries
Comments: 8 | Categories:
Advanced Templates ,
Hacks for Navigation
Kevin C. Tofel wrote me this morning to share a cool hack he had come up with which he hopes will make his blog stickier for people who discover individual entries through search. He wrote: I was looking for a... Read full article
May 3, 2007:
Add a Free Forum to Your TypePad Blog in Minutes!
Comments: 18 | Categories:
Advanced Templates ,
Blog Tools ,
Community ,
Dialogue ,
Web 2.0 ,
Widgets
I've had a lot of requests since I started this blog to add a forum for readers to talk amongst themselves. I just did, and if you have a pro account, you can too! Not only that, but it's free... Read full article
May 1, 2007:
Cool New Comment Notification emails
Comments: 0 | Categories:
Advanced Templates ,
Hacks for Layout + Design ,
News ,
Typelists + Sidebars
I love the new format… Not only is it prettier, but it seems much more functional than the old style of comment notification.... Also, I way blew it on reporting the last big design change that dealt with TypeLists… If you haven't looked at your lists in the last month or so, there are a lot of major improvements to the TypeList interface. especially the ability to easily see the correct code for adding them to Advanced Template blogs (under the Publish tab). A quick tip I've been meaning to share: When you go to the Publish Tab for any Typelist, there's a list of links to all your advanced templates sets.... When I work on a redesign for those sites, it's handy to be able to easily open the design page for each blog by clicking the links on the TypeList Publish tab.
Read full article
April 22, 2007:
3 Custom Template Modules You'll Use Again and Again
Comments: 6 | Categories:
Advanced Templates
The entry-individual, entry-list and entry-list-sticky modules may be familiar to those of you who've hacked around with your templates much. All three of them are responsible for generating the post content on different pages of TypePad blogs, and all three... Read full article
April 19, 2007:
How to add content between your blog and the top of the browser
Comments: 8 | Categories:
Advanced Templates ,
Hacks for Ads ,
Hacks for Layout + Design
Say you'd like to put an ad banner above the header of your blog, or create a space to call attention to a special event? This is an easy hack to implement in advanced templates. As an example, take a... Read full article
February 8, 2007:
Rank Better in Google by Adding Dynamic Title Tags to your TypePad Blog
Comments: 21 | Categories:
Advanced Templates ,
Google
Phil Van Treuren at The Wal-Mart Files sent me a link some time ago to his tutorial on creating dynamic title tags for TypePad blogs. This is one of the easiest and most effective SEO (search engine optimization) techniques you... Read full article
February 2, 2007:
How to Hack Anything
Comments: 3 | Categories:
Advanced Templates ,
Changes + Updates ,
Corrections ,
Reference ,
TypePad Hacks
If you left a comment anytime between the launch of the new design and a few minutes ago, you may have noticed a nasty little bug that was causing the comment preview to display in the first sidebar instead of... Read full article
February 1, 2007:
Style Author Comments on Your TypePad Blog
Comments: 21 | Categories:
Advanced Templates ,
Hacks for Comments
Have you ever wanted to make your own comments stand out from those left by visitors to your blog? Aside from ego, there are good reasons to do so… by making it easy to see that you respond to comments,... Read full article
December 28, 2006:
Using TypePad to Tabulate Data
Comments: 1 | Categories:
Advanced Templates ,
Blog Tools ,
Hacks for Categories
Debra Hamel notified me of a really interesting new hack she came up which allows you to use TypePad's database structure to tabulate data from multiple entries on a single page. Deb used it to collect daily and weekly puzzle... Read full article
December 7, 2006:
How To Change the Order of TypeLists on your "About" Page
Comments: 2 | Categories:
Advanced Templates ,
Agenda Updates ,
Basic Templates ,
Hacks for Navigation ,
Hacks for Typelists
Some time back, Nuthatch requested the ability to change the order of TypeLists on the "About" page. Although there is currently no way to do this using TypePad's About Page Default Template, there are several hacks you can use to... Read full article
December 6, 2006:
More TypeList Hacks for Organization
Comments: 0 | Categories:
Advanced Templates ,
Agenda Updates ,
Hacks for Typelists ,
Typelists + Sidebars
Here are two more requested features from the Agenda Page that can be fixed by editing the Description Field for your TypeLists: It should be possible to see which blogs each TypeList is attached to from the "your TypeLists" page.... Read full article
December 6, 2006:
Easier Ways to Add New TypeLists to Advanced Template Blogs
Comments: 1 | Categories:
Advanced Templates ,
Agenda Updates ,
Hacks for Typelists ,
Typelists + Sidebars
One of the requested features on the Agenda Page reads: The "Your TypeLists" page should display the file name used by the system to identify the TypeList in advanced templates. Just as TypePad automatically creates permalink URLs for each post... Read full article
December 5, 2006:
How to Make TypeLists Without Titles
Comments: 8 | Categories:
Advanced Templates ,
Agenda Updates ,
Hacks for Typelists ,
Typelists + Sidebars
One of the requested features on the Agenda Page reads: I would like to be able to make a notes TypeList that does not display a title, only the content. There are times where it might be nice not to... Read full article
November 16, 2006:
Build Community with a Custom Comment Archive Page for Your TypePad Blog
Comments: 11 | Categories:
Advanced Templates ,
Blog Tools ,
Community ,
Dialogue ,
Hacks for Comments ,
Hacks for Layout + Design ,
Widgets
Debra Hamel who provided an excellent hack the other day (How To: Display Excerpts Rather Than Full Posts on Your Blog's Archive Pages) has sent me two more cool hacks! Debra rocks! Today I'll show you how to create a... Read full article
November 13, 2006:
How To: Display Excerpts Rather Than Full Posts on Your Blog's Archive Pages
Comments: 14 | Categories:
Advanced Templates ,
Agenda Updates ,
Hacks for Categories ,
Hacks for Layout + Design ,
Hacks for Navigation
Debra Hamel alerted me in a comment some time ago to a clever hack to she had discovered. Frustrated by the load time of long archives, she found a way to manipulate her template code so that it displays a... Read full article
November 7, 2006:
Keep Readers Happy With a Fast-Loading Blog, Part Two
Comments: 6 | Categories:
Advanced Templates ,
Hacks for Layout + Design ,
Hacks for Typelists ,
Widgets
The simplest solution is to encourage your readers to subscribe to your blog's feed and read your posts in RSS… But of course, when they do that, they don't see your nifty widgets at all, nor any of the rest of the site design you've worked so hard on. Also, not everyone understands RSS (for a truly brilliant explanation, you might want to put a link to How to explain RSS the Oprah way below your subscribe button).... The hacks described in the extended entry of this post will show you how to create a fast-loading blog that matches the overall design of your blog while stripping out the slow bits.... How to create a fast-loading secondary blog: Fred's second solution for slow page loads is a little more work to set up, but is a really great idea: He created a second blog that mirrored his content.... Rick answered my question with the following: We have a commercial publisher front-end to FeedBurner-hosted feeds called FeedFoundry, and one of the features of FeedFoundry is the ability to create custom XSLT pages that will style a feed.... What you'll want to do is create a copy of the index page and sidebar templates for your blog based on your current design, and edit out the items that slow down load speeds.
Read full article
September 27, 2006:
Amazon aStores… An Almost Amazing Alternative (or Addition) to Blog Advertising
Comments: 1 | Categories:
Advanced Templates ,
Basic Templates ,
Blog Tools ,
TypePad Stores
And an awesome excuse for annoying alliteration, as well! Heh. But I promise I'll stop that now, since what I really want to post is a review of the pros and cons of Amazon's aStore program. Note: Adding an Amazon... Read full article
July 29, 2006:
Update Your Advanced Template Blog To Make Technorati Tags Visible
Comments: 0 | Categories:
Advanced Templates ,
Blog Tools ,
Corrections ,
Issues
Craig McGinty wrote in with an update on using the new built-in Technorati Tags in TypePad. It turns out that blogs using Advanced Templates will need to update their template code before the feature will work. It's pretty easy, though,... Read full article
July 18, 2006:
How To: Place AdSense Ads In A Header at the Top of Your TypePad Blog
Comments: 6 | Categories:
Advanced Templates ,
Google ,
Hacks for Ads ,
Hacks for Layout + Design
Rich Owings sent me a hack for putting AdSense Ads at the top of TypePad blogs. He based it on my tutorial here for top level navigation menus, and also credits Gary at the Digital Point CSS forum, for helping... Read full article
July 16, 2006:
Trouble-Shooting Your Blog: Simple Mistakes can Have Complicated Results
Comments: 0 | Categories:
Advanced Templates ,
Community ,
Community Projects
This is a reader-participation post— I have a question I want to throw out to the crowd, but first a wee bit of set up to put it in context: Sometimes the simplest things can throw you… I actually have... Read full article
June 6, 2006:
How To: Insert Google AdSense Ads Between Posts on Your TypePad Blog
Comments: 33 | Categories:
Advanced Templates ,
Blog Tools ,
Hacks for Layout + Design
In the duplicate, you'll tinker with the <MTEntries> tag as I outline below, paste in your AdSense code, save the new module, and then swap out the default entry-list module for the new-and-improved module in your Main Index template.... 6) Now press Command + V (Ctrl + V) again to paste a second copy of the original entry-list code directly beneath the first set. The module should now contain two identical sets of <MTEntries> containers.... Step 5: Alter the <MTEntries> tags in the custom entry-list-main module 1) In the first <MTEntries> tag, set the value of the lastn attribute.... In Parent Hacks, I display a single post before my AdSense unit, so my first <MTEntries> tag looks like this: <MTEntries lastn="1"> ...... </MTEntries> (In English: show the next nine entries, starting with the second entry) If, instead of a single AdSense unit between the first and second post, you want to insert AdSense after say, every second post, your entry-list-main module would look something like this: <MTEntries lastn="2"> ...
Read full article
May 30, 2006:
MajikWidget Launches Public Beta Today
Comments: 1 | Categories:
Advanced Templates ,
Blog Tools ,
News ,
Widgets
MajikWidget creates and hosts a library of widgets that you can use to extend your blog's capabilities. They have an interesting model going… when you sign up, you get an automatic 25 credits to let you try out the service and see if you like it. In addition, if you head over today and sign up for the First Mover Advantage Club, they'll deposit 100 additional free credits into your account.... As explained on their request page: Linkware allows other users who use your suggested widget to setup an automatic link-back to your blog from your widget.... As of today, there are three widgets available for use: Post Rating Widget Polling Widget All Links in New Browser Window I'll be trying out some of the widgets here in the next couple days.
Read full article
May 29, 2006:
How To: Put Google Search in Your New Menu Bar
Comments: 4 | Categories:
Advanced Templates ,
Basic Templates ,
Blog Tools ,
Hacks for Navigation ,
Typelists + Sidebars
I've been delaying the post until I can get it to work across all browsers… right now, it doesn't display properly in Internet Explorer but seems fine in all the other browsers I've tried.... Actually, what I'm really hoping is that someone cleverer than I am can figure out a better way to add the search field to the CSS menu so that it does work right in IE.... So I enclosed the google code in it's own div tag, used some CSS for alignment and text style and pasted it in just above the menu list as shown below.... <div id="chromemenu"> <div style="float: right; font-weight: bold; color: #494949; padding: 4px; "> <!-- SiteSearch Google --> <form method="get" action="http://www.google.com/search">Search: <input type="text" name="q" size="5" maxlength="150" style="width:150px;" /><input type="hidden" name="domains" value="http://www.typepadhacks.org/" /><input type="hidden" name="sitesearch" value="http://www.typepadhacks.org/" /></form> <!-- SiteSearch Google --></div> <ul> <li><a href="http://www.typepadhacks.org/2006/03/start_the_purpo.html">Manifesto</a></li> When I figure out a better way to do this, I'll replace this post with clearer instructions.... Oh, and if you're using basic templates and want to add google search to a typelist, you can find great instructions for that in this post at Everything TypePad.
Read full article
May 24, 2006:
A Link Widget I Really Like, And A Hack to Use it In Advanced Templates
Comments: 13 | Categories:
Advanced Templates ,
Basic Templates ,
Hacks for Navigation ,
Hacks for Typelists ,
Widgets
This widget will install an invisible snippet of JavaScript on your site that will scan the page for links that point outside of your domain, and force those links to open in a new browser window. Any links that point inside your domain -- archive links, category links, individual entry links, etc. -- will open in the current browser window. Note that because this Widget just installs JavaScript on your blog, there will be nothing for you to preview during the Widget installation process.... No problem… I just added it to a basic blog, viewed the source code, found the JavaScript and pasted it into one of the TypeLists here. ...<script type="text/javascript"> (function() { var x = function() { var links = document.getElementsByTagName ?
Read full article
May 16, 2006:
How To: Create a Dynamic Horizontal Navigation Menu for TypePad Blogs
Comments: 83 | Categories:
Advanced Templates ,
Blog Tools ,
CSS ,
Hacks for Layout + Design ,
Hacks for Navigation
Navigate to this page in TypePad's Knowledge Base (preferably in a new tab or browser window) and copy the entry-individual template module code.... Scroll down until you see the following line of code: <h3 class="entry-header"><$MTEntryTitle$></h3> Replace that line of code with the following: <h3 class="entry-header"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h3> Click save. Navigate to this page in TypePad's Knowledge Base and copy the entry-list template module code.... Scroll down until you see the following line of code: <h3 class="entry-header"><$MTEntryTitle$></h3> Replace that line of code with the following: <h3 class="entry-header"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h3> and click save.... If you created new template modules in the previous steps, follow the next set of instructions: If you created new template modules for entry-individual and entry-list, return to the Design tab.
Read full article
May 13, 2006:
How To: Republish Your Blog Entries as Part of an Existing Website Using RSS Feeds
Comments: 5 | Categories:
Advanced Templates ,
Basic Templates ,
Hacks for Layout + Design ,
Hacks for RSS
This post was originally posted as an update on the FAQ page. I've since realized that it makes more sense to answer questions in separate posts, archived by category, and provide a link to the post in the comments where... Read full article
May 13, 2006:
Bug Check Your Blog! Resources for Fixing Code and Improving Accessibility
Comments: 0 | Categories:
Advanced Templates ,
Basic Templates ,
Blog Tools ,
Browsers
Sometimes it can be really difficult to track down bugs that cause your blog to display improperly… especially when the issue is not something you did in your template, but a mistake or typo in an actual post or TypeList.... Read full article
May 11, 2006:
My Blog Log: A Stats Program for Tracking Outbound Clicks From Your Blog
Comments: 6 | Categories:
Advanced Templates ,
Basic Templates ,
Blog Tools ,
Widgets
Not only does this give you an idea of which items your readers are most interested in, it gives you some sense of where they go when they're done reading (assuming they don't just close the tab or window when they move on). My Blog Log stats can be added to Basic and Plus accounts using a Widget, or to Pro accounts by adding a simple bit of javascript into your blog templates.... I've added it into my templates, so you should be able to see how it works by mousing over a few links on this page (if no one has a clicked a link since the last hourly update, it displays no information). You also get a stats report visible only to yourself, and can add a sidebar item that tracks the top outbound links of the day if you desire. When I went to look at my outbound links this morning (after 12 hours of activity), I was aghast to find that 11 of the top 20 outbound links last night were porn links that had been inserted into several of my most popular posts via comment spam.
Read full article
April 29, 2006:
Hosting HTML Pages with TypePad
Comments: 4 | Categories:
Advanced Templates ,
Corrections ,
Hacks for Layout + Design ,
Hacks for Navigation
In my post on creating a landing page, I said: TypePad doesn't allow you to host HTML pages created outside the blog. And now I need to issue a correction… because it turns out that you can create standalone HTML... Read full article
April 24, 2006:
Links to Blog Examples of Hacks
Comments: 11 | Categories:
Advanced Templates ,
Community ,
TypePad Hacks
MiamiGirl at The New Miamian posted a bit of a horror story today: So there I am on the Typepad Hack's website, going step-by-step...never looking back...he says to keep going when...FREAK OUT MODE...hit me in full force. I looked at... Read full article
April 20, 2006:
How to Link the Title of a Post to the Permalink URL in TypePad
Comments: 21 | Categories:
Advanced Templates ,
Hacks for Layout + Design ,
Hacks for Navigation
This Hack goes out to Phillip Molly Malone, who suggested it for the list of Agenda Items. I would love to have the ability to make the title of a post link to the Permalink URL. Posted by:Phillip Molly Malone... Read full article
April 17, 2006:
Turning Off Comments Site-Wide with Advanced Templates
Comments: 0 | Categories:
Advanced Templates ,
Hacks for Comments
I asked Craig McGinty to write a quick tutorial on his method for turning off comments site-wide without losing existing comments in the process. Here's his reply (with some edits for style). Thanks, Craig! The problem of comment spam came... Read full article
April 3, 2006:
Creating a Three Column Layout with the Post Column Aligned to the Right or Left Side of the Page
Comments: 17 | Categories:
Advanced Templates ,
Hacks for Layout + Design
Graham asked a great question recently on the Frequently Asked Questions page: I'd like to know if there is an easy way to make a three column design with the main post column being on the left while two list... Read full article
April 2, 2006:
10 Tips for Working with Advanced Templates
Comments: 9 | Categories:
Advanced Templates
Advanced templates can be daunting at times, and I'm sure some of us have had the same feelings expressed in a recent email I received: I have a TypePad Pro account and have dabbled in Advanced templates, but I always... Read full article
Recent Comments