Best Urdu Training

Alfa Folder Locker

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAL27TM0e3gpd9mftn-fDBbgOKHOWTqss0jOaBWir3Xy2ApI7fTXf8XAy_JpjFfUwPgtFJ0ZDTC_vvQpM0ErdiS6nhy8tOmNrmz0bVWc-aZzlgrsFEJ69duJYk93Koh-cBTmaPS8sjOEHt/s1600/icon.png" width="0" /><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nc3tfuu2Nz2v5yOp5gHc8FYUnoakrMkAavEF7FyhqLv9Zk9f56sOoSGg2FOuOSvmE-_sc_xKcZfTdJMBKRdVLlOCjX9pK-K4Jliyzhm5jDqDxTycTrWnLfGs0HUppLd4fTwwsXQR_yLc/s1600/alfafolderlocker.png" width="320" /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;">Description</span><br />
'Alfa Folder Locker' is a small free software to lock any folder with password.<br />
The folder will be secured by the password against open, copy, move, and delete.<br />
<br />
The locking process is so fast " less that 1 sec " and all data will be secured even if you<br />
check the show hidden files on your system<br />
<br />
You can protect any number of folders by different passwords.<br />
<br />
Even if you install new windows the folder will still be locked by your password.<br />
<br />
The program has integrated context menu, so you can easily lock or unlock any folder by right click it<br />
<br />
The program is easy to use and has a friendly user interface.<br />
<br />
Operating System Supported : Microsoft Windows ( 98 , xp , 2003 , vista , seven , and windows 8 )<br />
<br />
<br />
The setup is easy and the program can be used as a standalone by using the application file.<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<a class="button big blue" href="http://adf.ly/gh64P">Download</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>

Alfa Folder Locker

Description 'Alfa Folder Locker' is a small free software to lock any folder with password. The folder will be secure...

Jquery Unleash Accordion Image Slider For Blogger

