Singpolyma

Technical Blog

FreshTags-Singpolyma

Posted on

This post has been ‘deprecated’. Please see FreshTags-Singpolyma 2

I have for some time had my own version of the FreshTags system. In the past, all upgrades to this version have been seamless to the user, but this time the changes were too radical to allow that to work. I have rewritten the entire hack based off of the FreshTags v0.5 code. The major changes from FreshTags 0.5 are:

  • Hidden post page is used for displaying tags, instead of reloading the current page and displaying in the sidebar (the primary purpose of the original modifications)
  • Completely asynchronous data load — FreshTags no longer loads before the page content, but rather loads afterwards, resulting in a faster page load time
  • If no tag is selected one can be automatically pulled from relTag data on the page
  • Full support for peek-a-boo headlines in blogrolls

Please Note : If you are upgrading from my previous hack, you will need to remove all of its code from your template before upgrading. You will also have to edit the Tags post.

Basic Installation Instructions

  1. Create a new post on the blog you would like to implement this hack on with the title ‘Tags’ and click the ‘Edit Html’ tab for the post body, pasting the exact code ‘<div id=”freshtags_postpage”><i>Loading…</i></div>’ into the post body. Turn comments off for the post and set the post date to January 1, 2000. The time doesn’t matter. Post this post. (If you are upgrading from the previous version, just edit the post to contain the new code.)
  2. Edit the template for your blog and insert this code into the <head> section:
    <script type=”text/javascript”>
    //<![CDATA[
    var del_user = “delicious username“;
    var anchor = “anchor tag“;
    var defs = “”;
    var maxposts = 10;
    var freshtags_tags_id = “freshtags_tags”;
    var freshtags_posts_id = “freshtags_posts”;
    var freshtags_postpage_id = “freshtags_postpage”;
    //]]>
    </script>
    <script type=”text/javascript” src=”http://jscripts.ning.com/get.php?xn_auth=no&amp;id=818185

    Where ‘delicious username’ is the del.icio.us username you store your blog data in and ‘anchor tag’ is the anchor tag you use (if you use one). If you don’t use an anchor tag, just replace the words ‘anchor tag’ with nothing.

  3. Insert this code where you would like the tags drop-down to go:
    <div id=”freshtags_tags”><i>Loading…</i></div>
    <div id=”freshtags_posts”></div>
  4. Save your template and republish your blog

Customisation Options

  • no_autocapture — setting this variable to true will keep the script from attempting to grab relTag data from the page. For example, to keep a Blogger blog using this script from grabbing relTag data when on the main page use <MainPage><script type=”text/javascript”>var no_autocapture = true;</script></MainPage>
  • defs — setting this variable sets what tag(s) will be selected be default if the user has not selected any. This will do nothing if no_autocapture is not set to true unless the autocapture failes.
  • maxposts — the maximum number of posts to display in the sidebar
  • freshtags_tags_id — the ID of the block to put the tags dropdown in
  • freshtags_posts_id — the ID of the block to put the posts list
  • freshtags_postpage_id — the ID of the block in the Tags post
  • freshtags_tag_format — the format for the tags list (default is ‘drop-add’). For example, to use asynchronous post loading add this code to your template: <script type=”text/javascript”>var freshtags_tag_format = “drop-add-async”;</script>

Peek-A-Boo Blogroll Headlines
To add peek-a-boo headlines to your blogrolls follow the following steps:

  1. Add this code to the <head> section of your blog to facilitate the actual show/hide:
    <script type=”text/javascript”>
    //<![CDATA[
    function toggleitem(postid,linkid,newtxt,displaytype) {
    if(!displaytype) {displaytype = ‘block’;}
    var whichpost = document.getElementById(postid);
    if (whichpost.style.display != “none”) {
    whichpost.style.display = “none”;
    } else {
    whichpost.style.display = displaytype;
    }
    if(linkid) {
    var lnk = document.getElementById(linkid);
    lnk.href = “javascript:toggleitem(‘”+postid+”‘,'”+linkid+”‘,'”+lnk.innerHTML+”‘);”;
    lnk.innerHTML = newtxt;
    }
    }
    //]]>
    </script>
  2. Add this code just after the blogroll link you want to add peek-a-boo headlines for (it’s invisible defaultly, just the container for the headlines) ‘<div id=”blognameheadlines” style=”display:none;”><i>Loading…</i></div>
  3. If this blog stores post data in del.icio.us (they don’t have to use FreshTags necessarily) add this code just before the blogroll link (it’s the +/- link for showing/hiding the headlines):

    <a id=”blognamelink” href=”javascript:toggleitem(‘blognameheadlines’,’blognamelink’,’-‘); load_otherblog_titles(‘del.icio.us’,’other blog’s del.icio.us account username‘,’other blog’s anchor tag (if they use one)‘,’URL to other blog’s feed (optional)‘,’blognameheadlines’);”>+</a>

    Otherwise add this code to use just their feed:

    <a id=”blognamelink” href=”javascript:toggleitem(‘blognameheadlines’,’blognamelink’,’-‘); load_otherblog_titles(‘feed’,”,”,’URL to other blog’s feed‘,’blognameheadlines’);”>+</a>

