How To Create Floating Social Tabs Widget in Blogger

Advertisements
Do you want to convert your Visitors into Social Followers? Well, it is the dream of every blogger to get as many social followers they can. Mostly they use different services to buy Real Social Networking Fans, but those fans neither Comment or like any status updates. Therefore, the ideal way to convert new visitors into Social Followers is to utilize Different Social Networking widgets so anyone can easily use them without any hesitation whatsoever. On the other hand, by adding lots of Social Widgets it could affect the speed of a website. Keeping that in mind, Our MBL Developers have created a Remarkable Widget that has all the Popular Social Networking websites. Sounds great? Indeed. Today in this Tutorial, we will integrate Social Media Tabs in Blogger Enabled Website.

Where This Social Tab Will Appear?

Before, we get on to our Tutorial let us first learn where this widget will appear in a website. Since, this is a Tabbed Widget. Therefore, it is extremely small in size so it wouldn’t take a large space on a website. We have integrated a Slide out Functionality that would produce sparks in the eyes of visitors. It will appear at the Top-right side of the screen. To clear your concepts, we have included a screenshot. Consider the following screenshot.

How This Floating Social Tab Looks Like?

Since, it is a tabbed widget. Therefore, it will appear in a form of a strip. However, when someone will select their personal favorite Social Networking website it will slide out all the details about it. For Example, a person Press “Facebook Tab” then, it will display the latest status updates and the like button. Take a look at the following screenshot. 

How To Create Floating Social Tabs In Blogger:

The steps mentioned below are extremely straightforward, and it would hardly take less than 10 minutes to complete the integration. We have tried our best to minimize the steps. So, let us start with our tutorial. Consider the following steps.

  • Go To Blogger >> Template >> Edit HTML >> Proceed.
  • Now In the template search for ]]></b:skin> and above it paste the Following CSS Code.

/* --- MyBloggerLab SocialTabs Plugin For Blogger --- */
.MBL-slideshow{
height:400px;
display:inline-block;
position:fixed;
left:0;
top:50px;
width:35px;}


.MBL-slideshow.wk_right{
left:auto;
right:0;}

.wk_containt-button{
background-image:url("http://3.bp.blogspot.com/-Lhrq9Oz0SXI/ULTI5OOV02I/AAAAAAAAIfk/APiSTHC6-Fw/s1600/wk_social_tab.png");background-repeat:no-repeat;
cursor:pointer;
display:inline-block;
height:36px;
position:relative;
width:35px;
margin-bottom:5px;
left:0px;
top:40px;}

.MBL-slideshow.wk_right .wk_containt-button{
left:auto!important;
right:0px;}

.wk_containt{
display:block;
left:0;}

.MBL-slideshow.wk_right .wk_containt{
left:auto!important;
right:0px;}

.wk_data{
border:5px solid #ff0000;
border-left:none;
display:inline-block;
left:-305px;
position:absolute;
height:360px;
overflow:hidden;
background-color:#FFF;
width:285px;
z-index:9999;
top:0px;
border-radius:0px 13px 13px 0px;}

.MBL-slideshow.wk_right .wk_data{
left:auto!important;
right:-300px;
border:5px solid #ff0000;
border-right:none;
border-radius:13px 0 0 13px;}

#wk_facebook{
background-position:-45px -41px;}

#wk_linkedin{
background-position:-5px -0px;}

#wk_google{
background-position:-5px -82px;}

#wk_twitter{
background-position:-45px -82px;}

#wk_youtube{
background-position:-5px -41px;}

#wk_pintrest{
background-position:-45px -0px;}

#pintester-board{
height:321px;
list-style:none outside none;
overflow:auto;
margin:0px;
padding:0px;}

#pintester-board li{
background-color:#FFFFFF;
box-shadow:0 1px 2px rgba(34,25,25,0.4);
font-size:11px;
padding:15px 15px 45px;
width:192px;
margin:10px auto;
overflow-y:auto;
overflow-x:hidden;
border-bottom:1px solid #ccc;}

#pintester-board li .pinitem{
display:inline-block;
padding:5px;
background:#ccc;
width:200px;}

#pintester-board li .pinitem img{
background:none repeat scroll 0 0 #FFFFFF;
border:medium none;
margin-bottom:2px;}

#pintester-board li .pinitem a{
display:block;
text-align:center;}

#pintester-board .date{
background-color:#F2F0F0;
bottom:0;
color:#8C7E7E;
display:block;
font-style:normal;
font-weight:bold;
left:0;
padding:5px 10px;}

.profile h3{
background:none repeat scroll 0 0 #ECECEC;
border-bottom:1px solid #CCCCCC;
padding:10px;
position:relative;}

.profile h3 a{
color:#555555;
display:inline-block;
letter-spacing:1px;
padding:3px 0 0 20px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:uppercase;
margin:0;
text-decoration:none;
font:bold 12px/14px Arial,sans-serif;}

.profile .dcsmt-btn{
background:none repeat scroll 0 0 #FF0000;
border-radius:3px 3px 3px 3px;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font:bold 12px/14px Arial,sans-serif;outline:medium none;
padding:5px 8px;
position:absolute;
right:10px;
text-decoration:none;
top:6px;}

.wk_data .profile{
padding-bottom:5px;
height:20px;}

.profile h3{
margin:0px;
text-align:left;}

#google-board{
height:295px;
overflow:auto;}

#google-board .meta{
color:#999999;
display:block;
font-size:90%;
padding-top:3px;}

#google-board .thumb img{
background:none repeat scroll 0 0 #FFFFFF;
border:3px solid #ECECEC;
padding:1px;}

#google-board .title{
color:#333333;
margin-bottom:5px;
text-decoration:none;}

#google-board .title:hover{
text-decoration:underline;
background-color:transparent;}

#google-board .meta span{
display:block;
float:left;
line-height:12px;
margin:0 8px 5px 0;
padding:0 0 0 15px;}

#google-board .meta span.plusones{
padding-left:0;}

#google-board li
{border-bottom:1px solid #CCCCCC;
font-size:15px;
overflow:hidden;
padding:10px 5px;
text-align:left;}

#google-board .thumb{
float:left;
margin:0 10px 0 0;}

#google-board span.shares{
background:url("http://2.bp.blogspot.com/-n0eM0NjrirU/ULTJUIn_ZgI/AAAAAAAAIfs/AS66Eftyf7s/s1600/shares.png") no-repeat scroll 0 0 transparent;
padding-left:20px;}

#google-board span.comments{
background:url("http://1.bp.blogspot.com/-DUUnFRSvHNQ/ULTJVIYDD-I/AAAAAAAAIfw/EF5X96oD14o/s1600/comments.png") no-repeat scroll 0 0 transparent;}

#google-board .date{
display:block;
clear:both;}

#google-board{
list-style:none outside none;
margin-top:-14px;
overflow:auto;
padding:5px;
background-color:#fff;}

.g-plus{
height:50px;
border-bottom:1px solid #ccc;
margin-bottom:15px;
background-image:url("http://2.bp.blogspot.com/-uIWqKNwZONA/ULTJWSzhWzI/AAAAAAAAIf8/kPzxYUvL1-U/s1600/google_err.png");background-repeat:no-repeat}

.wk_youtube_head{
overflow:hidden;
height:104px;}

#wk_youtube_header{
overflow:hidden;
height:104px;
width:100%;
border:0;}

#wk_youtube_data{
background-color:#ffffff;
height:258px;
width:285px;
overflow-y:auto;
overflow-x:hidden;
border-top:1px solid #ccc;}

#wk_youtube_datalist{
list-style:none;
margin:0 auto;
padding:6px 0 0 12px;}

.wk_youtube_link{
height:45px;
float:left;}

.wk_youtube_img{
width:70px;
height:45px;
float:left;}

.wk_clear{
clear:both;}

.wk_youtube_lebal{
display:inline-block;
margin-left:10px;
width:170px;}

