Stylish Floating Random Post MP3 Player + 4 Blogger Share Button

Stylish Floating Random Post MP3 Player + 4 Blogger Share Button

A few days ago I published Floating Random Post MP3 Player Share Button Plugin for WordPress, and now this widget is also available for Blogger users. Basically this widget has similar functionality to wordpress but the difference is that this blogger widget doesn’t have an options panel so you will have to hard code the script manually. But don’t worry, the setup is easy, even a new blogger can do it in seconds.

All you need to do is copy this widget script and add it to your template. Click on Template in your blogger’s dashboard »Edit HTML code» Continue, then add the script anywhere before . To make sure the script is parsed correctly, I suggest you to DOWNLOAD THE SCRIPT HERE, it has been tested and fully functional. Just save it as a plain text file (thewidgetname.txt). Or you can also try this script:

& lt; div id = & # 39; DVS_scroll_env & # 39; align = & # 39; center & # 39; & gt;
& lt; div id = & # 39; DVS_content & # 39; & gt;
& lt; div class = & # 39; social_share_dd & # 39; & gt;
& lt; div class = & # 39; addthis_toolbox addthis_default_style & # 39; & gt;
& lt; a class = & # 39; addthis_button_compact & # 39; & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_counter addthis_bubble_style & # 39; & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_button_preferred_3 & # 39; & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_button_preferred_11 & # 39; & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_button_preferred_12 & # 39; & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_button_google_plusone & # 39; g: plusone: waist = & # 39; small & # 39;

