Click the titles below to read the full post or use the drop-down Archives menu in the sidebar to select a different category:

April 2, 2008: Drag Links from firefox sidebar to your TypePad compose window
Comments: 0 | Categories: Blog Tools , Browsers , Hacks for Layout + Design , Hacks for Navigation
Just on a hunch, it occurred to me that I might be able to create links in a TypePad post by dragging a bookmark from the sidebar in Firefox to the compose window… you know what? It works! Oh man,... Read full article

June 17, 2007: Building a Better Contact Page with Embedded Google Maps and More…
Comments: 5 | Categories: Blog Tools , Hacks for Layout + Design , Reference
Lately I've been getting a lot of emails asking me where I'm located (because when I'm not writing custom code, I'm shipping heavy art by freight) or wondering how to call me (because I foolishly put the phone number way... 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 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

December 27, 2006: How To Add Expanding-Collapsing Menus With Subcategories to your TypePad Blog
Comments: 6 | Categories: Agenda Updates , Basic Templates , Blog Tools , Hacks for Layout + Design , Hacks for Navigation , Hacks for Typelists
Drop-down menus with subcategories that can be used in TypeLists is one of the most common feature requests I get. This hack goes out to pieman, who first requested it. See an example of how it looks at johntunger.com in... 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

November 6, 2006: Keep Readers Happy With a Fast-Loading Blog, Part One
Comments: 0 | Categories: Hacks for Layout + Design , Typelists + Sidebars , Widgets
There are more and more options to add widgets to your blog these days… I'll be posting reviews of some of these services soon, but first I wanted to run a little PSA on how best to use blog widgets... 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 6, 2006: Blog SideNotes: A Cool Alternative for Footnotes from arc90
Comments: 6 | Categories: Blog Tools , Hacks for Comments , Hacks for Layout + Design

They're a nifty little mix of CSS and Javascript that allow you to annotate your expanded thoughts in a little box off to the side of a blog post. Footnotes are a drag because they pull you out of the context by making you travel back and forth to the bottom of a page… one of the best things about reading online is that you can actually link to footnotes (and provide a return link) in order to minimize the hassle of navigating to the expanded information.... The box sets them off so that you know what they are, and you can choose to read them (or not) without breaking the flow of concentration.... Because they're styled with CSS you can easily change the appearance, but somehow, it just didn't really move me and shortly thereafter dropped off my radar. The original version required a bit of template modification to include the Javascript (it's possible you could just drop it in a Typelist, but I'm not sure.

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 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 8, 2006: Styling Author's Comments to Make Them Stand Out
Comments: 3 | Categories: Basic Templates , Hacks for Comments , Hacks for Layout + Design

I'm still working on some advanced template code to make author's comments stand out… In the mean time, here's a Hack suggested by Nuthatch for styling your comments to your own blog: One person requested, " I'd like an easy way to style the author's comments to make them stand out from reader comments."... When you leave a comment on your own blog, just style it in bold, or color, or whatever distinctive way you like using HTML tags.... I'd add one suggestion to this… Rather than adding the HTML tags to your own comments at the time you post them, I'd use the edit comments feature on the list comments page to add them in after. That way, you can go back and make sure that all your own comments on your blog are formatted the same way.... So you might also want to copy your comment to your clipboard before posting the edited version, just to be safe.

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 22, 2006: How To: Create a Landing Page for Your TypePad Blog
Comments: 5 | Categories: Agenda: Analysis , Hacks for Layout + Design , Hacks for Navigation
UPDATE: TypePad's Pages feature now makes this much easier and even allows you to set a page to display as your main index page. The post below is still a good reference for what you might want to think about... 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 15, 2006: Two Hacks: Adding New Typelists to Advanced Templates the Easy Way + Using the Compose Window to Find Style Tags
Comments: 3 | Categories: Hacks for Categories , Hacks for Layout + Design , Hacks for Typelists , Typelists + Sidebars
Hack One: Using the Compose Post tab to copy styles One of the things I love most about TypePad's compose window is the ability to cut and paste text or images from other sites and maintain the formatting. The most... 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

typepad hacks is a typepad featured weblog typepad hacks is listed on Alltop social media
typepad hacks a la carte code store typepad hacks custom tyepad template code
typepad hacks affiliate program

Subscribe

Email RSS Comments  
Subscribe to TypePad Hacks with email Read TypePad Hacks posts via RSS Join the conversation at TypePad Hacks via RSS (comments feed) subscriber count

Search

Search emoodicon blog

Share

Socialize

Twitter Logo
    follow typepadhacks on twitter

    Read and reply to the 100 most recent comments at the TypePad Hacks Community Page


    Grazr

    Colophon

    Powered by TypePad
    Member since 03/2005

    TypePad Status

    Creative Commons License