Friday, February 22, 2008

Add a Subscribe Drop Down to Blogger

Under Layout->Page Elements I added a Html/JavaScript element with the following code in it:



<a href="http://technorati.com/faves?sub=addfavbtn&add=http://techoflaw.blogspot.com"><img alt="Add to Technorati Favorites" src="http://static.technorati.com/pix/fave/tech-fav-1.png"/></a>

<style type="text/css">
/* http://simple Tricks.blogspot.com --- Dropdown Subscription Box
*/
.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em;background: url("http://simpletricksblog.googlepages.com/rss.jpg");cursor:hand;cursor:pointer;}
.img1 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addgoogle.gif"); cursor:hand;cursor:pointer;}
.img2 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif"); cursor:hand;cursor:pointer;}
.img3 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.netvibes.com/img/add2netvibes.gif "); cursor:hand;cursor:pointer;}
.img4 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/rss-bloglines.gif "); cursor:hand;cursor:pointer;}
.img5 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.newsgator.com/images/ngsub1.gif "); cursor:hand;cursor:pointer;}
.img6 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmymsn.gif "); cursor:hand;cursor:pointer;}
.img7 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addrojo.gif "); cursor:hand;cursor:pointer;}
.img8 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmyaol.gif "); cursor:hand;cursor:pointer;}
.img9 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addfeedlounge.gif "); cursor:hand;cursor:pointer;}
.img10 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addnewsburst.gif "); cursor:hand;cursor:pointer;}
/* End Simple Tricks Coding */
</style>
<script type="text/javascript">
function doOpen(obj)
{
var itm=obj.selectedIndex;
var val=obj.options[itm].value;

if(itm>0)//don't want the "subscribe..."
{
obj.options[0].selected=true;//set it back to subscribe
window.open(val);
}
return false;
}
</script>
<div class="widget-content">
<br/><select onchange="return doOpen(this);"><option value=""/>Subscribe...
<option class="img0" value="http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img1" value="http://fusion.google.com/add?feedurl=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img2" value="http://add.my.yahoo.com/rss?url=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img3" value="http://www.netvibes.com/subscribe.php?url=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img4" value="http://www.bloglines.com/sub/http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img5" value="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img6" value="http://my.msn.com/addtomymsn.armx?id=http://techoflaw.blogspot.com/feeds/posts/default&ut=feedurl&ru=http://simple-tricks.blogspot.com"/>
<option class="img7" value="http://www.rojo.com/add-subscription?resource=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img8" value="http://feeds.my.aol.com/add.jsp?url=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img9" value="http://my.feedlounge.com/external/subscribe?url=http://techoflaw.blogspot.com/feeds/posts/default"/>
<option class="img10" value="http://www.newsburst.com/Source/?add=http://techoflaw.blogspot.com/feeds/posts/default"/></select>
<br/><br/></div>


__________
Fav This Post!

No comments: