HaCk-A-tHoN

Colorful Tabs: A JQuery Menu For Blogger

Rahul Rankawat 0

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBBkgdTG1qJs28no9H5Ej1D3QXeI0bq2DKr_vChA7am6iyQq2FvvYIOVUj0YnV7X-rnwR3n_dIhseEuEU0MsA2-4wzZU0yWIezNmDmc-IVvoxgcm_Mxq38Ls-ijIcK-EuTdkUEjWdiGg/s1600-h/colourful-menu6.gif" style="border: 0px; color: #289728; outline: none; text-decoration: none;"> <img alt="colourful jquery menu" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopxW_jsw_EjSrgBJIEejC48mHu1eJ5-0cfn6gJQ7sWn3bU4dXTzWedupFPrvNphUuG-ryzaz897FFzbZjNQOtvqVE7D4jIpQYwcZ9F9Vi4simJaa6munAoxQ1MdCWFdD_96SzSCHmxeQ/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="colourful jquery menu" width="598" /></a>After having published and designed over 100+ Navigation Menus for Blogger, both with horizontal and vertical list view, today we would like to share a beautiful menu that has remained the favorite choice of all MBT clients so far. This menu changes color for each tab on mouse hover. It uses simple JavaScript functions to produce neat and clean transition effects. Instead of displaying the sub menu items in traditional vertical drop down list, we aligned them with one another to fit into a single line. Unlike other menus, this widget would easily fit any BlogSpot template without design conflicts. It is positioned at the top most section of your blog to attract readers the most. The installation steps are fun to try and extremely easy. The Menu works fine on all major browsers i.e: IE7+, Safari, Chrome, Mozilla and Opera.  Lets add it to your blogs and get rid of any existing bulky menu that proved no less than a trouble.</div><div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;">If you are interested to learn how to create a menu from scratch and add Jquery effects to it then read the previous part of this series.</div> <h3 style="background-color: white; font-family: Arial, serif; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Add it to blogger</h3><ol style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"><li>Go To Blogger > Template</li>
<li>Backup your template</li>
<li>Click Edit HTML > Proceed</li>
<li>Search For <head> and just below it paste these scripts:</li>
</ol><blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;"><script src='http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js' type='text/javascript'></script>     <script src='http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js' type='text/javascript'> </script>     <script src='http://mybloggertricks.googlecode.com/files/mt-colourful.js' type='text/javascript'></script> </blockquote>    5.   Now search for the body class. i.e: Looks similar to this with some code inside it <blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;">body {-------) </blockquote>Inside this class paste the following values: <blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;">body {  margin:0pxpadding:0px;------}  </blockquote>       6.   Next search for this: <blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;"><body></blockquote>or this: <blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;"><body expr:class='&quot;loading&quot; + data:blog.mobileClass'></blockquote>7.   Just below it paste the following compressed code: <blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; color: #333333; font-family: georgia; font-size: 0.9em; font-style: italic; margin: 0px 20px; padding: 10px 20px 10px 45px;"> 
<style> 
/*------- Colourful Tabs Menu by faduhack1.blogspot.com -------*/ 
.MBT-Nav-container { 
border: 1px solid #cfcfcf; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1g77oEVfIX_JQW9zyhaBIX_gXP4zUOp6GXyxraXiFN7Kq4LPaJyZ1olH7xiVXUH-Xqg6RIQVUYTkkJxBhlpsgRQWjq4i59plG4hyCTPbj_njbL8ID_f89gNw6QQyFOEEXh5cy_PmRbgU/s400/menu-bgd.png) bottom left repeat-x; 
    position: relative; 
      margin: 0;  padding: 0; 
border: 1px solid #cfcfcf; 
} 
ul#nav { 
    border-left: 1px solid #cfcfcf; 
        border-right: 0px solid #cfcfcf; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1g77oEVfIX_JQW9zyhaBIX_gXP4zUOp6GXyxraXiFN7Kq4LPaJyZ1olH7xiVXUH-Xqg6RIQVUYTkkJxBhlpsgRQWjq4i59plG4hyCTPbj_njbL8ID_f89gNw6QQyFOEEXh5cy_PmRbgU/s400/menu-bgd.png) bottom left repeat-x; 
    position: relative; 
    font-size: 12px; font-family: helvetica, arial, sans-serif; 
    list-style: none;  margin: 0 auto;  padding: 0; 
    width: 960px; 
} 
#nav ul { 
     margin: 0; 
   
} 
:focus { 
    outline: 0; 
} 
*html ul#nav { clear: both; height: 1%; } 
ul#nav li a { 
    display: block; 
    float: left; 
    text-transform: uppercase; 
    font-weight: bold; 
    line-height: 33px; 
    padding: 0 13px 0 10px; 
    color: #333; 
    text-decoration: none; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6vlTjsexDyQg8vdIiPECjnOt2OonG6lt7rZ1hEz8X6qeTdk7RoX7IUFvNDBlQiNbCbpXsRTuS5jYIcPMtYybtnv526y2poxaME7wOcHph_zAauzVtk8M6Rfl-PscVisb9c-g-pD5FGY/s400/menu-rule.png) right 2px no-repeat; 
} 
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; } 
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; } 
ul#nav li a:hover, ul#nav li a.open { color: #fff; } 
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; } 
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; } 
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; } 
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; } 
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; } 
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; } 
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; } 
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; } 
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; } 
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; } 
ul#nav li#link-home a { 
    padding: 0 33px 0 10px; 
    text-indent: -9999px; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9-MFZ2_pr6mduqOJn1A148bnbeFZx8FXQuKhiSVnO9qvEkBcG8sQwRFZOtPbj7Vri04tGX9Wo26Xy6TSuAihK1HGwno7z9wLtNli0RG-7bkOZH8vGizoS0dRb8MrXv29uZpdReo8pWE/s400/home-icon.png) right 0px no-repeat; 
} 
*html ul#nav li#link-home a { padding: 0; width: 43px; } 
ul#nav li#link-home a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9-MFZ2_pr6mduqOJn1A148bnbeFZx8FXQuKhiSVnO9qvEkBcG8sQwRFZOtPbj7Vri04tGX9Wo26Xy6TSuAihK1HGwno7z9wLtNli0RG-7bkOZH8vGizoS0dRb8MrXv29uZpdReo8pWE/s400/home-icon.png) right -33px no-repeat; } 
/* Sub-Vertical Navigation */ 
ul.sub-nav { 
    position: absolute; 
    top: 33px; 
    left: -1px; 
    overflow: hidden; 
    width: 960px; 
    display: none; 
    z-index: 999; 
list-style: none; 
  padding-left:0px; 
} 
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4jqdCvnHtIbsZfExeOCdSZ4kortZVdCXKdWm_DQcLyoW7U1ajGMX5V5BiuwmZFRpH-oZGXcsWhO5E_1yiHfxFWGhAra-R3stbocX4edpBV_QO-bpIAV0l2NIFV8kfJKtwdOxCEz4sZ0/s400/business-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFatN4u5EMuKX3gek4oLWs96IjYyWVBMK3rsbjmwBHJxv1b387314e9Haw4sgpEzgmpWampVqptistW9X80FIBmkBsKjaDPtWVQjBRhIUUBHIzWb27AEowk5H7D0oEVylaJ3X9kMkj0Wg/s400/entertainment-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGPWUTimnAuRbTOw4_6X0IRfPV54y9QxN0uBUvm0LIG2iH5HWISrhQXWE2dy3hq841gtfl8SCX2U1-ySe8RFMPJ1-qrTwej_iXC6-utO43611XxedTte7rPBW7MjeB7swBntD4cvaNAZs/s400/news-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghno-LJnZNKPpzmEHPclh62n93nTfqAL7fExO3kjuSeoHX5924IJFPKr6iMG3bnkQYVTxBwkC6hFqTcflbidZln6AomfMylMN641oVknR9w9jbAbMQS2ryPuDFKUeTmExhnlkYAl1SijI/s400/life-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz7gKIb1R7AYNuCHZSPHpX5eSWeN0e7UiAJEK2O9TGobdxlpzSTCnvRqbRIXKCiOA5UetjZ22z-3Hx-MUHXLGr00H3TFvlYGD_XA4y7CpqUxwVwwM73HJLthO4Vi-DU0aKUO-D6ljz5Tk/s400/technology-subnav-bgd.png) top left repeat-x; } 
ul#nav li ul.sub-nav li { float: left;   } 
ul#nav li ul.sub-nav li a { 
    float: none; 
    background: none; 
    font-size: 11px; 
    text-transform: none; 
    color: #fff; 
    line-height: 25px; 
} 
ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; } 
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; } 
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; } 
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; } 
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; } 
</style> 
<div class='MBT-Nav-container'> 
<ul id='nav'> 
               
               <li class='non-vertical-link top-link' id='link-home'><a class='open' href='#'>Home</a></li> 
                <li class='top-link' id='mbt'><a href='#'>TAB 1</a> 
                    <ul class='sub-nav'> 
                    <li><a href='#'>SUB TAB 1.1</a></li> 
                    <li><a href='#'>SUB TAB 1.2</a></li> 
                    <li><a href='#'>SUB TAB 1.3</a></li> 
                    <li><a href='#'>SUB TAB 1.4</a></li> 
                    </ul> 
                </li> 
                <li class='top-link' id='link-entertainment'><a href='#'>TAB 2</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 2.1</a></li> 
                    <li><a href='#'>SUB TAB 2.2</a></li> 
                    <li><a href='#'>SUB TAB 2.3</a></li> 
                    <li><a href='#'>SUB TAB 2.4</a></li> 
                    <li><a href='#'>SUB TAB 2.5</a></li> 
                    </ul>                 </li> 
                <li class='top-link' id='link-news'><a href='#'>TAB 3</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 3.1</a></li> 
                    <li><a href='#'>SUB TAB 3.2</a></li> 
                    <li><a href='#'>SUB TAB 3.3</a></li> 
                    <li><a href='#'>SUB TAB 3.4</a></li> 
                    </ul> 
                </li> 
                <li class='top-link' id='link-life'><a href='#'>TAB 4</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 4.1</a></li> 
                    <li><a href='#'>SUB TAB 4.2</a></li> 
                    <li><a href='#'>SUB TAB 4.3</a></li> 
                    <li><a href='#'>SUB TAB 4.4</a></li> 
                    <li><a href='#'>SUB TAB 4.5</a></li> 
                    <li><a href='#'>SUB TAB 4.6</a></li> 
                    <li><a href='#'>SUB TAB 4.7</a></li> 
                    </ul> 
                </li> 
                <li class='top-link' id='link-technology'><a href='#'>TAB 5</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 5.1</a></li> 
                    <li><a href='#'>SUB TAB 5.2</a></li> 
                    <li><a href='#'>SUB TAB 5.3</a></li> 
                    <li><a href='#'>SUB TAB 5.4</a></li> 
                    <li><a href='#'>SUB TAB 5.5</a></li> 
                    </ul>                 </li> 