11 Responses

Greg

Taking the FreshTags load off the critical path works a treat … it will be especially handy during the next delicious outage.

Speaking of which, how about an error message if the listTags/listTitles code returns empty? Eg.

http://ghill.customer.netspace.net.au/?tags=sdjfsdkjfhksd

The peek-a-boo blogroll is fantastic. Just a thought: I wonder if, given that the loading is now asynchronous, it couldn’t pre-expand some blogs ‘on spec’? I mean, as long as the number of posts per rolled blog isn’t excessive, what does the reader care if the page is over-eager in anticipating their interests? Or might this be too distracting and punishing on community infrastructure?

I ask because I’m contemplating this with my own FreshRolls implementation. Specifically, if the publisher has tagged a ‘peer blog’ with a tag that the reader selects – should that ‘peer blog’ get unfurled?

-Greg.

Singpolyma

RE feed2json — no, I am currently being forced to use the external service so that I can peek-a-boo recent headlines from a blog using their feed if there are not del.icio.us headlines to work with. Del.icio.us data is not affected 🙂

RE error message — already done for my Tags page. I don’t have the error displaying in the sidebar because I thought that could be distracting to the user.

RE blogroll — Currently I purposely have the headlines only loading on click. Makeing them auto-load would be no harder, I just wanted to keep the amount of stuff the page loaded by default to a minimum on my blog.

Richard

The anchor restriction doesn’t seem to be working on my blog. Instead, on both sidebar and tags page, it loads *all* my del.icio.us bookmarks with the appropriate tags, including pages from other blogs!

laparoscopic lap band surgery

” REL=”nofollow”>laser eye surgery rochester ny ” REL=”nofollow”>laser skin resurfacing ” REL=”nofollow”>cialis levitra vs ” REL=”nofollow”>arthritis lipitor ” REL=”nofollow”>loan maine online payday

cheap hotel in las nv vegas

” REL=”nofollow”>cheap airline ticket to orlando florida ” REL=”nofollow”>chin reduction surgery ” REL=”nofollow”>cipro drug ” REL=”nofollow”>cleanse colon review ” REL=”nofollow”>free instant online credit report

dating

” REL=”nofollow”>debt consolidation ” REL=”nofollow”>dermabrasion ” REL=”nofollow”>didrex ” REL=”nofollow”>discount hotel ” REL=”nofollow”>distance learning

celexa depression

” REL=”nofollow”>cheap city flight new york ” REL=”nofollow”>cheap air plane ticket to mexico ” REL=”nofollow”>double chin reduction surgery ” REL=”nofollow”>cipro and pregnancy ” REL=”nofollow”>tony colon

knee laparoscopic surgery

” REL=”nofollow”>california eye laser modesto surgery ” REL=”nofollow”>laser resurfacing scar ” REL=”nofollow”>levitra online ” REL=”nofollow”>drug interaction – lipitor ” REL=”nofollow”>antonio countrywide home loan san

dalia

I am really worried about the medications of many people use… thats the reason because show that theme to you… The Drugs like the fioricet

the most important things about fioricet

is a pain reliever and fever reducer.
is in a class of drugs called barbiturates that slow down your central nervous system (brain and nerve impulses) causing relaxation.
is believed to constrict dilated blood vessels that may contribute to tension headaches.
Together, acetaminophen, butalbital, and caffeine are used to relieve complex tension (muscle contraction) headaches although precisely how it works is unknown.
Fioricet may also be used for purposes other than those listed in this medication guide.

In the same calification we can find drugs like

Amoxicillin is used to treat certain infections caused by bacteria, such as pneumonia;
bronchitis; gonorrhea; and infections of the ears, nose, throat, urinary tract, and skin.
It is also used in combination with other medications to eliminate H. pylori, a bacteria
that causes ulcers. Amoxicillin is in a class of medications called penicillin-like
antibiotics. It works by stopping the growth of bacteria. Antibiotics will not work for
colds, flu, and other viral infections.
Amoxicillin comes as a capsule, a tablet, a chewable tablet, a suspension (liquid), and
pediatric drops to take by mouth. It is usually taken every 12 hours (twice a day) or every
8 hours (three times a day) with or without food. To help you remember to take amoxicillin,
take it around the same time every day.

Vicodin is a pain killer most commonly seen as a white tablet with the name “Vicodin, is
most commonly prescribed for persons experiencing pain after surgery or intense
pain. It helps calm a person down and increases their ability to relax and forget about
painful ailments (which speeds up recovery)

the Xanax ( Alprazolam ) is an anti-anxiety agent benzodiazepine used primarily for short-term
relief of mild to moderate anxiety and nervous tension. Alprazolam is also effective in the
treatment of activity depression or panic attacks. It can also be useful in treating
irritable bowel syndrome and anxiety due to a neurosis,

you can find more information about vicodin at http://www.crdrx.com, 10/325 at http://www.10-325.com, vicoprofen at http://www.1vicoprofen.com and lortab at http://www.1lortab.com

Have a great day

Leave a Response