a.wk_youtube_subject{
color:#333;
text-decoration:none;}

a.wk_youtube_subject:hover{
text-decoration:underline;}

#wk_youtube_datalist li{
clear:both;
padding:5px 0px;
border-bottom:1px solid #CCC;}

  • Then Save the Template and proceed to the next step. 

How To Add Floating Social Tab Widget in Blogger?

  • Now Go To Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript.
  • Then in the HTML Box paste the following JavaScript Coding.
<script type="text/javascript"> if (typeof jQuery == 'undefined'){document.write(unescape("%3Cscript src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));}</script><script src="https://mybloggerlab.googlecode.com/files/MBL-slideshow.js"></script>
<!-- Facebook Social Tab-->

<div class="MBL-slideshow "><div class="wk_containt"> <span class="wk_data" style="border-color:#3C5B9B;"><script type="text/javascript">(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-root" id="fb-root"></div> <div class="fb-like-box" data-colorscheme="light" data-href="http://www.facebook.com/mybloggerlab" data-width="300" data-height="360" data-show-faces="true" data-stream="false" data-header="false"></div> </span> <span class="wk_containt-button" id="wk_facebook"></span> </div>


<!-- Google Plus Social Tab-->

<div class="wk_containt"> <span class="wk_data" style="border-color:#F63E28;"> <div id="googal-tab" class="tab_div ui-tabs-panel"> <div class="g-plus" data-height="69" data-href="https://plus.google.com/u/0/106374439082237286396" data-rel="author"></div> <script type="text/javascript">(function(){var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();
</script><ul id="google-board"></ul> </div> </span> <span class="wk_containt-button" id="wk_google"></span> </div>


<!-- Twitter Social Tab-->

 <div class="wk_containt"> <span class="wk_data" style="border-color:#2DAAE1;"> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 7,interval: 30000,width: 287,height: 275,theme: {shell:{background: '#2DAAE1',color: '#ffffff'},tweets: {background: '#ffffff',color: '#000000',links: '#47a61e'}},features:{loop: false,live: false,scrollbar: true,avatars: true,behavior:'all'}}).render().setUser('mybloggerlab').start();</script> </span> <span class="wk_containt-button" id="wk_twitter"></span> </div>

<!-- YouTube Social Tab-->

 <div class="wk_containt"> <span class="wk_data" style="border-color:#FE3432;"> <div class="wk_youtube_head"> <iframe id="wk_youtube_header" src="http://www.youtube.com/subscribe_widget?p=mybloggerlab" scrolling="no" frameBorder="0"></iframe> </div> <div id="wk_youtube_data"> <ul id="wk_youtube_datalist"> </ul> </div> <script>var wk_youtube_user_id='mybloggerlab';</script> </span> <span class="wk_containt-button" id="wk_youtube"></span> </div>

 <!-- Pinterest Social Tab-->

 <div class="wk_containt"> <span class="wk_data" style="border-color:#CB2027;"> <div id="pintester-tab" class="tab_div ui-tabs-panel"> <div class="profile"> <h3><a class="btn-type-pinterest" href="http://www.pinterest.com/fosterzone">Pinterest</a></h3> <a class="dcsmt-btn btn-type-pinterest" href="http://www.pinterest.com/fosterzone">Follow on Pinterest</a> </div> <ul id="pintester-board"></ul> </div> <script type="text/javascript">var wk_pintrest_id='fosterzone';</script> </span> <span class="wk_containt-button" id="wk_pintrest"></span> </div> </div>

Customization:
  • Replace http://www.facebook.com/mybloggerlab with your Facebook Page URL.
  • Replace mybloggerlab with your YouTube username.
  • Replace 106374439082237286396 with your Google+ ID. You can find it at the end of your Google Plus URL i.e. plus.google.com/u/0/106374439082237286396
  • Replace  mybloggerlab with your Twitter user name.
  • Replace http://www.pinterest.com/fosterzone with your Pinterest profile URL.
All Done: After doing all the customization its time to Save the widget, just press the Save Button. That's it, go a head and checkout your website. We are sure you will enjoy the picture perfect result.

Frequently Ask Questions:

Question#1: It would Work on WordPress?
  • Yes, it will work on any platform that supports CSS and JavaScript. A person can easily integrate it on his WordPress Enable Website without facing any problem whatsoever. However, if anyone gets stuck don't feel any hesitation while dropping your problem in the comments. 

From the Editor’s Desk:

Hope you guys have enjoyed the tutorial. Well, this widget was extremely extraordinary for our team because it took a lot time to develop. We failed again and again, but the end results were remarkable. However, today our team nailed it. What are your thoughts about the Social Tabs? Take a lot care till then, Peace, Blessings and happy Tabbing. 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

66 comments

November 18, 2012 at 11:15 AM

Blockbuster Post :D

Editorial Team MOD
November 18, 2012 at 11:19 AM

Finally, Your Request is Complete. Happy With It? Peace and Blessings

November 18, 2012 at 11:26 AM

Thanks bro. appreciate alot :)

November 18, 2012 at 11:49 AM

Fantastic work, bro :)
Love ya <3

Editorial Team MOD
November 18, 2012 at 11:50 AM

Its nice to see you Faizan Buddy..Thanks for liking it Peace.

Editorial Team MOD
November 18, 2012 at 12:23 PM

Take Care! Thanks Man!

November 18, 2012 at 12:24 PM

sooper dooper hit movie

November 18, 2012 at 1:19 PM

Wow...

The most awaited tutorial....

Thank you for this code webmaster...

More Blog Tools.

-JayRyan-

November 18, 2012 at 2:03 PM

Wow! Amazing job! That's one impressive looking widget. Thanks :)

November 18, 2012 at 6:10 PM

nice buddy....

November 18, 2012 at 6:59 PM

Pre cool . but how can i use this on tumblr ???

November 18, 2012 at 7:32 PM

super duper post
was waiting for this !!
Your Pc Genie

November 18, 2012 at 8:59 PM

A perfect widget, MBL Always comes up with awesome , mind blowing widgets and designs ! One word : Awesome!

November 18, 2012 at 9:04 PM

Really Its useful widget for every blogger. thanks for sharing this :)

Regards
Rahul Kashyap
Blog: SDMMovies.com | Movies4u.US

Me
November 18, 2012 at 9:11 PM

All I had to do was join "AddThis" and add the widget. All this template editing is too cumbersome

November 19, 2012 at 1:13 AM

Superb !!!!!

November 19, 2012 at 5:45 AM

Please tell how 2 brand images?

Editorial Team MOD
November 19, 2012 at 8:59 AM

I Don't think so, you don't need "Addthis" Widget at all. And the Steps are so simple, Even a Kid can easily follow then. Peace and Blessings

November 19, 2012 at 6:29 PM

@Syed Faizan Ali

How about my request? :)

