Expandable Content Script for Blogger

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

I was very excited to use expandable content in my blog.It searched it for an hours and finally found it on the site named Flooble.This site contains multiple of Blogger Scripts,Blogger hacks and Many More.i think this is the greatest Hacks on this Site.They said they spent Full Two days to Build This Script.Now without wasting the time lets start creating This Hack on your blog.

The installation has Mainly two Parts . First is to put the Following Code Between <head> and </head> of your Template.Once you Paste the code in your Template you donot need to paste it again and again when you add more widgets.

<!-- flooble Expandable Content header start --><script language="javascript">// Expandable content script from flooble.com// Promoted by bloganol.blogspot.com// For more information please visit:// http://www.flooble.com/scripts/expand.php// Copyright 2002 Animus Pactum Consulting Inc.//----------------------------------------------var ie4 = false; if(document.all) { ie4 = true; }function getObject(id) { if (ie4) { return document.all[id]; } else {return document.getElementById(id); } }function toggle(link, divId) { var lText = link.innerHTML; var d =getObject(divId);if (lText == '+') { link.innerHTML = '?'; d.style.display = 'block'; }else { link.innerHTML = '+'; d.style.display = 'none'; } }</script><!-- flooble Expandable Content header end -->

And the second step is to Paste the following code to Your blog by adding a New page Element.But remember Don’t write The title in when you add the Code.

<!-- flooble Expandable Content box start --><div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;"><table border="0" cellspacing="0" cellpadding="2" width="100%"style="background: #000000; color: #FFFFFF; "><tr><td>Title Here</td><tdalign="right">[<a title="show/hide" id="exp1209796610_link" href="javascript:void(0);" onclick="toggle(this, 'exp1209796610');"style="text-decoration: none; color: #FFFFFF; ">?</a>]</td></tr></table><div id="exp1209796610" style="padding: 3px;">Content Here</div></div><noscript><a href="http://www.flooble.com/scripts/expand.php">thisexpanable content box is made using afree javascript from flooble</a> | <a href="http://perplexus.info/">logicproblems, math puzzles</a></noscript><script language="javascript">toggle(getObject('exp1209796610_link'),'exp1209796610');</script><!-- flooble Expandable Content box end -->

In the above code Replace Title Here with your Widget Title and Replace Content Here with your Widget Code and see how my Livetraffic Code looks Like.

<!-- flooble Expandable Content box start --><div style="border: 1px none #000000; padding: 0px; background: #ffffff;"><table border="0" cellspacing="0" cellpadding="2" width="100%"style="background: #e6e6e6; color: #000000; "><tr><td>Live TrafficFeed</td><td align="right">[<a id="exp1209792360_link" style="text-decoration: none; color:#000000; " href="javascript: void(0);" title="show/hide"onclick="toggle(this, 'exp1209792360');">?</a>]</td></tr></table><div id="exp1209792360" style="padding: 3px;"><scriptsrc="http://feedjit.com/serve/?bc=FFFFFF&tc=494949&brd1=ffffff&lnk=494949&hc=336699&ww=180"type="text/javascript"></script><noscript><ahref="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></div></div><noscript><noscript><a href="http://www.flooble.com/scripts/expand.php">thisexpanable content box is made using afree javascript from flooble</a> | <ahref="http://www.flooble.com/scripts/">free javascripts</a></noscript><script language="javascript">toggle(getObject('exp1209792360_link'),'exp1209792360');</script><!-- flooble Expandable Content box end --></noscript>

Not satisfied?Then Visit Flooble Expandable Content Script Creator page.

Consider to Subscribe to our RSS feed or Follow us at Twitter or Join our Facebook Fan Page.Enter your Email below to subscribe to our updates via Email.