/ & gt; & lt; / a & gt;
& lt; a class = & # 39; addthis_button_facebook_like & # 39; fb: like: layout = & # 39; button_count & # 39; style = & # 39; margin-left: -21px & # 39; & gt; & lt; / a & gt;
& lt; script type = & # 39; text / javascript ‘ src = & # 39; https: //s7.addthis.com/js/300/addthis_widget.js’ & gt; & lt; / script & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; div class = & # 39; dvs_random_posts & # 39; & gt;
& lt; div class = & # 39; randpostscroll & # 39; id = & # 39; recommend & # 39; & gt;
& lt; div class = & # 39; boxBody ‘ & gt;
& lt; div id = & # 39; scrollRow ‘ & gt;
& lt; a class = & # 39; goLeft & # 39; id = & # 39; slide_left & # 39; href = & # 39; Javascript void 0); & # 39; & gt;
& lt; img src = & # 39; https: //2.bp.blogspot.com/-e_HzeXVLv_4/UGqcskTE1WI/AAAAAAAAATA/kLZ1LZVg-Zk/s1600/leftgree.png ‘width = & # 39; 13 & # 39; height = & # 39; 17 & # 39; style = & # 39; padding-top: 3px & # 39; / & gt; & lt; / a & gt;
& lt; a class = & # 39; goRight & # 39; id = & # 39; slide_right & # 39; href = & # 39; Javascript void 0); & # 39; & gt;
& lt; img src = & # 39; https: //2.bp.blogspot.com/-oi3LD5j6pGk/UGqc1NccdwI/AAAAAAAAATQ/SIMs-s1l2z8/s1600/rightgree.png ‘width = & # 39; 13 & # 39; height = & # 39; 17 & # 39; style = & # 39; padding-top: 3px & # 39; / & gt; & lt; / a & gt;
& lt; div id = & # 39; gscroll ‘ & gt;
& lt; div id = & # 39; gsub & # 39; & gt;
& lt; script type = “text / javascript” & gt; eval (function (p, a, c, k, e, r) {e = function (c) {return (c & lt; a? ”: e (parseInt (c / a))) + ((c = c% a) & gt; 35? String.fromCharCode (c + 29): c.toString (36))}; if (! ”. replace (/ ^ /, String)) {while (c -) r[e(c)]= k[c]|| e (c); k =[function(e){return r[e]}]; e = function () {return ‘ w +’}; c = 1}; while (c -) if (k[c]) p = p.replace (new RegExp (‘ b’ + e (c) + ‘ b’, ‘g’), k[c]); returns p} (‘2 3 = yz (); 2 l = 0; 2 5; 2 7 = H; L v (c) {2 f = B (coF $ G. $ t, K); 6 (i = 0; i & lt; 7;) {5 = 0; 3.g = 7; l = mA (mM () * f); 6 (ju 3) {8 (l == 3[j]) {5 = 1}} 8 (5 == 0 & amp; & amp; l! = 0) {3[i++]= l}} 9.b ( ‘& lt; hw = & quot; x & quot; & gt; ‘); 6 (nu 3) {2 p = 3[n]; 2 4 = co4[p-1]; 6 (k = 0; k & lt; 4.dg; k ++) {8 (4.d[k].D == ‘E ‘) {2 q = & quot; & lt; r & gt; & lt; s I = ‘J ‘ & gt; & quot; + & quot; & lt; ae = & quot; + 4.d[k].e + & quot; & gt; & quot; + 4.C. $ t + & quot; & lt; / a & gt; & lt; / s & gt; & lt; / r & gt; & quot ;; 9.b (q)}}} 9.b ( ‘& lt; / h & gt; ‘)} ‘, 49,49,’ || var | randarray | entry | flag | for | numofpost | if | document || write | json | link | href | total | length | ul

||||| Math || feed || item | li | div || in | nooprandomposts | id | holder1 | new | Array | floor | parseInt | title | rel | Alternate

| openSearch | totalResults | 7 | class | slidercontent | 10 | function | random’.split (‘|’), 0, {}))
& lt; / script & gt;
& lt; script type = & # 39; text / javascript ‘ src = & # 39; / feeds / posts / default? alt = json-in-script & amp; start-index = 1 & amp; max-results = 1000 & amp; callback = nooprandomposts’ & gt; & lt; / script & gt;
& lt; ul id = & # 39; holder2 & # 39; & gt; & lt; / ul & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; div class = & # 39; dvs_cret & # 39; & gt; & lt; script type = & # 39; text / javascript ‘ src = & # 39; https: //raw.githack.com/dvs11/baseclue/master/scrollercontroll.js’ & gt; & lt; / script & gt;
& lt; / div & gt;
& lt; div class = & # 39; dvs_mp3_player & # 39; style = & lt; left margin: -2px & lt; & gt;
& lt; object type = & # 39; application / x-shockwave-flash ‘ data = & # 39; https: //ia601508.us.archive.org/0/items/DVSMp3Player/DVS-Mp3Player.swf? soundFile = http: //a.tumblr.com/tumblr_m95mddcnAz1rqgo6wo1.mp3 | http: // n1.vmuzike.net/a/take_that/The_Flood|http://a.tumblr.com/tumblr_m0lvrmyikC1qaouiwo1.mp3 ‘width = & # 39; 233 & # 39; height = & # 39; 27 & # 39; id = & # 39; DVS-Mp3Player ‘ style = & # 39; margin-top: -1px; margin-left: -3px & # 39; & gt; & lt; param name = & # 39; wmode ‘ value = & # 39; transparent & # 39; / & gt; & lt; param name = & # 39; flashvars’ value = & # 39; autoplay = no & amp; loop = yes & amp; volume = 100 & amp; shuffle = no & # 39; / & gt; & lt; / object & gt;
& lt; / div & gt;
& lt; div class = & # 39; go_up & # 39; & gt;
& lt; a title = & # 39; Go up & # 39; href = & # 39; # & # 39; onclick = & # 39; MGJS.goTop (); returns false; & # 39; & gt;
& lt; img class = & # 39; go_up & # 39; border = & # 39; 0 & # 39; width = & # 39; 19 & # 39; height = & # 39; 18 & # 39; src = & # 39; https: //3.bp.blogspot.com/-7_9D_V7014Y/UGqclZMobpI/AAAAAAAAASw/PCuPnsb2D7c/s1600/up2.png ‘/ & gt; & lt; / a & gt;
& lt; / div & gt;
& lt; div class = & # 39; tootoop ‘ & gt;
& lt; a href = & # 39; # & # 39; onclick = & # 39; document.getElementById (& quot; DVS_scroll_env & quot;). style.display = & quot; none & quot ;; return false; & # 39; title = & # 39; Close & # 39; & gt;
& lt; img class = & # 39; tootoop ‘ border = & # 39; 0 & # 39; width = & # 39; 13 & # 39; height = & # 39; 13 & # 39; src = & # 39; https: //3.bp.blogspot.com/-N7i8gEJ5Qs0/UGqcpdG64OI/AAAAAAAAAS4/fVdhEBvALFM/s1600/close.png ‘/ & gt; & lt; / a & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; script type = & # 39; text / javascript ‘ & gt;
if (screen.width & gt; = 800) {
document.write (& quot; & lt; style type = & # 39; text / css & # 39; media = & # 39; screen & # 39; & gt; #DVS_scroll_env {width: 100%; height: 29px; padding-top: 4px; margin: 0; background: blue url (https://2.bp.blogspot.com/-AnQklY2_PHo/UGqc7zaW2GI/AAAAAAAAATY/fFrMg41C9vw/s1600/bg.png) top right; position : fixed; bottom: 0px; left: 0px; z-index: 99999;} & lt; / style & gt; & quot;);
} else {document.write (& quot; & lt; style type = & # 39; text / css & # 39; media = & # 39; screen & # 39; & gt; #DVS_scroll_env
{visibility: hidden; display: none} & lt; / style & gt; & quot;);}
& lt; / script & gt;
& lt ;! – Random post MP3 player share button floating by https://www.basiclue.com – & gt;
& lt; noscript & gt; & lt; style type = & # 39; text / css’ media = & # 39; screen & # 39; & gt; #DVS_scroll_env {visibility: hidden; display: none} & lt; / style & gt; & lt; h5 align = & quot; center & quot; & gt; Your browser does not support JavaScript! & lt; / h5 & gt; & lt; / noscript & gt;

If the script was added correctly, you will see the widget appear like the image below:

READ:   Prevent them from seeing your WhatsApp messages

Scroll of random messages, MP3 player + AddThiss button for Blogger

If you want to make a change or modification, here are some references to apply:

Change the position of the widget

You can place the widget on top or bottom, find this code:

/s1600/bg.png) at the top right; position: fixed;low: 0px; …