<li class='non-vertical-link top-link' id='link-top10'><a href='#'>TAB 6</a></li> 
  
               
                  <li style='clear: both;'/> 
            </ul> 
</div> 
</blockquote><div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.866666793823242px;">8.  Hit Save and all done! Visit your blogs to see a complete new change to the site layout. The menu will blend both light and dark themes. Have fun. :) <h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Customizations Guide:</h3>The code is written in a neat way so that any one may easily change, add or delete the tabs.  <ul style="list-style: none;"><li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLpYoIhxg1ib2Pdz5buaggUW-IwLi39cNRoU15QUadhyphenhyphenaUT7F58Hrn9G18fWdeTV1lyzGLuCoRaaa-zBR2lHbq9HNoAB9eBvubce16VH3KEeTfjM7dNjU0sa_PErj8oiHDUrxDVHgee0/s1600/blue-bullet-icon.png); background-position: 0px 5px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Replace # with URL of the page and replace TAB names with Page Title</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLpYoIhxg1ib2Pdz5buaggUW-IwLi39cNRoU15QUadhyphenhyphenaUT7F58Hrn9G18fWdeTV1lyzGLuCoRaaa-zBR2lHbq9HNoAB9eBvubce16VH3KEeTfjM7dNjU0sa_PErj8oiHDUrxDVHgee0/s1600/blue-bullet-icon.png); background-position: 0px 5px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To change the width of the menu edit width: 960px</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLpYoIhxg1ib2Pdz5buaggUW-IwLi39cNRoU15QUadhyphenhyphenaUT7F58Hrn9G18fWdeTV1lyzGLuCoRaaa-zBR2lHbq9HNoAB9eBvubce16VH3KEeTfjM7dNjU0sa_PErj8oiHDUrxDVHgee0/s1600/blue-bullet-icon.png); background-position: 0px 5px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To create a new tab in any sub menu simple paste this code above </ul></li>
</ul><blockquote class="tr_bq" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; font-family: georgia; font-size: 0.9em; font-style: italic; line-height: normal; margin: 0px 20px; padding: 10px 20px 10px 45px;"><li><a href='#'>SUB TAB</a></li></blockquote>Tab 7 to Tab 10 are disabled. If you want to activate any one of it then simply remove the comment tags across it. i.e  after itFor more customization tips, just post me a comment!<h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Is it SEO friendly?</h3><div align="justify" style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 20px;">Simple CSS and HTML menus are way better than flash menus because they use the hyperlink tag along with anchor text. Search engines crawl them better and they appear clearly in SITE LINKS. This menu has everything that robots would love. It has a Clear structure and uses no fancy Jquery functions which could lead to High load time.</div><h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Credits</h3>The menu design is inspired from <a href="http://blogs.com/" style="background-color: white; border: 0px; color: #289728; font-family: Verdana; font-size: 13px; line-height: 20px; outline: none; text-decoration: none;" target="_blank">blogs.com</a>, scripts and code structure is made compatible with blogger by MBT blog. You are most welcomed to redistribute the code as long as you attach attribution and credits back to this page. <h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Need help?</h3><div align="justify" style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 20px;">The code is self explanatory and would not trouble many of you. However if you want to further customize the menu then you are most welcomed to ask us for any help needed. Please always share your BLOG URL while posting. I hope this little effort may prove helpful for most of you. Thank you for taking time and reading this tutorial. Peace and blessings pals. :)</div></div></div>

