Author Topic: New Widgets! How to use & customize them  (Read 1680 times)

Offline Karen {Admin}

  • Top Mommy Blog Admin
  • Administrator
  • Hero Member
  • *****
  • Posts: 482
  • martinis: 24
  • Use @Karen to tag me in a post. TMB 3.0 Is A Go!
    • Posh Little
New Widgets! How to use & customize them
« on: Feb 10, 2016 @ 08:41 PM »
I only just began working on these so I hope to add more options soon. Currently we have a Top X members widget. By default it shows the top 30 current members. Why add this to your blog? Outside of it being a great sharing tool that supports your community, it has a built in banner & ref link so you can earn votes & potentially recruit some new blogs too!

If you scroll down the page and look on your right, you'll see what it would look like (below the TMB On Twitter widget).

Here's the code for the default Top Bloggers widget:
Code: [Select]
<div style="font-size:small"><a href="http://www.topmommyblogs.com/" target="_blank"><img border="0" src="http://www.topmommyblogs.com/images/stories/tmb_ssi_200.gif" alt="Popular Mommy Blogs" width="200" height="54"></a>
<iframe  style="border: 0px;"
src="http://www.topmommyblogs.com/ssi.php?num=30"
height="250" width="200"
scrolling="no" id="tmb"></iframe>
<br><a href="http://www.topmommyblogs.com/join/">Add Your Blog</a> | <a href="http://www.topmommyblogs.com">More Mom Blogs</a></div>

How to customize it.
You can show however many top bloggers you'd like by changing this chunk in the code num=30. So for example if you only wanted to show 15 bloggers, just change that number to 15. Want to show 50... change it to 50.

You can also overider the CSS to keep the thumbnails looking good and filling up the space (200px). For example if you want to change the number of bloggers to 15, edit like explained above and then and then add this into your css:

Code: [Select]
#ssitop li img {width: 50px;height: 50px}

Remember this is the default widget so if you are a HTTPS blogger, make sure to the TMB banner & text links with your special voting code.


Also, this widget uses iframes so it may not be compatible with all blog platforms.



 


Sponsors


TMB on Twitter

* Top Bloggers

* Forum Stats

  • stats Total Members: 5676
  • stats Total Posts: 9912
  • stats Total Topics: 4323
  • stats Total Categories: 7
  • stats Total Boards: 43
  • stats Most Online: 595

* Moderators

Karen {Admin} admin Karen {Admin}
Administrator
mommytime365 lmod mommytime365
Sr. Member

Recent Topics