Thanks Again Syed. God Bless!

- Jho

Anonymous
November 19, 2012 at 8:52 PM

I am having some troubleshooting to implement this awesome widget in my blogger blog, All social iconds are not visible, please have a look at my blog and suggest changes. Looking forward. Thanks
My Blog | PremiumStuffGuru

Editorial Team MOD
November 20, 2012 at 12:06 AM

I Think your theme has a problem, try it on other themes. Peace

November 20, 2012 at 9:26 PM

awsome widget, i have successfully installed it, www.meromaya.net

Editorial Team MOD
November 21, 2012 at 12:36 AM

We will soon write a tutorial on it!

Editorial Team MOD
November 21, 2012 at 12:37 AM

Sound Great, Keep on Following MBL

November 21, 2012 at 12:46 AM

brilliant widgets ever bro..thanks for sharing..

BLOGGER Tips and Tricks!

November 22, 2012 at 1:02 AM

Awesome widget syed bro. really very nice... thanks for your effort

www.NewBloggerTips.com
How to Handle Online Criticism and Comments

November 22, 2012 at 1:02 AM

not working bro

http://widgetgenerators.blogspot.com


when i click on icon nothing is coming out.

Editorial Team MOD
November 22, 2012 at 1:04 AM

It is working perfectly on our Demo and other Blogs. There is problem in your Template. or coding is conflicting with each other.