Blogger Widget Colorful Tabs: A JQuery Menu For Blogger

After having published and designed over 100+ Navigation Menus for Blogger, both with horizontal and vertical list view, today we would lik...

How To track Downloads On your Website?

Rahul Rankawat 0

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"> <img align="left" alt="Track Donwloads in Blogger" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo2hoGshZgyxS_IYbAU3pQZz2V_0sVee_9ie860I2N592ZLfH_V8wm50nONR2y2P7HbaDA9ohfcnPWXEWoE_6XcoaXm7UM2q_qhREYYCL5qsdDnzBTAAif_9r6NEeSxEb-y74MO7bLyEM/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: inline; margin-left: 0px; margin-right: 0px; padding: 10px;" title="Track Donwloads in Blogger" width="310" />Probably we all love to know how many times a file on our website is downloaded. You can observe that I track all my downloads whether its templates, icons, buttons or any other <a href="http://blogger.com/" style="border: 0px; color: #289728; outline: none; text-decoration: none;" target="_blank">blogger</a> resource. This helps me know how popular that particular file is. Many questioned us about the script we use to track our files and today we would share every detail on how we actually track downloads on Blogger.</div><div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"> 
</div><div align="justify"> 
</div><h3 style="color: black; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">How To Track Downloads in Blogger?</h3>I use <a href="http://dstats.net/" style="border: 0px; color: #289728; outline: none; text-decoration: none;" target="_blank">Dstats</a> service for tracking number of downloads. The method is simple. There are two steps which are, 
Inside your posts simply paste the code below. Replace  PASTE-FILE-LINK-HERE with the link of your file you want readers to download. And replace Image URL OF Download Button with the Image Link of your Download button. 
 
