Singpolyma - Technical Blog: FreshTags-Singpolyma

Singpolyma - Technical Blog

2006-02-28

body

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

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.)
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&id=818185"></script>
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.
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>
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:

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>
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>'
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>

Tags:

Singpolyma at Tuesday, February 28, 2006 | 26 | 0 Backlinks | permalink

There is an RSS Feed for comments on this post.

Comment at 28 February, 2006 20:00 by Johan Sundström

body

I didn't quite grok that bit about feed2json, but assume it has nothing to do with Del.icio.us?
Comment at 01 March, 2006 00:28 by Greg

body

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.
Comment at 01 March, 2006 01:24 by Singpolyma

body

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.
Comment at 10 March, 2006 19:05 by Richard

body

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!
Comment at 13 March, 2006 04:25 by Singpolyma

body

Alright, I think I've fixed the anchor problem -- let me know :)
Comment at 18 September, 2006 05:16 by california online orangevale school traffic

body

california online orangevale school traffic comparison online stock trading liver pancreas kenzo parfum weaning off of paxil quick payday loans 2 percocet sub prime signature only personal loans phendimetrazine 105mg phentermine and prozac
Comment at 18 September, 2006 05:25 by cheapest meridia price

body

cheapest meridia price mesotherapy cellulite commercial mortgage refinance download gratis indonesia mp3 yang naproxen used buy nexium online dr juice noni solomon tahitian norco little league ear nose and throat surgery obesity surgery journal
Comment at 18 September, 2006 05:33 by veterinary use of lorazepam

body

veterinary use of lorazepam lortab prescription lung cancer in dog symptom make money online canada airline meridia trans mesotherapy clinic mortgage company lakeland florida download mp3 somali song danger naproxen adverse reaction to nexium
Comment at 18 September, 2006 05:40 by helping quit smoking zyban

body

helping quit smoking zyban affect side zyrtec aciphex online acne inc scar treatment acyclovir ointment adipex buy rx usa.com air airfare business business cheap class class flight flight ticket travel air breeze compact ionic purifier quadra silent alprazolam 0.25mg lowest price ambien
Comment at 18 September, 2006 05:48 by effexor med xr

body

effexor med xr ephedra product lawyer herniated esophagus eyelid surgery denver face island lift staten fast cash in foreclosure fioricet addiction a.biz buy flexeril linkdomain online fluoxetine dosage forex ira trading
Comment at 18 September, 2006 05:56 by discount home shopping

body

discount home shopping comprehensive distance education learning online program cancer car donation america book drug in text use effexor xr discount ephedra plant esophagus in tumor laser eyelid surgery pasadena seattle face lift cash fast loan missouri
Comment at 18 September, 2006 06:05 by effects side winstrol

body

effects side winstrol valium vs xanax xenical fat blocker buy online pill zenegra zeno cholesterol drug effects side zocor zoloft site aldara xenical zovirax zyban zyrtec cessation smoking zyban allegra vs zyrtec
Comment at 18 September, 2006 06:12 by liver zoloft

body

liver zoloft creme zovirax bupropion zyban medication zyrtec aciphex side affect acne body scar acyclovir elion gertrude adipex drug information airfare cheap europe greece air breeze ionic purifier review
Comment at 18 September, 2006 06:21 by canada meridia

body

canada meridia mesotherapy texas broker indiana license mortgage free download indonesian mp3 song disease heart naproxen nexium cheapest 100 juice noni corona norco teacher association nose tip surgery group obesity support surgery toronto
Comment at 18 September, 2006 06:29 by laparoscopic lap band surgery

body

laparoscopic lap band surgery laser eye surgery rochester ny laser hair removal atlanta laser skin resurfacing artery in leg vein cialis levitra vs information insurance life whole arthritis lipitor colorado liposuction surgery loan maine online payday
Comment at 18 September, 2006 06:37 by buy cheap fioricet online

body

buy cheap fioricet online flexeril pregnancy fluoxetine online.com free forex trading chart gall bladder removal surgery generic viagra soft tabs glucophage er laser hair removal san diego hair replacement maryland carolina group health insurance north
Comment at 18 September, 2006 06:45 by cheap hotel in las nv vegas

body

cheap hotel in las nv vegas cheap airline ticket to orlando florida before and after picture of chemical peel chin reduction surgery cialis attorney columbus cipro drug collagen gel immunofluorescence cleanse colon review craps craps download game photo table free instant online credit report
Comment at 18 September, 2006 06:52 by free remover share spyware ware

body

free remover share spyware ware anti free removal spyware virus free stock video footage stomach symptom ulcer laser tattoo removal prices sales tenuate holdem texas tip winning symptom of overactive thyroid gland 3000cn cartridge dell printer toner dosages tramadol
Comment at 18 September, 2006 07:00 by dating

body

dating debt consolidation debt settlement dermabrasion diazepam didrex diet pill discount hotel discount shopping distance learning
Comment at 18 September, 2006 07:08 by butalbital pain medication

body

butalbital pain medication accommodation caribbean consolidators travel canada carisoprodol bad car company credit finance car insurance online qoutes 2 airport alicante car rental week advance cash cash cash emergency fast online service celebrex celecoxib information on a drug called celexa cheap flight plane ticket
Comment at 18 September, 2006 07:16 by celexa depression

body

celexa depression cheap city flight new york cheap edinburgh hotel in motel cheap air plane ticket to mexico chemical pasadena peel double chin reduction surgery lilly cialis cipro and pregnancy pure collagen tony colon
Comment at 18 September, 2006 07:24 by prescription zoloft

body

prescription zoloft buy zovirax review zyban discount zyrtec aciphex cheapest acne scar removal procedure get acyclovir diet adipex airfare airfare deal indoor air purifier
Comment at 18 September, 2006 07:33 by knee laparoscopic surgery

body

knee laparoscopic surgery california eye laser modesto surgery laser hair removal in new jersey laser resurfacing scar leg reticular vein levitra online agent alabama insurance life drug interaction - lipitor liposuction breast reduction antonio countrywide home loan san
Comment at 18 September, 2006 07:41 by 10 fluoxetine mg

body

10 fluoxetine mg currency trading forex spot rate constipation after gall bladder surgery canada overnight generic viagra glucophage overdose boston hair in laser removal las vegas hair replacement aetna care health insurance us hernia repair cost base business find here home opportunity
Comment at 18 September, 2006 07:50 by car donation los angeles

body

car donation los angeles drug city pharmacy effexor and alcohol metabolife 356 ephedra diverticulum of esophagus toronto asian eyelid surgery face lift houston texas approval cash fast guaranteed loan discount fioricet flexeril overdose
Comment at 27 December, 2006 09:19 by dalia

body

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 www.crdrx.com, 10/325 at www.10-325.com, vicoprofen at www.1vicoprofen.com and lortab at www.1lortab.com

Have a great day

2006-02-28

Trackbacks:

0 Backlinks

Syndication

FreshTags

Recent Comments

Archives