Tag: soundcloud tooltip plugin

How to Add SoundCloud Player with Pretty Songs in WordPress Post Easily via WordPress Tooltip Plugin?

This document help wordpress music fans to build a SoundCloud Tooltip to insert pretty soundcloud songs / music / track / playlist / user …etc in wordperss posts in 2 minutes via wordpress tooltip plugin

What is Soundcloud?

Soundcloud is a social network that allow users to upload / stream their music / song / music / audio / podcasts…etc, and share / promote music file in any website. Soundcloud is founded in 2007 and now it is one of the largest music streaming platform in the world.

Now Soundcloud have 80 million activate monthly users and many of them want to share their music in their own site, for example wordpress blogs 🙂

What it Tooltip?

Tooltips are small popup box include more information like video /  audio / music / song / image / movie / wiki / text…etc and so, wordpress editor can insert multiple-media-information in these small popup window to keep a clean wordpress post style, users will find tooltip terms that have colorful underline in wordpress posts, and when user  mouse hover tooltip term, tooltips box will pop up. 🙂

What it WordPress Tooltip Plugin:

WordPress tooltip is a tooltips plugin for wordpress, developed by wordpress tooltip author Tomas in 2010, wordpress tooltip plugin will help wordpress editor create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.

wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts, or display on wordperss menu, comment, contact form, woocmmerce product, bbpress forum, buddypress activity…etc, with pretty effects and many more little amazing components and addons, for example, Bullets Screen 🙂

What is SoundCloud Tooltips?

SoundCloud Tooltip is an addon that included in wordpress tooltips pro plus plugin, after activated SoundCloud Tooltip addon, you can add pretty soundcloud songs / music / track / playlist / user …etc in wordperss post just in 2 minutes 🙂

How to Add SoundCloud Player with Pretty Songs in WordPress Post Easily via WordPress Tooltip Plugin?

1: login wordpress tooltip site to download latest version of wordpress tooltips pro plus plugin

2: login your wordpress site, delete old version of wordpress tooltip plugin, then upload and activate wordpress tooltip pro plus plugin

3: in wordpress dashboard, click tooltips menu item, it looks like this:

wordpress tooltip menus 14.3.6

wordpress tooltip menus 14.3.6

4:  In the screenshot, you can see there are “Addons” sub menu item, please click addons sub menu item to open wordpress tooltip addons management page.

5: At the bottom of wordpress tooltip addons management panel, you will find “Enable / Disable SoundCloud Tooltips” panel, please select “yes, enable soundcloud tooltip” option, and click the blue “Update Now” button to activate soundcloud tooltip addon

6: Now back to wordpress dasoboard and click tooltips menu, then click add new to open wordpress tooltip editor, at right hand of the wordpress editor, you will find there are new soundcloud tooltips metabox, it looks like this:

soundcloud tooltip metabox in wordpress tooltip editor

soundcloud tooltip metabox in wordpress tooltip editor

7: in “soundcloud tooltips metabox”, please enter your lovely songs URL in “soundcloud url” input text filed, actually in here, you can enter any kind of soundcloud url of songs / music / track / playlist / user …etc in here, our wordpress soundcloud tooltip support all these kind of url and display them in wordpress soundcloud tooltip popup window 🙂

8: You can custom the soundcloud player height in “soundcloud player height” input text field, for example, 200px.

9: You can custom the soundcloud player width in “soundcloud player width” input text field, for example, 360px. Please note, by default, wordpress tooltip plugin will setting 400px as width of wordpress tooltip popup window, if you want a larger soundcloud tooltip popup window,  you can custom it in wordpress tooltip style panel.

WordPress tooltip style panel looks like this:

wordpress tooltip pro plus style settings panel 17.3.8

wordpress tooltip pro plus style settings panel 17.3.8

10: As you can see, there are many amazing options to customize a pretty tooltip box and help users using tooltip easier.  For help users listen your lovely songs easier, Our suggestion is,  in “tooltip box custom setting” option, please setting “Tooltip hides when” as “Stay Open A While”, so when users hover tooltip term and found the tooltip box pop-up, they can mouse in tooltip box and click soundcloud button in tooltip window 🙂

11: In front end, when user hover the tooltip term which have a underline(you can custom color / style..etc) in your wordpress blog, they will find soundcloud tooltip box pop-up, and they can click to play or click to open orginal music in soundcloud.com…etc 🙂

There are a simple soundcloud tooltip demo, we will add more and more detailed document in this demo. 🙂

Conclusion:

WordPress Tooltip plugin support display unlimited soundcloud songs / music / track / playlist / user …etc in tooltip popup window, wordpress blogger can insert their lovely songs in small tooltip box and keep their wordpress clean and speed up your page load speed, you can custom soundcloud tooltip box style and actiions to with Tons of options, wordpress tooltip developer is adding more and more functionality of soundcloud tooltip in new version 🙂

Tagged with: , , , ,
Top