<blockquote class="tr_bq" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; font-family: georgia; font-size: 0.9em; font-style: italic; line-height: normal; margin: 0px 20px; padding: 10px 20px 10px 45px;"><a href="http://dstats.net/download/PASTE-FILE-LINK-HERE"><img src="Image URL OF Download Button" border="0"/></a>Downloads:<a href='http://dstats.net/download/PASTE-FILE-LINK-HERE'></a> 
<script type='text/javascript' src='http://dstats.net/dstatsjs.php?file=PASTE-FILE-LINK-HERE'></script> 
<script type='text/javascript'>document.write(dsCounter);</script></blockquote> 
<h3 style="color: black; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">Grab these Download Buttons.</h3><div align="justify">You can use the following Download buttons from <a href="http://dryicons.com/" style="border: 0px; color: #289728; outline: none; text-decoration: none;" target="_blank">dryicons</a> Simply right click an image and select “Copy Image Location” and this will give you the Image URL for the button.</div><center><table border="0" cellpadding="2" cellspacing="0" style="width: 400px;"><tbody>
<tr><td valign="top" width="200"><img alt="download_buttons1" border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEHlm6Ydel19gKLsmdYD4LYKYc0i69m34q3oQlQulu593KDmUuj05aMwFVxwT9un76jykgIR8yZQDdVac_Y4gvrOYm-oDmnrQ84v6z2gCfMvRad5Mb4aU-6bZSe7gRJr4nnpBCLIqVTc/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons1" width="214" /></td><td valign="top" width="200"><img alt="download_buttons4" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAHRhYdxDhUizbEK0Wc3vfrn2QFpKkFj9UL0KmnCTJ7u8rvbdk3nRC_q25DWe4yGhZ2DTvZ1oAFIzQY7zYKU5OsxFTk4aeNtKRB3XUcVBJJd_MrniYNtK_LFi9uWHS9Aotd59NrNcCq4/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons4" width="211" /></td></tr>
<tr><td valign="top" width="200"><img alt="download_buttons2" border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUOJ9MN7VQPNht1GWSY1mHOwFr77w_XZmCAGG_SBpkBqUrEv9ZNp1H65iFuFw3Q3WOMQOIHUHQs7IAvWnAyiCCNdloOGdxHPGqnt_PG8EN1GEBDvm4zXXgvkWqQYsnpp_nNB8hz7wUBr0/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons2" width="212" /></td><td valign="top" width="200"><img alt="download_buttons5" border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrPr5xKNcnS5t2qSZFodVO1058uCBNRQf7ZLjeWm4xdqOa1BDTlPEsOlOY14xiRzq6ytRS2BUQL8k66L_T9bAS6nPQE8CSrAprLNP_kBLN6NxKJ2SeCIx7EfBztdGCxzNIrnKXhw6QkCM/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons5" width="212" /></td></tr>
<tr><td valign="top" width="200"><img alt="download_buttons3" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpAx3MQgLT5W_z4Wt6tgHkhmp447ksFOO2AUQSK5IkYscOurY9DBY723FOPhMWmiVNuGaCD-sq0MgYCVw6R7lRdVfc3wEZUk18n7Itd3dZDelV9ULiBeWltUGwGyjUYDfQR7IEdi1kUnI/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons3" width="217" /></td><td valign="top" width="200"><img alt="download_buttons6" border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VzAP6Ks1yliNT_yHWV66-gGcJNKl4-ha-eaqfmfukDbSsylYDG4TV3H3Hu-GTiV8-xZdlS6sEYRcgH442ob1xMCF5Zx8IVgcTkz0udVlwxdKLQPQ0P4zErj3Q6mEETUBk5_LeuwUgPg/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="download_buttons6" width="213" /></td></tr>
</tbody></table></center><div align="justify"> 
</div>Once you are done, publish your post and see a beautiful Download button with an auto download tracker hanging inside your post. Enjoy! :) </div>

