In this post i will explain how to implement “Expandible or collapsible” sidebar title.This applies only to the sidebar title with linklist that you have made. You can see this hack at right side of my blog. When you click on those titles, the widget will get expanded.
+/- Get Code for Expand/Collapse Sidebar Link
Featured Items - Top 10 Website Hosting Provider 2012
Want to host your website in one of the top rated Web Hosting company ? Ratings are collected from the user all over the world and given a ranking based on the user feedback. All Plan includes: Free domain, Unlimited Space, Bandwidth, unlimited sites, free marketing credits and which also includes attractive discount.
FIND OUT MOREFeatured Items - 200+ Popular HTML Email and Newsletter Templates for Effective Marketing
Do you want to market your products effectively ? Do you want to send newsletter to your customer in the way that you want ? Do you want full control over the email design ? There are 200+ great collection of E-mail and Newsletter HTML templates from Themeforest. Get into site directly and search for the suitable template that boost your sales and conversion rate.
FIND OUT MOREFeatured Items - WebHostingPad Starts at only $1.99/Month
WebHostingPad is a Cheap, Easy and Affordable web hosting provider with Free Website Builder and Website Transfer. They are running SPECIAL LIMITED PERIOD OFFER $1.99/month (Regularly $4.95.mo).
FIND OUT MOREFeatured Items - Collection of Best Premium Portfolio WordPress themes
Need to showcase your project work in a stunning way? These premium Portfolio WordPress themes will make your work easy for you. Perfect for showcasing Project, Photography, Video and Art work.
FIND OUT MOREFeatured Items - Business Class Hosting From Inmotion at Just $5.95
Inmotion is a No.1 Fast, Reliable and Affordable Hosting provider. Inmotion has earned 3 out of 3 rating from CNET to become a CNET Certified Service Provider. LIMITED TIME SPECIAL OFFER! - Get $1 Off / Month on your initial purchase
FIND OUT MORE
How to Implement :
1. Login to Blogger Dashboard
2. Go to Layout >> Edit HTML ( Backup your template first )
3. Without Expanding your template search for the code ]]></b:skin>
4. Copy and Paste the following CSS code right above the searched code ( or paste in CSS Section ).
.commentshown {display:inline}
5. Put the following code between <head> and </head>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className==”commentshown”) { whichpost.className=”commenthidden”; } else { whichpost.className=”commentshown”; }
} </script>
6. Place the following code between any of your section ( Without expanding ). For that search for sidebar sections <b:section>
<b:widget id=’LinkListXX‘ locked=’false’ title=’+/- YOUR TITLE‘ type=’LinkList’>
<b:includable id=’main’>
<script type=’text/javascript’>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;">');
//]]>
</script>
<b:if cond=’data:title’><h2><data:title/></h2></b:if>
<div class=’widget-content’>
<script type=’text/javascript’>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values=’data:links’ var=’link’>
<li><a expr:href=’data:link.target’><data:link.name/></a></li>
</b:loop>
</ul>
<script type=’text/javascript’>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>
7. Replace XX with unique number ( may be 1, 2, 3, .. it should be unique ) and +/- YOUR TITLE with title of the sidebar widget.
8. Preview and save your template