November 22, 2012 at 7:31 AM

Yes, i agree with Hemant, it doesnt also working on mine. I agree there is some kinda conflict on codes and i would really loved this to be installed on my website. sigh.....

http://www.pics-2-share.com

Anonymous
December 1, 2012 at 5:18 AM

i am getting a problem that its not showing the contents of my google+ profile.

Editorial Team MOD
December 1, 2012 at 6:24 AM

To Make it Work, Do As Mentioned Below.

1.Download This File.
http://mybloggerlab.com/Scripts/MBL-slideshow.js

2.Open it in a Note Pad and Search For "106374439082237286396" Once you find it Just Replace it With Your Google Plus URL ID. i.e., plus.google.com/u/0/106374439082237286396

3.Then upload the File to your Web Host renaming the File to MBL-slideshow.js.

4. Now After Uploading. Replace the Uploaded link with
http://mybloggerlab.com/Scripts/MBL-slideshow.js

DONE! Hope that Help. Peace

Anonymous
December 2, 2012 at 2:41 AM

Thanks a lot buddy. i thought the same but not wanted to damage your script.

Anonymous
December 2, 2012 at 2:51 AM

by the way in javascipt actual url is this that should be changed.
https://www.googleapis.com/plus/v1/people/116601631738390005674/activities/public

December 2, 2012 at 7:25 AM

Aslamualaikum
its not showing my google plus profile :( :(

Editorial Team MOD
December 2, 2012 at 10:10 AM

Don't change the URL. Just Replace The Google PLUS ID.

Editorial Team MOD
December 2, 2012 at 10:11 AM

We have Described the Instruction in Above comment. Please follow them. Peace

December 23, 2012 at 12:17 PM

hello I can not put this widget in the right place, can you help me

December 29, 2012 at 2:32 AM

Amazing Widget Broo..Thanx a lot i have applied to my blog thanx a lot :)

January 1, 2013 at 6:12 AM

Hi,

Its a really nice widget. I was wondering if it is possible to add a linkedin tab there. Is it possible ?

Thanks

January 8, 2013 at 5:40 AM

Hi this widget is good but i have a problem with my google plus tab please help
with a code
my google plus id is
https://plus.google.com/109886626507686688949

Editorial Team MOD
January 8, 2013 at 7:19 AM

To Make it Work, Do As Mentioned Below.

1.Download This File.
http://mybloggerlab.com/Scripts/MBL-slideshow.js

2.Open it in a Note Pad and Search For "106374439082237286396" Once you find it Just Replace it With Your Google Plus URL ID. i.e., plus.google.com/u/0/106374439082237286396

3.Then upload the File to your Web Host renaming the File to MBL-slideshow.js.

4. Now After Uploading. Replace the Uploaded link with
http://mybloggerlab.com/Scripts/MBL-slideshow.js

DONE! Hope that Help. Peace

January 9, 2013 at 3:25 AM

Thnx for that

March 4, 2013 at 9:27 PM

Love it. How about Instagram integration?

Editorial Team MOD
March 5, 2013 at 12:13 AM

That's Indeed a Great Idea

March 24, 2013 at 1:18 AM

Thank you so much for this. It's hard to find a social tab slider for free.

Is there a way where we can show the contents of our facebook page or account in the tab slider rather than show the people subscribed? Thanks!

March 24, 2013 at 1:19 AM

You might have 2 conflicting Jquery.

Editorial Team MOD
March 24, 2013 at 1:53 AM

Yup, But for that we have to tussle up with Facebook API. Lets see if our developers can code that. Peace

March 24, 2013 at 8:52 PM

I really like how this website: http://parajunkee.com/ was able to make such an awesome social slider. Your codes are the closest I could find to copy what that site has. There are many sliders out there with viewable facebook content, only they come with a price.. I was hoping you could decode how it's done. Thanks for making things free. XD

Btw, I don't how but yesterday my tab for google+ shows my contents after following your instructions for that MBL-slideshow.js thingy. But now, I can no longer see my contents. I wonder what has gotten wrong. Any ideas?

Editorial Team MOD
March 25, 2013 at 1:59 AM

That site is on WordPress. They might be using PHP. Though, we have told our team to code a Social content slider. Hopefully, they would come up with something new.

That Google+ Tab is not showing due to the fluctuation in Google+ API.

March 25, 2013 at 9:24 PM

I just figured out how to change my preferences in the facebook box.Turns out it was rather easy.
I just have to change data-stream="false" to "true"

March 28, 2013 at 3:11 PM

It only works once bro! any help??

Editorial Team MOD
March 29, 2013 at 12:20 AM

Can you provide your Blog URL?

April 25, 2013 at 10:48 AM

Hi,

first of all - I love the widget and it works perfectly for my website. However, I have noticed that when browsing my website on tablets or mobile devices where it is touch-screen oriented, the sliders slide out but have trouble going back in. I think a solution to this issue would be to have to slider open and close when one clicks or touches the social media icons. How would I go about tinkering with the code to make this happen?

Thanks,

Jon

Editorial Team MOD
April 25, 2013 at 1:19 PM

Actually, this doesn't needs a close button as it works on Hover so along as your device is touch friendly it would work just fine.

However, this gadget is not so optimized for gadgets like Tablets and Mobile devices. Though, it works fine on one of my device.

We would roll out improvement in the next version of this widget.

Cheers.

May 22, 2013 at 6:58 AM

where I can edit his position

Editorial Team MOD
May 22, 2013 at 10:54 AM

Nope, That Can't be changed in position!

May 23, 2013 at 4:38 PM

So this thing does have a lot of bugs and it does not look completed, or you hid something on purpose. I am having trouble, and I can't fix it until I buy a hosting plan to move the scripts onto my server, but I noticed 1 piece of code that stood out and I want you guys to finish it and that is this.

#wk_linkedin{
background-position:-5px -0px;}