Blogger Widget How To track Downloads On your Website?

Probably we all love to know how many times a file on our website is downloaded. You can observe that I track all my downloads whether its ...

Add Customized PayPal Donate Button Below Blogger Posts

Rahul Rankawat 0

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"> <img align="left" alt="donate" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4JUU6yWadFhrolKuEldeUJxXmrvE6hYWd2omjxHro2z6_W7ZjGEhIIFwvzLS4kiGe6gR-0f0YG3LLsVXwYBO_qOdUA_-QgBXRxQQVgji8ZlMbFQpZZgTM3neGYQY7HWKv-SsD7ujjfY/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: inline; margin-left: 0px; margin-right: 0px; padding: 10px;" title="donate" width="238" />Below every post at “MY Blogger Tricks” you have seen a PayPal donate <span978842>button</span978842> customized with some Author description next to it. It’s indeed a wizard tool that helps you tremendously with your <span978842>Blog</span978842>’s revenue. Some people are really generous and they do help new bloggers and keep them motivated with their precious donations. Some great people have even donated us $20-$25 just for making them smile. :) I had kept this little PayPal donation code for my premier services but I thought it would be nicer if I <span978842>share</span978842> it with all those who wish to go forward. See a screen shot below,</div><div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"> 
</div><div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 20px;"> 
</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"><img alt="paypal-donate-button" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPVcqf7Q2IbJjFamyBfgvvJRrOCRA70DmHnxipXbTW6DSqbWVzCKFEJwm-E9yLf9myUL3-D8hEjZsb-fY1RAzn6AkJbrMXodH74xd2jSRwL9sjwRztWg5R1y_ETsdE_6tawTbus7J6sqQ/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="paypal-donate-button" width="561" /></div><h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">How To Get the PayPal Donate Button Code?</h3><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">Kindly follow these steps,</div><ol style="font-family: Verdana; font-size: 13px; line-height: 20px;"><li>Log into <a href="http://www.paypal.com/" style="border: 0px; color: #289728; outline: none; text-decoration: none;" target="_blank">PayPal</a></li>
<li>Click The Merchant Services Tab and then select Donate Option under Create Button</li>
</ol><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"><img alt="Paypal--1" border="0" height="434" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA82P15utLAiGvRoyr_lFyhS8iI_r04FI5EYfToRx7q8Eh-LJ86f5HGzAK3hN129TrDSNVdLSQMnPFyEEC6qv4EcvlQMV4hYYqmQmBZmuXbxtepFdHng2QAiEK0eMXbF9_HQ-oijkCjiw/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="Paypal--1" width="308" /></div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"> 
</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">    3.  Then Fill the form with relevant details as shown below. Leave step-2 and step-3 as default.</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"><img alt="Paypal---2" border="0" height="545" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3kwCZ_BU55JUZvAWdOgq2G_fwWDo-Zg56YPUwJnRQ3zW15GQmj_H8KD0NQeyT1bVO7ireNVvnf_JIUgOcyFtETbDIcY7TgvSgxuYPLLNteK1amIZM81qOMZOofp8WTc9Y03ZGj9yTwg/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="Paypal---2" width="552" /></div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">     4. Hit Create Button</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">     5.  Click Remove code protection Link in order to simplify the code. Its completely safe even this way.</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"><img alt="paypal--3" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnUVaLC1XaFFjy8BLqVw7i8XTdntKr7L7c4_xlbP9RkcIzL_CTI34ivbmgokhkQHMhOgY98Bb0FSD-dfPdk3GMWHx_DFplWsBE1qrm_81QMrnJZ84jVN6ax2uPxTER9z27zgNj1uPkFCA/?imgmax=800" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 0px none; box-shadow: transparent 0px 0px 0px !important; display: block; float: none; margin-left: auto; margin-right: auto; padding: 10px;" title="paypal--3" width="467" /></div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">       6.  Copy the code and jump to the next part of the tutorial below.</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"> 
</div><h3 style="color: black; font-size: 24px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">How to add Customized PayPal Donate Button To <a href="http://blogger.com/" style="border: 0px; color: #289728; display: block; outline: none; text-decoration: none;" target="_blank">Blogger</a>?</h3><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">Note:- Before adding the customized code shared below to blogger if you wish to try it on MBT HTML Editor and customize the look then its not a bad idea. :)</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">As usual I have tried my best to keep it simple. So here we go,</div><ol style="font-family: Verdana; font-size: 13px; line-height: 20px;"><li>Go To Blogger > Design > Edit HTML</li>
<li>Back up your template</li>
<li>Check the Expand Widget Templates box</li>
<li>Search for data:post.body</li>
<li>Just below it paste the code below,</li>
</ol><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"></div><blockquote class="tr_bq" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-4IqJgJBpDTND0bYakOAzZgogp9KCSHJVVNMIaWXIAmq3l92DUdUBsIWtITST9RwB-jT0SobdN-GR003yOPlkrP9eGRh5ym866e7c3lboaADxwZ2x9dq7_BjyvzyjQXhZij35cRxNbKL/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; font-family: georgia; font-size: 0.9em; font-style: italic; line-height: normal; margin: 0px 20px; padding: 10px 20px 10px 45px;"><b:if cond='data:blog.pageType == &quot;item&quot;'> 
  <table border='0' cellpadding='2' cellspacing='0' width='590'><tbody> 
      <tr> 
        <td><div style='border:5px solid #37BD07; padding:5px 10px; margin-right:5px;'>   PASTE PAYPAL DONATE BUTTON CODE RIGHT HERE </div> </td> 
          #2FAA2F'>Respected Readers: 
                  WRITE YOUR SHORT REQUEST MESSAGE HERE 
       </td> 
      </tr> 
    </tbody></table> 
