Classic style Mybloglog widget

Mybloglog is one of the community program (now acquired by Yahoo!) are quite popular. So, to join to this community, you must have a Yahoo account. Mybloglog most users are bloggers and is one of the mybloglog widget "mandatory" that must exist in their blog. Well, here's how to change the look MyBloglog widget to the classic mode.

Default display of the widget is look like this :



and you will change to be like this ( or see in this blog at top corner ) :

Step 1 - Code customization

For example, this is my widget code. Copy your MBL ID ( bold type ):

<script src="http://pub.mybloglog.com/comm3.php?mblID=2008030815001341&amp;r=widget&amp;is=normal&amp;o=l&amp;ro=4&amp;cs=black&amp;ww=220&amp;wc=single&amp;l=a"></script>

And now, use this code and change with your MBL ID. Please set the size of the widget with your blog :

<script src="http://pub.mybloglog.com/comm2.php?mblID=YOUR_ID_HERE&amp;c_width=370&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script>

you can add some text after that code, like this :

<p align="center"><b>Join in our commuity now </b> : <a target="_blank" href="http://www.mybloglog.com/buzz/community/your community name/">
[ View ]</a> | <a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=YOUR_ID_HERE&ref=w">
[ Join! ]</a></p>

Step 2 - CSS code

Put this code after </b:skin> code

/* Mybloglog
--------------------------------------
*/
td.mbl_fo_hidden{display:none}
tr#tr0{display:none}
th.mbl_h{display:none}

And save all your works ! And now your widget turn in to classic. Happy blogging :)

Related Posts by Categories

Widget by Hoctro | Jack Book |