Use the bottom to place the widget at the bottom of your page or use the top to place it at the top.

Change the background color

By default, you will see that the background color is blue, find this code to change:

#DVS_scroll_env {width: 100%; height: 29px; padding-top: 4px; margin: 0; background:blue

Simply replace the “blue” with the color you want. You can use popular color code like red, green, black, etc., but you can also use hex code. For your reference, click here to find Over 300 color codes and HTML names or the base color with its gradation HTML Color Gradation – Main Color Code

Change MP3 URL

MP3 URL can be changed at any time, find this code:

http://a.tumblr.com/tumblr_m95mddcnAz1rqgo6wo1.mp3

This URL points to one of my favorite music, Bombshell Blonde, which is owned by Owl City. Replace this URL with the URL of your favorite song. Try to use MP3 URL of resume capability server for better MP3 download.

Set a random publication number

The default random post number is 7, but you can set it as needed. Find this code:

alternative | openSearch | totalResults |7| class |

Replace the “7” with any number up to 21 messages.

READ:   These are the NEW APPS for iPhone most outstanding of the week

Activate the AddThis analysis option

One of the interesting things about Random Post MP3 Player + Share Button for Blogger widget is the share button. I love the AddThis share button service, it has sharing networks on 300 popular sites, and I guess it’s the most comprehensive yet. Moreover, Addce share button also comes with analytics option, so you can track the number of shares created from your content. Of course, you will need to be registered before you can use this service (it’s completely free). If you are registered, find your publisher ID then insert it in this widget. Look for this:

… http: //s7.addthis.com/js/300/addthis_widget.js …
insert your username in »
… http: //s7.addthis.com/js/300/addthis_widget.js# pubid = your ID

Now your AddThis analytics will periodically give you a report on your email.

Note on Flash MP3 Player

Currently the Flash MP3 player used here is hosted and stored in the Dropbox file hosting it uses DVS-MP3Player. If this file is deleted or not available to the public, please host your own. Use this link to download it https://ia601508.us.archive.org/0/items/DVSMp3Player/DVS-Mp3Player.swf. Remember to replace the URL of the reader with your new address. Thank you for your cooperation and understanding.

Well, that will be all. Don’t forget to like this widget or LIKE the Facebook fan page to get the latest update for this widget and other cool stuff here. See also Thumbnail of related article with bubble tips and another cute page navigation with 5 Elegant page navigation style. I hope you like it !!!

Leave a Comment

Your email address will not be published. Required fields are marked *