</b:if> 
        <td> </blockquote> 
 
<div style="font-family: Verdana; font-size: 13px; line-height: 20px;">Replace PASTE PAYPAL DONATE BUTTON CODE RIGHT HERE with your PayPal code that you got earlier. And replace WRITE YOUR SHORT REQUEST MESSAGE HERE with something that may catch reader’s attention. You can get an idea from my request message.</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">  6. Save your template and visit your blog and see it hanging in action :)</div><h3 style="font-family: Verdana; font-size: 13px; line-height: 20px; margin: 0.25em 0px 0px; padding: 0px 0px 4px;">How To Customize The Code?</h3><div style="font-family: Verdana; font-size: 13px; line-height: 20px;"></div><ul style="line-height: 18px; list-style: none;"><li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLpYoIhxg1ib2Pdz5buaggUW-IwLi39cNRoU15QUadhyphenhyphenaUT7F58Hrn9G18fWdeTV1lyzGLuCoRaaa-zBR2lHbq9HNoAB9eBvubce16VH3KEeTfjM7dNjU0sa_PErj8oiHDUrxDVHgee0/s1600/blue-bullet-icon.png); background-position: 0px 5px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To Change the width of the widget change the value width='590'</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLpYoIhxg1ib2Pdz5buaggUW-IwLi39cNRoU15QUadhyphenhyphenaUT7F58Hrn9G18fWdeTV1lyzGLuCoRaaa-zBR2lHbq9HNoAB9eBvubce16VH3KEeTfjM7dNjU0sa_PErj8oiHDUrxDVHgee0/s1600/blue-bullet-icon.png); background-position: 0px 5px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">To Change the border size and colour change border:5px solid #37BD07</li>
</ul> 
<div align="center" style="font-family: Verdana; font-size: 13px; line-height: 20px;">That’s it!</div><div style="font-family: Verdana; font-size: 13px; line-height: 20px;">Please not that if PayPal is not available in your countries then you can use Donate button of any Online account that you may have. If you needed any help just let me know. If this tutorial helped you a little then kindly consider contributing a small donation. :)</div></div>

Blogger Tricks Add Customized PayPal Donate Button Below Blogger Posts

Below every post at “MY Blogger Tricks” you have seen a PayPal donate button customized with some Author description next to it. It’s ind...

Tips to Hack someone easily with ProRat