<br />
<div class="bordertop">
</div>
<h1 class="post-title">
</h1>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="post-body entry-content">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: center;">
<a href="https://www.blogger.com/null" name="more"></a><span style="font-family: inherit;"><br /></span></div>
<div class="MsoNoSpacing" style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<div class="MsoNoSpacing" style="background-color: white;">
<div class="MsoNoSpacing" style="background-color: white;">
<div style="background-color: white; line-height: 19px; text-align: left;">
</div>
<div align="center" style="background-color: white; line-height: 19px;">
<span style="border-color: rgb(11, 83, 148) rgb(72, 161, 250); border-style: solid; border-width: 10px; list-style: none; margin: 0px; outline: none; padding: 6px;"><b><span style="color: #289728; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><a href="http://mbldummy.blogspot.com/" style="color: #289728; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Unleash Accordion Image Slide (LIVE DEMO)</a></span></b></span></div>
</div>
</div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: inherit;"><br />
</span><br />
<h3>
<span style="font-family: inherit;">What is Accordion Slider?</span></h3>
<span style="font-family: inherit;">Majority of Webmasters don’t
know what does Accordion means because the same word is also used for a musical
instrument. However, an Accordion slider is a type of a widget that holds
images together and gives an entire new look to your site. Moreover, it is a
kind of JavaScript function that operates on hover.</span><br />
<span style="font-family: inherit;"><br />
</span>
<br />
<h3>
<span style="font-family: inherit;">Features of Unleashed Accordion Image Slider:</span></h3>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: inherit;">It is built with high speed
Jquery so no compromise on Site speed.</span></li>
<li><span style="font-family: inherit;">You can easily customize it
style according to your needs.</span></li>
<li><span style="font-family: inherit;">It has multiple animated hover transactions.</span></li>
<li><span style="font-family: inherit;">Ability to add more than one slider
on the same page.</span></li>
<li><span style="font-family: inherit;">Allows to add Six images with transparent background.</span></li>
<li><span style="font-family: inherit;">Works perfectly on multiple browsers
i.e. Opera, Chrome, internet explorer and etc.</span></li>
</ul>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Install It in Blogger:</span></h3>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: inherit;">The steps are extremely straightforward
and would hardly take 15 minutes to complete the integration so do as mentioned
below.</span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Go to Blogger.com >>
Template >> Edit HTML >> Proceed.</span></li>
</ul>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Now search for <b>]]></b:skin> </b>and once you
find it, just above it paste the following Styling code.</span></li>
</ul>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<span style="font-family: inherit;">/*  MBL Accordion Image Slider For Blogger (www.mybloggerlab.com) */</span><br />
<span style="font-family: inherit;">.MBLwrapaccordion {</span><br />
<span style="font-family: inherit;"> margin-left: auto;</span><br />
<span style="font-family: inherit;"> margin-right: auto;</span><br />
<span style="font-family: inherit;"> width: 890px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_home{</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;"> .Accordionlink  { display:none !important;}           </span><br />
<span style="font-family: inherit;">                     </span><br />
<span style="font-family: inherit;">MBLover, #MBLover2, #MBLover3, #MBLover4, #MBLover5, #MBLover6 {</span><br />
<span style="font-family: inherit;"> overflow:hidden;</span><br />
<span style="font-family: inherit;"> display:block;</span><br />
<span style="font-family: inherit;"> position:relative;</span><br />
<span style="font-family: inherit;"> display:inline-block;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.MBLContainer {</span><br />
<span style="font-family: inherit;"> overflow: hidden;</span><br />
<span style="font-family: inherit;"> display:block;</span><br />
<span style="font-family: inherit;"> -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><br />
<span style="font-family: inherit;"> -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><br />
<span style="font-family: inherit;"> box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> cursor: pointer;</span><br />
<span style="font-family: inherit;"> float:left;</span><br />
<span style="font-family: inherit;"> display: inline-block;</span><br />
<span style="font-family: inherit;"> zoom: 1;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.MBLContainer img {</span><br />
<span style="font-family: inherit;"> position:relative;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption {</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> background:rgba(1, 1, 1, 0.4);</span><br />
<span style="font-family: inherit;"> padding:20px;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption p {</span><br />
<span style="font-family: inherit;"> color:#FFF;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> font-size:12px;</span><br />
<span style="font-family: inherit;"> line-height:1.6;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption h1 {</span><br />
<span style="font-family: inherit;"> color:#CCC;</span><br />
<span style="font-family: inherit;"> font-size:16px;</span><br />
<span style="font-family: inherit;"> font-weight:normal;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> margin-bottom:5px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption a {</span><br />
<span style="font-family: inherit;"> text-decoration:none;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_1 {</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> padding:20px;</span><br />
<span style="font-family: inherit;"> -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;</span><br />
<span style="font-family: inherit;"> -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;</span><br />
<span style="font-family: inherit;"> box-shadow:inset 0px 1px 0px 0px #ffffff;</span><br />
<span style="font-family: inherit;"> background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );</span><br />
<span style="font-family: inherit;"> background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );</span><br />
<span style="font-family: inherit;"> filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');</span><br />
<span style="font-family: inherit;"> background-color:#ededed;</span><br />
<span style="font-family: inherit;"> -moz-border-radius:6px;</span><br />
<span style="font-family: inherit;"> -webkit-border-radius:6px;</span><br />
<span style="font-family: inherit;"> border-radius:6px;</span><br />
<span style="font-family: inherit;"> border:1px solid #dcdcdc;</span><br />
<span style="font-family: inherit;"> display:inline-block;</span><br />
<span style="font-family: inherit;"> text-shadow:1px 1px 0px #ffffff;</span><br />
<span style="font-family: inherit;"> margin:0px 20px 20px 20px;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_1 p {</span><br />
<span style="font-family: inherit;"> color:#999;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> font-size:12px;</span><br />
<span style="font-family: inherit;"> line-height:1.6;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_1 h1 {</span><br />
<span style="font-family: inherit;"> color:#666;</span><br />
<span style="font-family: inherit;"> font-size:16px;</span><br />
<span style="font-family: inherit;"> font-weight:normal;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> margin-bottom:5px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_1 a {</span><br />
<span style="font-family: inherit;"> text-decoration:none;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_2 {</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> background: #F03;</span><br />
<span style="font-family: inherit;"> padding:20px;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;"> margin:0px 20px 20px 20px;</span><br />
<span style="font-family: inherit;"> border-right: 1px solid #FF8080;</span><br />
<span style="font-family: inherit;"> border-bottom: 1px solid #FF8080;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_2 p {</span><br />
<span style="font-family: inherit;"> color:#FFF;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> font-size:12px;</span><br />
<span style="font-family: inherit;"> line-height:1.6;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_2 h1 {</span><br />
<span style="font-family: inherit;"> color:#EFEFEF;</span><br />
<span style="font-family: inherit;"> font-size:16px;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> margin-bottom:5px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_2 a {</span><br />
<span style="font-family: inherit;"> text-decoration:none;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_3 {</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> background: rgba(255, 255, 255, 0.7);</span><br />
<span style="font-family: inherit;"> padding:20px;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;"> margin:0px 20px 20px 20px;</span><br />
<span style="font-family: inherit;"> border: 1px solid #fff;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_3 p {</span><br />
<span style="font-family: inherit;"> color:#666;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> font-size:12px;</span><br />
<span style="font-family: inherit;"> line-height:1.6;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_3 h1 {</span><br />
<span style="font-family: inherit;"> color:#333;</span><br />
<span style="font-family: inherit;"> font-size:16px;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> margin-bottom:5px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_3 a {</span><br />
<span style="font-family: inherit;"> text-decoration:none;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_4{</span><br />
<span style="font-family: inherit;"> position:absolute;</span><br />
<span style="font-family: inherit;"> background: #111725 url(../images/top_2.png) top repeat-x;</span><br />
<span style="font-family: inherit;"> padding:20px;</span><br />
<span style="font-family: inherit;"> left:0;</span><br />
<span style="font-family: inherit;"> margin:0px 20px 20px 20px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_4 p {</span><br />
<span style="font-family: inherit;"> color:#FFF;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> font-size:12px;</span><br />
<span style="font-family: inherit;"> line-height:1.6;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_4 h1 {</span><br />
<span style="font-family: inherit;"> color:#CCC;</span><br />
<span style="font-family: inherit;"> font-size:16px;</span><br />
<span style="font-family: inherit;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="font-family: inherit;"> margin:0px;</span><br />
<span style="font-family: inherit;"> margin-bottom:5px;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.caption_4 a {</span><br />
<span style="font-family: inherit;"> text-decoration:none;</span><br />
<span style="font-family: inherit;">}</span></blockquote>
</div>
<ul><span style="font-family: inherit;"><br />
</span>
<li style="text-align: left;"><span style="font-family: inherit; line-height: 18px;">Then within the template
search for <b></head></b> and just above it paste the following JavaScript coding.</span></li>
</ul>
<div>
<blockquote class="tr_bq">
<span style="font-family: inherit;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/></span><br />
<span style="font-family: inherit;"><script src='</span>https://mybloggerlab.googlecode.com/files/jquery.unleash.min.js<span style="font-family: inherit;">' type='text/javascript'/></span><br />
<span style="font-family: inherit;"><script src='</span>https://mybloggerlab.googlecode.com/files/jquery.animation.easing.js<span style="font-family: inherit;">' type='text/javascript'/></span><br />
<br />
<script type='text/javascript'><br />
    $(window).load(function() {<br />
        $('#MBLover').unleash({<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>duration: 700,<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>childClassName: '.MBLContainer',<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>captionClassName: '.caption_home',<br />
        SliderWidth: '890px',<br />
        SliderHeight: '300px',<br />
        width: 590,<br />
        Event: "hover",<br />
        easing:  "quadEaseOut",<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>captionEasing:  "backEaseInOut",<br />
        CollapseOnMouseLeave: true,<br />
         CaptionAnimation: "pop-up"<br />
<span class="Apple-tab-span" style="white-space: pre;">   </span>});<br />
    });<br />
    </script></blockquote>
</div>
<ul><span style="font-family: inherit;"><br />
</span>
<li style="text-align: justify;"><span style="font-family: inherit;">Save the template and half of
your work is almost done.</span></li>
</ul>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Now paste the following HTML
Structure code where you want to show this Accordion Slider i.e. Layout
>> Add a Gadget >> Add HTML/JavaScript >> and paste the
following code.</span></li>
</ul>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLwrapaccordion"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div id="MBLover"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidNESncXX0Qn0QQDwJ1MSCWZuFAyHVv4IimQkBKmtGt6ZXRc3GsMchAZC99Jv4YNcfX-l-3HbVh2eVzsI9s39Xiz78cMZ5vyXwK4fNX0hcX-FSFrSqWjotBLo9UNKXfprTptgqDeWBN9-1/s1600/b1.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEm2gOKzQSElUB7L-sNTCs3tmUcro_kotR7dMrPE7qAWLTfR8QcapCv-yFDj1sv3cUEAsiPsO3FPBHB5DGSN8y5C24MjXRLnpUXjilIY9xdjJUL2mhzbFmM5UzSyx38BHuZHImfFyB1256/s1600/b2.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1YTPsZy_tQBWE7iIy5V8aW6lUMurNzx3nGr4qdWXV88jjyvuR315bm5YNwSjz09xbsWbT5gXiIFDGfRIfYmRvI4bo8mnW2RrYQ847D_ouZdqqeImXGB0VFcchq92XnYn_dAKlUG_-X_0E/s1600/b3.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMC2E03xne1cgKePK8PzwZuKKVvQiYCd_sXksVOrI8GTKDtk0_JfiZSll63-m99lMVv-sZ0X8bfJ4ybf5r47hF77vO_FtDHTUi0CHUiSZqpOL7alAx4Fr9sMIHl_HR7yToO04lz-98EPP0/s1600/b4.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygUB3p4mhCmW0otBdp7DjE7qoBXYQaNtH6jLLgjeIXsSEIcxSMTDepjKsD7toKYd3kiNkQIGnk2AsLiSpzC8bPHwb_RIHTbXAlwKcod5zMkIA7umDyQLad9Y7bo-TBui3BCpPWeH18v4/s1600/b5.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="MBLContainer"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKp5Ge1UkfVsws198pwXQmi82AjmTESwcyRVKNzOKBYcTUTsvf_h1Jr7VIODBZDKZEEy5Y47GkktD3v1NbySRwYup8hzqwqb8ERAd3mObwiUQ24gLM-Z1Q48Huh_wTF8koz7TAyGNEyRcb/s1600/b6.jpg"/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="caption_home"></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><a href="<span style="background-color: lime;">Your-Post-URL</span>"><img src="Your-Image-Here"/></a></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="Accordionlink"><a href="www.mybloggerlab.com">MBL</a><div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><img alt="logo" class="logo" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBqtem08jwqEgF775IgpluzjZeLpU2lnfby7T1PPL9-wqhuS_pyj7xoFQTAB3wAd6LX9vtX3Zmrl8JOJdFuOH1DQ_sWNYATfy-Ci8Q7R_nc1B53YR9SZ9jo7eDvp0gzaLZASh3Oho1Awt/s1600/shadow_2.png" width="890px"/></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class="Accordionlink"><a href="www.mybloggerlab.com">MBL</a><div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div></span></div>
</blockquote>
</div>
<span style="font-family: inherit;"><br /></span>
<br />
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: left;">
<b><span style="font-family: inherit;">Customization:</span></b></div>
<ul>
<li><span style="font-family: inherit;">Replace <b>Your-Image-Here </b>with your featured images. <b><span style="color: red;">Remember:</span></b> Use Transparent images otherwise the background will be hidden and save it in PNG format.</span></li>
</ul>
<ul>
<li><span style="font-family: inherit;">To change the width of your slider replace <span style="color: #660000;"><b>890px</b></span> From CSS, JavaScript and HTML Structure coding. Remember: you have to change it Three times from the above coding.</span></li>
</ul>
<ul>
<li><span style="font-family: inherit;">Replace <span style="color: lime;">Your-Post-URL </span>with your specific URL that you want to target once your visitors will click certain image on accordion slider.</span></li>
</ul>
<div>
<span style="font-family: inherit;"><b>All Done: </b>Once you have fully customized
your slider go and save your Gadget. Now go ahead and visit your site to
witness incredible unleashed accordion slider.</span></div>
<div>
<span style="font-family: inherit;"><br /></span>
<br />
<div class="MsoNoSpacing">
<h3>
<span style="font-family: inherit;">From The Editor’s Desk:</span></h3>
</div>
<div class="MsoNoSpacing">
<span style="font-family: inherit;">Hope you have enjoyed the
roller-coaster ride if you feel any difficulty while adding this widget feel
free to leave your comments. Till date MBL Blog has produced 50 splendid
widgets For Blogger Platform and this may not been possible without your
support.. If you have any problem or complain about your services feel free to
leave your comment till than peace, Blessing and Happy Celebrating. Credits: <o:p></o:p><a href="http://codecanyon.net/item/unleash-jquery-accordion-slider/1851823" rel="nofollow" target="_blank">alialaa</a></span><br />
<br /></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'en'};</script>

</div>

Jquery Unleash Accordion Image Slider For Blogger

Unleash Accordion Image Slide (LIVE DEMO) What is Accordion Slider? Majority of Webmasters don’t know what...

Skype Old Version For Windows XP

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><img border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JW7eQt06PCTbLe4Ft4cf1Q4icLvVaH8N613zia73u6lwRnG4eQ4RQdz8VJ5TEgvixDu7V_3j5P2bO4tKZaUY5yfh4tJ_Nrzft9je8ypIRZKBYVSe14Rjw1MsSvaAldPDr_pw1Bix65XK/s1600/10-25-2012skype6.jpg" style="text-align: center;" width="640" /><br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><br />
</div><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHhbsTLyJKlXx8NDr5M9XYd7DFC7nTkxLnKlu4___611ZtUR-YolW16tqRqZ9QEoi72G2e-O9_Kons_xcTHqUKwd3EjvaALig8MeFisuc9creuomDDK_T_5VvuUk4yuzMty_kZ7NO5qZpa/s1600/Untitled-1.jpg" width="640" /></div><br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #3d85c6; font-family: Verdana, Geneva, sans-serif; font-size: medium; line-height: 19.200000762939453px;">One Unlock for Download This File</span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: medium; line-height: 19.200000762939453px;"> </span></div><br />
<br />
</div><br />
<article id="default-usage"><br />
<br />
<div class="to-lock" style="display: none;"><br />
<br />
<br />
<br />
<div style="text-align: center;"><a class="button big blue" href="http://adf.ly/gAyhw">Download</a></div><div style="text-align: center;"><br />
<br />
</div></div></article><br />
<br />
<div id="dhiunlocker"></div><script src="https://googledrive.com/host/0BzveqKwnIGy8VFg3NTNnNEpSZDg" type="text/javascript"></script><br />
<br />
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
 
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
 
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
 
// twitter options
twitter: {
url: "http://besturdutraining.blogspot.com/2014/03/skype-old-version-for-windows-xp.html",
text: "Skype Old Version For Windows XP"
},
 
// facebook options
facebook: {
url: "http://besturdutraining.blogspot.com/2014/03/skype-old-version-for-windows-xp.html",
appId: "561288347311326"
},
 
google: {
url: "http://besturdutraining.blogspot.com/2014/03/skype-old-version-for-windows-xp.html"
}
});
});;;;
</script><br />
<br />
<div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOAILvH5U0FAVYBgahCCPog7edZ3HTAdl15W_T2u5zLAMa0QV_Pm4JB3-gjibgz8v8BBGJoUiLjRnaNZYWMTplvmaKFHHOxqoWTAaB0Eohw3e9JtR7ttr42Zip-pjZWA_oxPn-Q-9OA1v/s1600/xlu6ncek.gif" width="320" /></div><br />
</div></div>

Skype Old Version For Windows XP

One Unlock for Download This File Download

camtasia studio 6 with key

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTfqb7JnyNrjWWNUh95hA59e0zzeMUBQzTpAf2Qe4wRnD_yNtAeAdQzlNrjzGfe6ojH6mN9qD-oMKOCL37iadvMBr0Kdncdgd1KBr-L_0hB9VU0vG-LRakQOC95lMT3b8mvdnzn-y15n2g/s1600/camtasia-logo-6.png" width="336" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><br /></span></div>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">                Camtasia Studio captures perfect-quality video of anything on your screen, with no compromise between quality and file size. Call it magic, but TechSmith compression technology gives you perfect-quality recordings and compact file sizes. Relax and record with Camtasia SmartFocus® Don't worry about the final product, just relax and record your whole screen. TechSmith's exclusive SmartFocus technology keeps track of where the action happens during your recording. Then it produces a video that zooms in on the parts you need to show, keeping viewers mesmerised...even on iPod-size screens. SmartFocus is completely automatic and incredibly freeing.</span><br />
<span style="background-color: white; font-size: 12px;"><a href="https://www.blogger.com/null" name="more" style="color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"></a></span><br style="color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;" />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br />                  Camtasia Recorder puts all your options in one spot, to get you started faster. Grab the whole screen, dial in your dimensions, or select a window or region. Recorder can even lock onto an application window, providing a pixel-perfect fit between your subject matter and the recording area and it remembers the dimensions and location of your last recording, so your next one will be consistent...and faster, too!</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br />                 A picture’s worth a thousand words, but even a video is helped by a little narration. With Camtasia Studio you can capture audio while you’re recording...or add narration and music later. The Camtasia Studio toolbar inside of PowerPoint makes it one-click-easy to record your presentations, either live or from the comfort of your desk, and you get much more than just a </span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">                 slideshow. Camtasia Studio captures everything—exact slide timing, animations, sound effects, narration, webcam video, and any webpages or applications displayed onscreen during the presentation. It's the next best thing to being there!<br />Simply aim a webcam at the presenter, and Camtasia Studio will capture and synchronize that video with the screen recording, or import video files captured with a digital camcorder! You don’t need a separate tool to create podcasts, use Camtasia Studio to record high-quality standalone audio, and then publish it in MP3 format. Upload to iTunes. Draw on the screen to illustrate or point something out. Highlight cursor movements and mouse clicks to help viewers follow the action. Set markers to indicate section breaks or rough spots that need editing.<br />  </span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br />             Maybe you have specific requirements or maybe you just love to tinker. Camtasia Studio lets you tweak production settings to your heart's content, and makes it easy to generate and compare a 30-second preview at each setting. You have the flexibility to produce videos in any of today's (or tomorrow's) popular formats! Right now, the list is:</span><br />
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>Web & blog (MP4)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>Flash (SWF)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>iPod/iPhone/iTunes (M4V)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>CD/DVD/lossless export (AVI)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>Silverlight-compatible WMV</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>QuickTime (MOV)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>RealMedia (RM)</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>Animated GIF</b></li>
</ul>
<ul style="background-color: white; color: #1c1c1c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0px; padding: 0px 0px 20px 8px; text-align: -webkit-auto;">
<li style="background-image: url(http://www.murge.com/images/core/more-arrow.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; margin: 0px; padding: 0px 0px 5px 8px;"><b>Audio only (MP3)</b></li>
</ul>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /><span style="background-color: white;">               Camtasia Studio’s customizable playback controls and pre-loaders give you the flexibility to match your videos to a corporate image, or just give them a newer, cooler look. Choose from a variety of styles during production or delve into the source files to create your own styles from the ground up. Camtasia Studio makes it easy to create an interactive table of contents within a single video. Or, if you have a series of videos that you’d like to link together, you can use either Camtasia MenuMaker for CD delivery or Camtasia Theater for web delivery. </span></span><span style="background-color: white;"><br style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;" /><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span><br style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;" /><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;">                 These companion applications are included with Camtasia Studio. Screencast.com is a unique video sharing service—brought to you by TechSmith—that preserves the quality of your videos and gives you complete control over who sees your content. It even has built-in RSS and iTunes functionality, making it a snap to deliver videos or podcasts straight to your viewer’s computer or mobile device. From within Camtasia Studio, simply choose the Screencast.com preset to produce and upload an HD-quality video in one step!</span></span><br />
<div>
<span style="background-color: #1a1a1a; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="background-color: #1a1a1a; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
</div>
<div style="text-align: center;">
<a class="button big green" href="http://adf.ly/gAyUj">Download</a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOAILvH5U0FAVYBgahCCPog7edZ3HTAdl15W_T2u5zLAMa0QV_Pm4JB3-gjibgz8v8BBGJoUiLjRnaNZYWMTplvmaKFHHOxqoWTAaB0Eohw3e9JtR7ttr42Zip-pjZWA_oxPn-Q-9OA1v/s1600/xlu6ncek.gif" width="320" /></div>
<div style="text-align: center;">
<br /></div>
</div>

camtasia studio 6 with key

Camtasia Studio captures perfect-quality video of anything on your screen, with no compromise between quality and fi...

Tooltips Related Post Widget For Blogger With Thumbnail

<br />
<div class="bordertop">
</div>
<h1 class="post-title">
<span style="font-family: inherit;"><img border="0" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKbldosAVARV0-D1wJ5v-BIh1GAl8JTzq__WrA2hfZjHHdmankfKvmUOtuWCItQ-5mIP_DT2DMopQcplfSSuwA3TCJv-xIJRvvl9XSCa9LBPNSPxUpHfhPW2-9dnsuxoy7XXCXYxfhiHQ/s1600/TOOL-TIPS-RELATED-POST-Widget-For-BLOGGER-With-Thumbnails.png" width="400" /></span></h1>
<div class="post-body entry-content">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;">Adding a Related post widget to a blog has always proved to be extremely beneficial for those bloggers who consistently get higher Bounce rate. Related posts are always accessible at the end of the post, so the visitors won’t feel any interruption while reading the article. Moreover, after reading out the article users can feel free to visit some related posts. It reduces the Bounce rate pretty handsomely and plays a significant role in engaging visitors. However, Blogger doesn’t have built-in related post functionality. Therefore, we have to depend on external sources. After releasing the Professional threaded commenting system, today we will reveal our Thumbnail Related post system with Tooltips for Blogger Enabled platform.</span><br />
<a href="https://www.blogger.com/null" name="more"></a></div>
<div style="text-align: justify;">
<div style="text-align: center;">
</div>
<div style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<div class="MsoNoSpacing">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNoSpacing">
<div class="MsoNoSpacing">
<div class="MsoNoSpacing">
<div style="line-height: 19px; text-align: left;">
</div>
<div align="center" style="line-height: 19px;">
<span style="border-color: rgb(11, 83, 148) rgb(72, 161, 250); border-style: solid; border-width: 10px; list-style: none; margin: 0px; outline: none; padding: 6px;"><b><span style="color: #289728; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><a href="http://freshable.blogspot.com/2012/09/the-two-ships-that-give-us-lesson-that.html" style="color: #289728; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Tooltips Related Post Widget (DEMO)</a></span></b></span></div>
</div>
</div>
</div>
</div>
<div style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNoSpacing" style="background-color: white; color: #333333; font-size: 12px; line-height: 19.200000762939453px; text-align: justify;">
<div class="MsoNoSpacing">
<div class="MsoNoSpacing">
</div>
</div>
</div>
</div>
<div style="text-align: justify;">
<h3>
<span style="font-family: inherit;">
Why To Use Related Post Widget?</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Related post articles helps visitors to learn things in depth. For Example, a user landed on an article though search engine while reading the whole article he saw a List of “Related Post” out of which he select one to read and this process will keep on continue until he gets bored. On one hand, it increases the engagement of users. While on the other hand, it reduces the bounce rate. So, a person gets dual advantage by doing slight changes.</span><br />
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<h3>
<span style="font-family: inherit;">
How The Related Post Widget Looks?</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;">The Widget is not like others because it has some professional and well-crafted functionality. It has a Tooltip functionality that will display the Post title when someone will hover over the Related Post Thumbnails. We have attached a Screenshot below so anyone can easily understand how well-crafted this widget is. </span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyd8SPKL-Um0e4yPp4G0xvC15LykAi8SWOoGWfz-1m1KzcB9oAqiIZFOZTOhgAA6dUEqPupezMiWnobHJMbgPL2knDhqWzxirXirqv1Cycyh39xaBQ7vzzZWvca18m7tu65MwOBFVfdmU/s1600/Tooltips-Related-Post-Widget-Blogger.png" /></span></div>
</div>
<div style="text-align: justify;">
<h3>
<span style="font-family: inherit;">
How To Install MBL Thumbnail Related Post Widget with ToolTips</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;">This blog has over 9000+ Bloggers who belongs to different platforms. Therefore, we always tried to craft our tutorial in such a way that every person can understand either he belong to Technical, or nontechnical departments. To install this Widget follow the following steps correctly.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"></span>

<br />
<ul>
<li><span style="font-family: inherit;">Go to Blogger >> Template.</span></li>
<li><span style="font-family: inherit;">Press Edit HTML >> Proceed.</span></li>
<li><span style="font-family: inherit;">Select (Tick) the “Expand the Widget” Box.</span></li>
<li><span style="font-family: inherit;">Search for <b>]]></b:skin></b> and above it paste the following CSS3 Coding.</span></li>
</ul>
<div style="text-align: left;">
<blockquote class="tr_bq">
<span style="font-family: inherit;">/* MBL Thumbnail Related Posts With ToolTips --- */</span><br />
<span style="font-family: inherit;">.related-post .post-thumbnail {</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 1;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: relative;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width: <span style="background-color: cyan;">98px</span>;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height: <span style="background-color: cyan;">98px</span>;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-right: 1px solid #fff;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom: 1px solid #fff;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: inset 2px 2px 5px #444;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: inset 2px 2px 5px #444;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: inset 2px 2px 5px #555;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.related-post {</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float: left;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: relative;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width: <span style="background-color: cyan;">98px</span>;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height: <span style="background-color: cyan;">98px</span>;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 10px 10px 0;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background: #F6F6F6;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius: 5px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span><br />
<span style="font-family: inherit;">.related-post .related-post-title {</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display: none;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float: left;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background: #000;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color: #fff;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-shadow: none;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight: bold;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 10px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>top: -20px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>left: 40px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 2;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width: 200px;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: 0 0 2px #444;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: 0 0 2px #444;</span><br />
<span style="font-family: inherit;"><span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: 0 0 2px #444;</span><br />
<span style="font-family: inherit;">}</span><br />
<span style="font-family: inherit;">.related-post:hover .related-post-title {display: block;}</span></blockquote>
</div>
<ul><span style="font-family: inherit;"><br />
</span>
<li><span style="font-family: inherit;">Now Once again within your template, search for Following Coding.</span></li>
</ul>
</div>
<span style="font-family: inherit;"></span>

<br />
<div style="text-align: justify;">
<div style="text-align: left;">
</div>
<blockquote class="tr_bq">
<span style="font-family: inherit;"><div class='post-footer'></span><br />
<span style="font-family: inherit;">    <div class='post-footer-line post-footer-line-1'/></span><br />
<span style="font-family: inherit;">      <div class='post-footer-line post-footer-line-2'/></span><br />
<span style="font-family: inherit;">      <div class='post-footer-line post-footer-line-3'/></span><br />
<span style="font-family: inherit;">    </div></span><br />
<span style="font-family: inherit;">  </div></span></blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span>
<br />
<ul>
<li><span style="font-family: inherit;">Once you find a similar coding, just below it paste the following coding.</span></li>
</ul>
<span style="font-family: inherit;"></span>

<br />
<div style="text-align: left;">
</div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: inherit;"><div id='related-posts'></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><script type='text/javascript'>//<![CDATA[</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSzCWQKO5kkqrmxVJBLWaBe3aPkhHBAxDf27aPd2K8hMqZOOnRM48UHNw1XRDh85AXOh9nkOeiKTlr64Cs1WAB7VN3RqGKgUSnmHBEZGgQeN7DMP38_Qy-YSroupSRxr3aydLLg9nfZZJ_/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">//]]></script></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><b:loop values='data:post.labels' var='label'></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></b:loop></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><script type='text/javascript'>var <span style="background-color: orange;">maxresults=6</span>;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></b:if></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><div class='clear'/></span></div>
</blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span>
<br />
<div class="MsoNoSpacing">
<span style="font-family: inherit;"><b>Customization:</b><o:p></o:p></span></div>
<div class="MsoNoSpacing">
</div>
<ul>
<li><span style="font-family: inherit;">To increase the number of
related articles Search for maxresults=6 and replace “6” with your desired
number of related articles that you want to see.</span></li>
<li><span style="font-family: inherit;">To change the Widget and
height of the thumbnails replace the four 98px with your desired numbers.</span></li>
</ul>
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><b>All Done: </b>That’s all hit the “Save template” button. Now visit your blog and feel the difference. Try to Hover over the Related Thumbnail and enjoy the uniqueness.</span></div>
</div>
</div>
<div class="post-footer">
<div id="related-posts">
</div>
<div style="clear: both;">
</div>
<div class="post-footer-line post-footer-line-1">
</div>
<div class="post-footer-line post-footer-line-2">
</div>
<div class="post-footer-line post-footer-line-3">
</div>
</div>
</div>
</div>

Tooltips Related Post Widget For Blogger With Thumbnail

Adding a Related post widget to a blog has always proved to be extremely beneficial for those bloggers who consistently get high...

How To Create Metro UI Navigation Menu in Blogger Blog

<br />
<div class="bordertop">
</div>
<h1 class="post-title">
<img border="0" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfJQgKYuuTvLQfLyLZ94xww-C2yeJs1Ct9nltgXv-P1_41_X91htxZMwELNw6GZUWW6aX_NxfXkRcJZ7DNQFREKFKLtAfuhNk4X7NthcPcx6_KsBPO9WZv8JOtEReQahtNShPWTyMP6o/s1600/How-To-Create-Windows-8-Metro-UI-Navigation-Menu-in-Blogger.png" width="400" /></h1>
<div class="post-body entry-content">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;">Are you bored with your website’s navigation menu? Does anyone want to revamp his unappealing navigation menu into Windows 8 Style Metro Menu? Navigation menu is one of the core elements of a website because without a user-friendly Menu visitors can’t search the content in depth. In this situation, an ugly Navigation Menu could act a piece of garbage. Therefore, it is essential to have an elegantly style Navigation Menu that attracts a person like a bee to a honey. To provide more power to Blogger users, we have created a new windows 8 look like Metro UI Navigation menu for blogger enabled websites. It has tons of features which we will discuss in today’s article. </span></div>
<a href="https://www.blogger.com/null" name="more"></a><br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="background-color: white; color: #333333; font-family: arial; font-size: 12px; line-height: 19.200000762939453px; text-align: left;">
<div style="text-align: justify;">
<div class="MsoNoSpacing">
<div class="MsoNoSpacing">
<div class="MsoNoSpacing">
<div align="center" style="font-family: Verdana; line-height: 19px;">
<span style="border-color: rgb(11, 83, 148) rgb(72, 161, 250); border-style: solid; border-width: 10px; list-style: none; margin: 0px; outline: none; padding: 6px;"><b><span style="color: #289728; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><a href="http://freshable.blogspot.com/p/document.html" rel="" style="color: #289728; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: initial;" target="_blank"> Metro UI Navigation Menu (DEMO)</a></span></b></span></div>
</div>
</div>
</div>
</div>
</div>
<br />
<h3 style="text-align: left;">
What is METRO UI Menu?</h3>
<div style="text-align: justify;">
<span style="font-family: inherit;">If anyone has experience the interface of Microsoft Windows 8, or the new range of Windows Smart phones, then this METRO UI menu is not a new thing for them. This Menu is inspired from the navigation interface of Windows 8. If anyone is still chaotic about it, then he can check out the following screenshot. </span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZofP2-kFn8a0SwqV6l4N9BofSWmUcyMLTix_fNSZRk7UDo9IEbjb9z3TqzcTgEywJjXmcXqdGusFh2TTvAeRPM246QPutdy61w9Fof2hyoSdQhQMtAfbYt62vlLT1MUlFIRHHo1iRcg/s640/METRO.png" width="540" /></div>
<div style="text-align: center;">
<br /></div>
</div>
<h3 style="text-align: left;">
Where The Metro UI Menu Would Appear?</h3>
<div style="text-align: justify;">
<span style="font-family: inherit;">It depends on a person that where he wants to utilize this Menu because it is so flexible that it can take shape of any theme or template. However, it would be ideal if anyone places this menu at the top of his website by doing that, visitors can easily access it without facing any hesitation whatsoever. We have attached an interactive Metro menu below so don’t hesitate to try it. </span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6BEwq0gE72mFx0bFjOXzUE8pN2l5Uei2YmPWrc-pvYVJijvqr1a5owZmB06Cr0PA4zN-fL6U2YjYv0k6E3BwLawch0SpujynEJu6dHmN-W3QOHmmf2B0QYADnEW20tPb1yZzXXGMKJKU/s1600/Untitled.gif" /></div>
</div>
<h3>
How to Create Windows 8 like Metro Menu in Blogger?</h3>
<div style="text-align: justify;">
<span style="font-family: inherit;">The steps mentioned below are ideal for those bloggers who have less knowledge about HTML coding. Following instructions are extremely straightforward so anyone can easily apply them. Follow following instructions correctly.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<b><span style="font-family: inherit;">Step#1: Adding CSS StyleSheet:</span></b></div>
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Go to Blogger.com >> Template.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Select Edit HTML >> Proceed.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Now within the template search for <b>]]></b:skin></b> tag and just above it paste the following CSS Coding. Once, everything is done Save the Template by pressing “Save Template” Button and proceeds to the next step. </span></li>
</ul>
<div style="text-align: left;">
</div>
<blockquote class="tr_bq">
/*===MBL METRO UI Menu==*/<br />
<br />
body {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-family:sans-serif;<br />
}<br />
a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none;<br />
}<br />
.mblmetromenu {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:960px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:auto;<br />
}<br />
@media screen and (max-width:960px) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.mblmetromenu {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
}<br />
<br />
/* MblMetroMenu */<br />
.MblMetroMenu {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br />
}<br />
.om-nav {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index:999;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
}<br />
.om-ctrlbar {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
}<br />
.om-ctrlitems {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:inline-block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
}<br />
.om-ctrlitem {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.5;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>filter: alpha(opacity=50) !important; /* For IE8 and earlier */<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
.om-ctrlitem:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.8;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>filter: alpha(opacity=80) !important; /* For IE8 and earlier */<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
.om-activectrlitem {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:1 !important;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>filter: alpha(opacity=100) !important; /* For IE8 and earlier */<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
.om-controlitems {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:960px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:auto;<br />
}<br />
.om-controlitem {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
}<br />
.om-closenav {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<br />
}<br />
.om-movenext {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:right;<br />
}<br />
.om-itemholder {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:20px 0px;<br />
}<br />
@media screen and (max-width:960px) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.om-closenav {<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>position:absolute;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>z-index:9999;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>left:0;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>top:0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.om-movenext {<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>position:absolute;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>z-index:9999;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>right:0;<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>top:0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.om-controlitems {<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.om-itemholder {<br />
<span class="Apple-tab-span" style="white-space: pre;">  </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
.om-centerblock {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:inline-block;<br />
}<br />
.om-item {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
}<br />
.om-showitem {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
}<br />
/* END MblMetroMenu */<br />
<br />
/* TILE BUTTONS */<br />
/* Standar Buttons */<br />
.tile-bt {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:90px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:90px;<br />
}<br />
.tile-bt a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top:12px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: !important;<br />
}<br />
.tile-bt img {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 auto 0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
}<br />
.tile-bt span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:12px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
}<br />
.tile-bt:active {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.5;<br />
}<br />
/* End Standard Buttons */<br />
<br />
<br />
/* Large Buttons */<br />
.tile-bt-large {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:190px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:90px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>line-height:90px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
}<br />
.tile-bt-large a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: !important;<br />
}<br />
.tile-bt-large img {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>vertical-align: middle;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:48px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:48px;<br />
}<br />
.tile-bt-large span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>vertical-align: middle;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:inline;<br />
}<br />
.tile-bt-large:active {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.5;<br />
}<br />
/* End Large Buttons */<br />
/* Extralarge Buttons */<br />
.tile-bt-extralarge {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:190px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:190px;<br />
}<br />
.tile-bt-extralarge a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top:52px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: !important;<br />
}<br />
.tile-bt-extralarge img {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 auto 0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:22px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:80px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:80px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
}<br />
.tile-bt-extralarge span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:14px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
}<br />
.tile-bt-extralarge:active {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.5;<br />
}<br />
/* End Extralarge Buttons */<br />
<br />
/* END TILE BUTTONS */<br />
<br />
/* SHADOW LIST */<br />
.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>/*display:inline-block;*/<br />
}<br />
.shadow-white:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:0px 0px 6px 3px #fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:0px 0px 6px 3px #fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:0px 0px 6px 3px #fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-box-shadow:0px 0px 6px 3px #fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-box-shadow:0px 0px 6px 3px #fff;<br />
}<br />
.shadow-blue:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:0px 0px 6px 3px #38D1F7;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:0px 0px 6px 3px #38D1F7;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:0px 0px 6px 3px #38D1F7;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-box-shadow:0px 0px 6px 3px #38D1F7;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-box-shadow:0px 0px 6px 3px #38D1F7;<br />
}<br />
.shadow-green:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:0px 0px 6px 3px #AACA37;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:0px 0px 6px 3px #AACA37;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:0px 0px 6px 3px #AACA37;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-box-shadow:0px 0px 6px 3px #AACA37;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-box-shadow:0px 0px 6px 3px #AACA37;<br />
}<br />
.shadow-red:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:0px 0px 6px 3px #E81750;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:0px 0px 6px 3px #E81750;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:0px 0px 6px 3px #E81750;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-box-shadow:0px 0px 6px 3px #E81750;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-box-shadow:0px 0px 6px 3px #E81750;<br />
}<br />
.shadow-black:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:0px 0px 6px 3px #444;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:0px 0px 6px 3px #444;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:0px 0px 6px 3px #444;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-o-box-shadow:0px 0px 6px 3px #444;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-box-shadow:0px 0px 6px 3px #444;<br />
}<br />
/* END SHADOW LIST */<br />
/* BACKGROUND LIST */<br />
/* Solid Colors */<br />
.solid-blue { background:#00BBE2; }<br />
.solid-blue-2 { background:#2C84EE; }<br />
.solid-darkblue { background:#044E94; }<br />
.solid-violetred { background:#781766; }<br />
.solid-red { background:#E51400;}<br />
.solid-red-2 { background:#E81750; }<br />
.solid-pink { background:#FF539B; }<br />
.solid-purple { background:#D02090; }<br />
.solid-orange { background:#FB8F02; }<br />
.solid-orange-2 { background:#FF6600; }<br />
.solid-orange-3 { background:#DD5F37; }<br />
.solid-coral { background:#CD5B45; }<br />
.solid-green { background:#67B239; }<br />
.solid-green-2 {background:#96BF01; }<br />
.solid-darkgreen { background:#016C38; }<br />
.solid-olive { background:#999900}<br />
.solid-grass { background:#CDCD00; }<br />
.solid-darkred { background:#5F0000; }<br />
.solid-gold { background:#FEE9AE; }<br />
.solid-yellow { background:#F7D100; }<br />
.solid-black { background:#000; }<br />
.solid-smoke { background:#F5F5F5; }<br />
/* End Solid Colors */<br />
<br />
/* MISC */<br />
.clearspace { clear: both; }<br />
.floatleft { float:left; }<br />
.floatright { float:right; }<br />
.none { display: none !important; width:0px !important; }<br />
.light-text {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#fff;<br />
}<br />
.dark-text {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#1e1e1e;<br />
}<br />
.gradient {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */<br />
}<br />
.margin-5 { margin:5px; }</blockquote>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<b><span style="font-family: inherit;">Step#2: Adding METRO Menu in Blogger:</span></b></div>
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Now it entirely depends on a person where he wants to place this menu. The ideal place of adding it would be just under the header. Therefore, paste the following coding anywhere you want to see this Menu on your site.</span></li>
</ul>
<div>
<blockquote class="tr_bq">
<br />
<div class="mblmetromenu"><br />
<br />
<div data-navid="om-nav" class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTEn0rpe2vRvZZkdk_iFuM3y1odunm56E9QlVApDvHulmGSEetywNkKNf8dHXbFjqjNVyPQNicIOwdfBqGTOYsli1dt38ZJF61UGiBlHcp6VY3rmP473QQBORX1QefTXNfULnG1GrqSMQ/s1600/home.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Homepage</span></span><br />
</a><br />
</div><br />
    <br />
<div data-navid="om-nav" class="tile-bt-large solid-coral shadow-red margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZueV4_Fs5ldlM7r29AxFXNld6gtY9vHKhcA-Np6U1KEdaSdA1K9968ghfITB1AnChCgWLxd0bU6vuQCXqdFPRyd10qLE36vy5eUnFKen5XxjVU6qqJlOIxaD8NUUc1XmjyIx1NBpvQk/s1600/messanger.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">About US</span></span><br />
</a><br />
</div><br />
    <br />
<div data-navid="om-nav2" class="tile-bt solid-purple shadow-blue margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDpWhw5TaEromM6WerSDdmgfasDSB3LdWeIf005p2eooJaQyFm3eb0jKvNHvDUwlJX4Wm2XR8dtaVB_3ej3jneX58xQxNi0fUuDS9pshDKeqC5RLDKdKpg9o8YRHP9UaWCYGSqqQsxSI/s1600/rss.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Rss Feeds</span></span><br />
</a><br />
</div><br />
    <br />
 <div data-navid="om-nav" class="tile-bt-large solid-red shadow-red margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUoNM9yXaBjY5LgNsFAhEq2mCBl150Z3TvO2lAg6MV68s8XfngA70-oM8ZYH9p8bjEk47SOgBSsDVZFnBnsv9rZ_QUJXP6spmHTaf-OhfABg8a0Bk9Aams8PPy_5kB38OH6MsczHpbB4/s1600/search.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Search</span></span><br />
</a><br />
</div><br />
      <br />
 <div data-navid="om-nav2" class="tile-bt solid-darkred shadow-red margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewvFLxwleT7xxQPh3ji2WzjBTU1mtwMod3yG_YEDXnlnyajsmI41HXlJ_MuMDFMPfUxHiZTemwomfVAz3AUt02518wHJil4NDQ0e9-7C-GRkzaJozydSW-ATYvh5SfuiCfD4pGAYXAEw/s1600/mail.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Contact US</span></span><br />
</a><br />
</div><br />
      <br />
<div data-navid="om-nav2" class="tile-bt solid-black shadow-black margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigNYXvNzc7y8NQn_3yLMlz49laDkTOL8QMLY6j7fhWQvbO4QlgrNQMdbswEpl35o2VtPloyeH1IvrGgZCXulizOLfZSczrG4oGmCwZweXdAQKmgJ8eU-yMPJ-H-ajnRw18iCTF7dWzCM4/s1600/help.pn" alt="" /><br />
 <span class="light-text"><span style="background-color: cyan;">Get HELP</span></span><br />
</a><br />
 </div><br />
      <br />
<div data-navid="om-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj440sG3saeSRJ_Y7ZDlJtTjW928u39apteoDNiRfA27F47b46cVAl6aT1rLLy8FB3tYynGTaOfTUg2RGUbpp-RLGt39P62N-t90uTSS59aNSNWa9VzPSJh2LG0tT-RoPcEjW9Ucd0o1fE/s1600/youtbe.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">YouTube</span></span><br />
</a><br />
</div><br />
      <br />
<div data-navid="om-nav2" class="tile-bt solid-darkblue shadow-blue margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxrKh4GyKwP4avYj7opG_u8d_vdn9culQ1qyYjvizrM5waNPIyntaXbW-uW22jFLVxnxUnlh1HI0zqphEeXcN2U_TithKRBMMt1-nIF-pPv6IlGF7KE1jbrq03FcivNoiT3_FaZmZcdc/s1600/face.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Facebook</span></span><br />
</a><br />
</div><br />
      <br />
<div data-navid="om-nav" class="tile-bt-large solid-blue shadow-blue margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzaGcs78AUD1WNAD_W7prqF2h-tRdeXBFjc3GyQY9u6wgll2zhOOhOyv9pCdUdgy-2jI7e1fgZGSnVNxCQ3kD1fcCw3jHPaia0pLGdlF3pOF3HS8n_Eg0EGF_7mCVD8f2rUustRN-B8NI/s1600/photo.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Photos</span></span><br />
</a><br />
</div><br />
      <br />
<div data-navid="om-nav2" class="tile-bt solid-olive shadow-green margin-5 floatleft MblMetroMenu"><br />
<a href="<span style="background-color: orange;">#</span>" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrcU-Qw9h64BGETs7H3goNDkJUeOnYbsqjNltdoXjSrCmZiTq-0YqRS7-qWYgooOCjRDUFqr8TeWFldh-r_OSouxW8kcj-wR2dcx0VBuH5PQ9XX4616gpYuj1Iqu3-RLZLE8TKDA0ahA/s1600/music.png" alt="" /><br />
<span class="light-text"><span style="background-color: cyan;">Music</span></span><br />
</a><br />
 </div><br />
      <br />
<div data-navid="om-nav" class="tile-bt-large solid-blue-2 shadow-blue margin-5 floatleft MblMetroMenu"><br />
<a href="http://www.mybloggerlab.com" class="gradient"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZjyTY5_egChx-WkW670rgPHPU9ppyOxCMW1nGfCzjxr0CQbAkL7YyEjxQa2m5MsZFehREZuBd4KXKtgLKmeCohiIrPxR_y1szYhda0D-MjMr1uASlmsEHYelGWlPxiavbnldyTo9NCs/s1600/MBL.png" alt="" /><br />
<span class="light-text">MyBloggerLab</span><br />
</a><br />
</div><br />
        <br />
<span class="Apple-tab-span" style="white-space: pre;">  </span></div><br />
</blockquote>
<br /></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><b>All Done: </b>Indeed straightforward? Well, that’s all. The responsive Windows 8 look like navigation menu has been integrated in your website. Remember: This Menu can be used on any Platform that supports HTML or CSS i.e. WordPress, Jhoomla and etc.</span></div>
</div>
</div>
<div class="post-footer">
<div id="related-posts">
<div style="clear: both;">
</div>
</div>
<div style="clear: both;">
</div>
<div class="post-footer-line post-footer-line-1">
</div>
<div class="post-footer-line post-footer-line-2">
</div>
<div class="post-footer-line post-footer-line-3">
</div>
</div>
</div>
</div>

How To Create Metro UI Navigation Menu in Blogger Blog

Are you bored with your website’s navigation menu? Does anyone want to revamp his unappealing navigation menu into Windows 8 Sty...