Tag Archives: Widgets
Articles

Chat Box Widgets for Tumblr


There’s a vast amount of Chat Widgets and addons for websites, and since Tumblr doesn’t have a chat widget built-in that can be added to either its sidebar or footer, we created this list of Tumblr Chat Widgets, you just have to go to the site, create and customize your chat addon and then grab and paste the code in your Tumblr theme’s html, or even the description box.

List of Tumblr Chat Widgets and Addons.

MeeboMe. Clearly, the most used Tumblr Chat Addon, both in Tumblelogs and other platforms as well.  Easy to customize, you can edit the username and sound control as well.

ZohoChat. If you don’t really like complex chat widgets, then adding this chat addon to your Tumblelog is the solution.  It’s easy to install and definitely the most simple of all, not many functions or options but works if you just want that little box where you can leave messages in real time.

Chatango. This is another Tumblr Chat addon that’s amongst the most used, it can be simple and has a high level of customization at the same time, yet simple to embed in your Tumblr.

CBox. It stands out since you control the message posting, blocking spam and blocking users, aldo highly customizable and free of course, unless you want the premium version.

NOTE: Have trouble inserting the Tumblr Chat widget?. Leave a message, we’ll help you.

The Best Tumblr Music Widgets


Here is a list with the best available (and free) Tumblr Music Widgets.  I chose this particular music hosting sites because you can actually choose from a wide range of artists and Tumblr doesn’t have limits as long as the music is hosted somewhere else.  You can add as many playlists as you want and make them play auto or not. This has nothing to do with audio posts, which actually have only a 10mb limit.

UPDATE: If you need to download music from Tumblr read the tutorial.

A List With The Best Tumblr Music Widgets.

Hypster: Hypster has become very popular among tumblr users, due to the availability of well known artists and mainstream songs, the only thing here is that you need to be registered to create the playlist.

GrooveShark: In my opinion this has to be the best Tumblr Music Widget, since it has all the features you look for:  All artists, all songs, endless playlists, customizable colors and size, autplay feature, etc. Go to grooveshark and get the code. (After you choose all the songs and make sure they play properly, there’s an option called Export at the left bottom of the screen, click there and it will take you to the widget edit screen)

BeeMP3: This music hosting site has a really broad range of songs to choose from, with the disadvantadge that you can only add 1 song at a time. Just search the song, artist, or album name, then grab the embed code.

StreamPAD: This site doesn’t host music but instead plays all your audio files that you uploaded to  Tumblr in a Chronological order. Go here to embed this tumblr music widget.

SCM Music Player

Download Tumblr Videos

Adding The Music Widget to Your Tumblr.

Now that you have the embed code, You can either insert the tumblr music widget directly to any of your posts or place it in your blog’s header, footer or sidebar.

  • Insert The Music Widget in a Post: You can publish any type of post and insert the music widget, but always click on HTML on the tools option from the post edit window, then you can paste the code.
  • Insert The Music Widget in a Sidebar: If you want to add the widget in the sidebar, you must first find the following code with control+F <section id=”side”>.   Remember that the tag name can change from theme to theme, this time is side, but it could be, sidebar as well. Now, you must place the embed code between these two additional lines of code.  Don’t break any other sections within the sidebar, or you will break the theme

    • <section>HERE GOES THE TUMBLR MUSIC WIDGET CODE</section>

If you want to add the code somewhere else in your Tumblr but don’t know how, post a comment here indicating your layout (preferably the url that points to the theme download page) and we’ll teach you how to do it.


Articles

Add a Tumblr Tumbleroll To Your Sidebar

Another great Tumblr Tip. Though many people actually try to hide their Tumblelog, others are trying to figure out how to insert it into their themes to generate the list of people you follow using their avatars as links to their tumblelogs.

This small tutorial will show you how to have your own Tumbleroll. In other words, how to display who you are following in Tumblr, showing their picture profiles.

Warning: If the people you follow are counted in the hundreds, it will be more convenient to create a tumblr blogroll on a separate page, we a tutorial for that as well.

Keep Reading

Adding and customizing your Hypster.com music widget on Tumblr.


There are many ways to add music on Tumblr.  From the very own Audio Post in Tumblr itself to the many sites that offer music widgets.

One of the best websites to get an MP3 music player to add on Tumblr is Hypster.com.  Register is easy and the most interesting thing is that they seem to have all the albums from the most popular bands.  You can create your own playlist and choose wheter to auto play or not.  Many tumblrs want to make the original Hypster music widget smaller, so it doesn’t take the whole space in the theme.

How to add and customize your Hypster.com music widget on Tumblr.


  • This is the original Hypster.com mp3 player as it appear with the original embed code:



  • If you want to make it look smaller, lets say “hide” the whole playlist displaying only the controls and the song name, you need to edit the code. We are interested in the width and height values, there are two pair of them in the widget, adjust them to something like width:160px and height:15px. You should also get rid of the image tag that is at the beginning of the code. Finally, change newplayer.swf for player.swf This is how it will look like after the tweak.





Featured Section

Back To Top Button Tumblr. Learn how to add buttons that let you quickly go to the very top of your Tumblr Blog, specially useful for those with endless scrolling enabled.

Love music players?, learn how to get music on tumblr by adding music widgets where you can create playlists with any track you want for free.

Featured Guides