Rahul Rankawat 0

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div style="background-color: #e4e6e0; color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; text-align: justify;">PRORAT is a powerfull remote administrator tool(RAT) or you can say it Trojan. ProRat was written in C++ programming language and its capable to work with all windows operating systems.</div><div style="background-color: #e4e6e0; color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; text-align: justify;">To make process and connect to a PC with ProRat v2.0 you must create a server with your own properties by using the client. Send the server to the PC' you want to connect and be sure that he opened the server. IP address, port number and server password will be sent to the notification address you set when creating the server. Write all of the information we sent you to the client and then Click on the "Connect" button. You will be connected to the server. if you want to logoff from the server click on the "Disconnect" button. 
All kind of user problems with PRORAT you can solve in http://www.prorat.net/forum </div><div class="separator" style="background-color: #e4e6e0; clear: both; color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; text-align: center;"></div><div style="background-color: #e4e6e0; color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://t0.gstatic.com/images?q=tbn:OqvgIDBEFkf9iM:http://bighacks.tripod.com/prorat19.jpg&t=1" imageanchor="1" style="color: #595a5b; margin-left: 1em; margin-right: 1em; outline: none;"><img border="0" src="http://t0.gstatic.com/images?q=tbn:OqvgIDBEFkf9iM:http://bighacks.tripod.com/prorat19.jpg&t=1" style="border-width: 0px; margin: 0px 4px 4px 0px;" /></a></div> 
</div><div style="background-color: #e4e6e0; color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; text-align: justify;">You can use prorat for a legel connection and for a hacking purpose.</div><div style="background-color: #e4e6e0; text-align: justify;"><div style="color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Tips which can help you when connecting through prorat. 
To connect to a PC with ProRaT client the server should not have to be directly connected to internet. so if the PC is behind a network and has a IP address like “192.168.0.* or if its behind a Router and has a IP like “10.*.*.* you will beable to connect with PRORAT, you must be a Special Edition user to do this process. Public Edition users can not use reverse connection to connect to PC 's behind networks and routers. You can only use Reverse Connection feature which you can connect to PC's which are behind networks and routers in PRORAT SPECIAL EDITION. 
PRORAT will not send any keylogg files or any passwords to your email address. PRORAT is a "ProHack Remote Administrator Tool" you can only get the keylogg files and passwords you want to learn by connect to the victims PC. 
You can connect to all PC in your country and other country’s as well. If the victim is connected to internet this will be enough. 
If you cant connect to a victim this doesn’t mean that you cannot connect to all victims. Please try new victims and you will see that it will connect. If you still cant connect to a victim after trying few times read the help file and try to find where you are making a mistake and feel free to ask us questions if you still have problems. 
If your or your victims PC is being forced to closing after you started PRORAT server or ProConnective this is not PRORAT fault because some kind of worm virus like msblast can infiltrate to PC which doesn’t have security patches. PRORAT will close the Firewall (optional) and this will give a chance to this kind of worms to infiltrate and close systems. To take measures please read the help file and you will see links to download patch files. 
If you try to make PRORAT server undetectable to AntiVirus the PRORAT will not connect to the server. If you want a server which is undetectable from AntiVirus you must buy PRORAT SPECIAL EDITION, 
If you didn’t try to change server and you still get a connection reject message, possibly the server wasn’t installed properly to the victims PC.</div><div><div style="color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">You can download it <a href="http://prorat.net/downloads.php" style="color: #595a5b; outline: none;">from here</a> or mail me</div><div style="color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">DISCLAIMER: Installing trojan on others computers you do not own or do not have permission to monitor. may violate local, state or federal law. 
Spying other people's activities or breaking into other people's computer without their permission can be considered illegal by the courts of many countries. The software reviewed here is ONLY for authorized system administrators and/or owners of computers. We assume no liability and are not responsible for any misuse or damage caused by the software. The end user of this software is obliged to obey all applicable local, state, federal and other laws in his country of residence. Every tutorial is for educational purpose only.</div><div style="color: #222222; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"> 
</div>Click here to <a href="http://linkc.at/CwXVCO">download </a></div></div></div>

crack Softwere Tips to Hack someone easily with ProRat

PRORAT is a powerfull remote administrator tool(RAT) or you can say it Trojan . ProRat was written in C++ programming language and its capa...

Facebook Free Credits Adder And Generator ® [WORKING] 2012 !!