This is a code for linked in which means the next release of your widget will include it. I would add it myself, but I need to get a hosting plan. I can bet you were going to use this for the summary code on linked in to add a more professional look to your widget and to the sites using it. You guys are clever, and I am awaiting the next release.

May 23, 2013 at 6:59 PM

Sorry to point this out but I managed to fix the broken code for blogger users, and it was very very easy I made it to complicated. I am currently working on having more than 1 youtube widget, and I believe i can already fix it. So good job on the code and here is proof of my fix not sure if you guys want the code or if I should publish it? Google+ and Twitter work now but great template next I will work on adding a Linkedin page to your widget love the artwork of this piece keep it up. Today was the first time I followed a blog, and this was it (no joke)and I am glad to see innovation through coding.

http://thedailye-consumer.blogspot.com/

Editorial Team MOD
May 24, 2013 at 2:55 AM

Yes, We're working on a better version. Stay tuned. Would release it very sooner!

June 3, 2013 at 1:31 AM

Allright, I think is why my post google+ in this widget look a master post,, thanks very much,,

July 3, 2013 at 9:31 AM

that's great widget, how if i just want put this widget in sidebar?

Editorial Team MOD
July 4, 2013 at 2:39 PM

That's not possible with the current code!

August 29, 2013 at 2:04 AM

hi
this is sheethal having blog on movies www.thecinesizzlers.com,all widgets in my blog are working but only one thing im losing i.e when am trying to insert recent post widget with hover effect .its not working because already running ajax feature post slider in top my site.may be conflict between each other .let me give suggestion and resolve the conflicts between two.

thankyou so much for providing solution

Editorial Team MOD
August 29, 2013 at 4:39 PM

Can you provide your BLOG URL?

August 29, 2013 at 7:54 PM

hi
my blog URL i.e http://www.thecinesizzlers.com

Editorial Team MOD
September 8, 2013 at 11:28 AM

Try these http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.