Rahul Rankawat 0

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div style="background-color: white; color: red; font-family: Georgia, serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center;">Free Facebook credits adder and generator  2012*March Working /*</div><div style="background-color: white; color: red; font-family: Georgia, serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center;"> 
</div><div style="background-color: white; color: red; font-family: Georgia, serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNHbcTq6eLjt3eEVIdFM5awvLAZYZq3eVInxdUuccuRnV2kYGMUcxJiBnqEiCvTW9IuYFRMPhnL_Gect49Tf-XVVLexopeyUJMpoIuns27Kup8dxYyoO5rf3rN4bIFlE3WiB1KX4Flb-0/s1600/fb_cre.png" style="border: 0px; color: #888888; font-family: Georgia, serif; font-size: 16px; font-weight: normal; text-align: left; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5719429862452342690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNHbcTq6eLjt3eEVIdFM5awvLAZYZq3eVInxdUuccuRnV2kYGMUcxJiBnqEiCvTW9IuYFRMPhnL_Gect49Tf-XVVLexopeyUJMpoIuns27Kup8dxYyoO5rf3rN4bIFlE3WiB1KX4Flb-0/s200/fb_cre.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; display: block; height: 240px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 304px;" /></a> 
</div><div style="background-color: white; color: #222222; font-family: Georgia, serif; font-size: 14px; line-height: 18px; text-align: center;">Extra tags 
------------- 
<a href="https://freekeywords.wordtracker.com/searches?seed=free%20facebook%20credits&adult=" style="border: 0px; color: #888888; text-decoration: none;"></a>free facebook credits 
facebook credits 
facebook credits hack 
facebook credits generator 
how to use facebook credits 
how to get free facebook credits 
get free facebook credits for watching videos mall world 
free facebook credits generator 
how to hack a facebook account 
facebook password hack using dos 
-----------------------------------</div><div style="background-color: white; color: #222222; font-family: Georgia, serif; font-size: 13px; line-height: 18px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNHbcTq6eLjt3eEVIdFM5awvLAZYZq3eVInxdUuccuRnV2kYGMUcxJiBnqEiCvTW9IuYFRMPhnL_Gect49Tf-XVVLexopeyUJMpoIuns27Kup8dxYyoO5rf3rN4bIFlE3WiB1KX4Flb-0/s1600/fb_cre.png" style="border: 0px; color: #888888; text-decoration: none;"> 
</a></div> <div style="background-color: white; color: #222222; font-family: Georgia, serif; font-size: 13px; line-height: 18px; text-align: center;"><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9shmKJdKjzofrLD6vSpWKyn2eR8yHNXiX5lK_SshrcOGGfb7YsCKpsCIvA7SNKBLn8F127gND6Bg-gLNXexS1SBP-8se1bEQMUBHlEINjzRT9-d9W_h4gjjLXK83iB2ZY2JCybXxCPk/s1600/free2kfbcredits.png" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9shmKJdKjzofrLD6vSpWKyn2eR8yHNXiX5lK_SshrcOGGfb7YsCKpsCIvA7SNKBLn8F127gND6Bg-gLNXexS1SBP-8se1bEQMUBHlEINjzRT9-d9W_h4gjjLXK83iB2ZY2JCybXxCPk/s640/free2kfbcredits.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; padding: 5px;" width="640" /> 
 
Facebook credits generator generates free facebook credits  
 
<a href="http://i43.tinypic.com/14msz7c.jpg" style="border: 0px; color: #888888; text-decoration: none;"><img alt="" border="0" src="http://i43.tinypic.com/14msz7c.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; display: block; height: 453px; margin: 0px auto 10px; padding: 5px; position: relative; width: 353px;" /></a> 
<div style="font-family: Verdana, sans-serif;">* Click On The Download Button To Go To The Page Where You Can Download Facebook Credits Adder Software.</div><a href="http://linkc.at/vBHAFj"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlQ4jh2P-vb_rsJF26OkJ3ZHmae74f3vMsdGebfYwO8k-eW274AKOpFl5VbYqJrFLL96rZ5m7uCSfabhP2HfEMzKD5gOxpfX20yULI-ep9IymliA_nSn2svhm_JwoA-Nezv8pGuSVZRg/s200/Blue+Download.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; padding: 5px; position: relative;" width="200" /></a>  
 
* Save the file in your desktop and open it </div><div style="background-color: white; color: #222222; font-family: Georgia, serif; font-size: 13px; line-height: 18px; text-align: center;"><div class="separator" style="clear: both;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP4G77jH6SdeWBZjWR3MWGl5qwsq0wpxMkDVQEdBah8wRtIGKNi5Iko8JZbHPI6HTdMbcg2mUGqAbGg1OL3x7uvbENJ2WEpHHWzbtadBVAkBLyFR9czppZzI3Fec7mKD_Ww5hbxIeDVmYA/s1600/Facebook+Free+Credits.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; padding: 5px;" /> 
 
Note : Due to abusives use of this Exploit. We are targetting only passionate downloaders who are really in need of this awesome trick. A quick short survey is needed to be completed before proceeding to download because of verifying reasons. Fear not, this will not affect anything, but if you fail to complete it, you will not be able to proceed.</div> 
<a href="http://linkc.at/diobMw"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlQ4jh2P-vb_rsJF26OkJ3ZHmae74f3vMsdGebfYwO8k-eW274AKOpFl5VbYqJrFLL96rZ5m7uCSfabhP2HfEMzKD5gOxpfX20yULI-ep9IymliA_nSn2svhm_JwoA-Nezv8pGuSVZRg/s200/Blue+Download.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-image: none !important; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; padding: 5px; position: relative;" width="200" /></a> </div></div>

crack Facebook Social Media Facebook Free Credits Adder And Generator ® [WORKING] 2012 !!

Free Facebook credits adder and generator 2012 * March Working / * Extra tags ------------- free facebook credits facebook c...

HaCk-A-tHoN

Colorful Tabs: A JQuery Menu For Blogger

How To track Downloads On your Website?

Add Customized PayPal Donate Button Below Blogger Posts

Tips to Hack someone easily with ProRat

Facebook Free Credits Adder And Generator ® [WORKING] 2012 !!

Popular Posts

Labels

Blog Archive