Beautiful Sliding JavaScript Side Bar Menu

<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><br /></span> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQYhpbVFbAuJ4MmLJXzuut35LlBTNVJidL1Wnpjs7EQdpqKj7LvduuoZlwG93z-1qJzLG-zr6zxbfFF_SWYGVRIkP_zJUHga_DOOndRVMaAQEUfaTSBDenv6nKzKoMopfdZDd9xq0-H4/s1600/Beautiful+Sliding+JavaScript+Side++Bar+Menu.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQYhpbVFbAuJ4MmLJXzuut35LlBTNVJidL1Wnpjs7EQdpqKj7LvduuoZlwG93z-1qJzLG-zr6zxbfFF_SWYGVRIkP_zJUHga_DOOndRVMaAQEUfaTSBDenv6nKzKoMopfdZDd9xq0-H4/s200/Beautiful+Sliding+JavaScript+Side++Bar+Menu.png" width="161" /></a></div> <h2 style="text-align: left;"> <b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: orange;">Beautiful Sliding JavaScript Side  Bar Menu</span></b></h2> <div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"> <span style="background: white; color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Show- hide, Smooth sliding and beautiful. Menu bar with javascript and mootools. This post explains how to add beautiful Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog. Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div> <div style="text-align: justify;"> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="line-height: 14.4pt; margin-bottom: 0.0001pt;"> <span style="background: white; color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">About MooTools: "MooTools is a solid, flexible, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write great, flexible, cross-browser code with its stylish API, well known and consistent. <o:p></o:p></span></div> </div> <br /> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: large; line-height: 19.2000007629395px;"><b>How to Install Beautiful Sliding JavaScript Side</b></span><br /> <b><br /></b><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: large; line-height: 19.2000007629395px;"><b>Bar Menu Using Mootools</b></span><br /> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: large; line-height: 19.2000007629395px;"><b><br /></b></span> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">Now let's start adding side bar. </span><br /> <br /> <h2 style="text-align: left;"> <b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #38761d;">Step 1:</span></b><span style="background-color: white; color: #6aa84f; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> </span></h2> <h2 style="text-align: left;"> <span style="background-color: white; color: #6aa84f; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. </span></h2> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;" /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvh_ErN_YG3jTsWxc1asngJjOs-OZa8n-teR1F2dKvAanK6CYsfRtqSSziPZhyphenhyphentBI1Dpok1z88hGbcQravdd_iEdPrrKyLhlu16HKaLnMFs1kYfEk1XiGodOye-GV2a5PgY2n1KWiuPO4/s1600/ilinkheader.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvh_ErN_YG3jTsWxc1asngJjOs-OZa8n-teR1F2dKvAanK6CYsfRtqSSziPZhyphenhyphentBI1Dpok1z88hGbcQravdd_iEdPrrKyLhlu16HKaLnMFs1kYfEk1XiGodOye-GV2a5PgY2n1KWiuPO4/s640/ilinkheader.jpg" title="" width="640" /></a></div> <br /> <h2 style="text-align: left;"> <b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #38761d;">Step 2:</span></b></h2> <h2 style="text-align: left;"> <div style="text-align: justify;"> <span style="background-color: white; color: #6aa84f; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">After click on Add a Gadget link A pop-up box will open now </span><span style="background-color: white; color: #6aa84f; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.</span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> </span></div> </h2> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;" /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Kut2x3ULoXLAGh9QBvOOl1ZGSwOxjflc_BjuRSQi_-f4Q108ItyBR8JaH5uGn-UH5CTbUXaCYv4JjyZJKMVoBYmC9K9NE1Z_Q3_0YvKF5H_oA1kL00TdiVFHroXf-XQxE_GRC9_F0k4/s1600/javascript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Kut2x3ULoXLAGh9QBvOOl1ZGSwOxjflc_BjuRSQi_-f4Q108ItyBR8JaH5uGn-UH5CTbUXaCYv4JjyZJKMVoBYmC9K9NE1Z_Q3_0YvKF5H_oA1kL00TdiVFHroXf-XQxE_GRC9_F0k4/s400/javascript.jpg" width="400" /></a></div> <br /> <h2 style="text-align: left;"> <b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #38761d;">Step 3:</span></b></h2> <h2 style="text-align: left;"> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #6aa84f;">Select 'HTML/JavaScript'. </span></span></h2> <h2 style="text-align: left;"> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;" /><b style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #38761d;">Step 4:</span></b></h2> <h2 style="text-align: left;"> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: #6aa84f;"> Now Copy Script and Paste on 'JavaScript'. </span></span></h2> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><br /></span> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/prototype.js" type="text/javascript"></script></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/effects.js" type="text/javascript"></script></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/side-bar.js" type="text/javascript"></script></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><style></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">body{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-size:75%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">a{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">outline: none;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">a:active{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">outline: none;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">text-align:left;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar h2{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">color:#F0FFFF;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-size:110%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-family:arial;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">margin:10px 10px 10px 10px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-weight:bold !important;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar h2 span{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-size:125%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-weight:normal !important;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar ul{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">margin:0px 0px 0px 0px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">padding:0px 0px 0px 0px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar li{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">margin:0px 5px 5px 10px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">padding: 0 0 0 10px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">list-style-type:none;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">display:block;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">background-color:#DA1074;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:177px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">color:#FFFFFF;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar li a{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:100%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar li a:link,</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar li a:visited{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">color:#FFFFFF;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-family:verdana;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">font-size:100%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">text-decoration:none;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">display:block;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">margin:0px 0px 0px 0px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">padding:0 0 0 20px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:100%;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar li a:hover{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">color:#FFFF00;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">text-decoration:underline;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBar{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">position: fixed;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width: auto;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">height: auto;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">top: 140px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">left:0px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapkWB1cTyZPZzMOTkxZypZeAP1aOnVGX32vk3Uxwh_TRtjMxnsVdT2XEmDL6fKW1GXgKMMlTJVM4bSDAn5qWOqa1v5rLCkstrMI85N7mE258oJfVbqG_6Ga4InUE-AS8yXgDh-Fw6LxHW/s320/left.collapse.border.png);</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">background-position:top right;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">background-repeat:repeat-y;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBarTab{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">float:left;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">height:137px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:28px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBarTab img{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">border:0px solid #FFFFFF;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBarContents{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">float:left;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">overflow:hidden !important;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:200px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">height:320px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">#sideBarContentsInner{</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">width:200px;</span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">}</style></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><div id="sideBar"></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><div id="sideBarContents" style="display:none;"></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><div id="sideBarContentsInner"></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><h2>Left<span>Menu</span></h2></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><ul></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><li><a href="#"></span><b style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: blue;">Link One</span></b><span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></a></li></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><li><a href="#"></span><b style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: blue;">Link Two</span></b><span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></a></li></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><li><a href="#"></span><b style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: blue;">Link Three</span></b><span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></a></li></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><li><a href="#"></span><b style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: blue;">Link Four</span></b><span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></a></li></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></ul></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></div> </div></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><a id="sideBarTab" href="</span><b style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><span style="color: red;">#</span></b><span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;">"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DDW29EzYOL4RtQb5fLNWnBpGXF0G0VOdveDm05WJvtQJhZb72KN2NRUPwuz0qsbenXC6b_kNNsQNq-cBLzj0MF5VgWk4fsqO74KJpjiekDXgrGz0qI4dt3BLCjWnO5Q6O_yVKXa3DrTo/s320/sidebarcollapse.png" title="sideBar" /></a></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"></div></span><br /> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><br /></span> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><br /></span> <span style="background-color: white; font-family: 'Courier New'; font-size: 12px; line-height: 19.2000007629395px;"><br /></span></div>

Beautiful Sliding JavaScript Side Bar Menu

Beautiful Sliding JavaScript Side  Bar Menu Show- hide, Smooth sliding and beautiful. Menu bar with javascript and mootools. This po...

Read more »

CISCO CCNA IN URDU Tutorial 7

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEjA3WdSajqqeqNn9xGQEWCqgVh-w8x3dQH7WQPb3z3bNvDx53rh0fGcRdHUFipe7LP3ujVLrsG-Lnv5tgDONrGkYvhwtzPikrchVIOcD21KlICjufUf59V1RYlbCegYnzWZznV_W0h8/s1600/cisco+ccna+urdu+tutorial+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEjA3WdSajqqeqNn9xGQEWCqgVh-w8x3dQH7WQPb3z3bNvDx53rh0fGcRdHUFipe7LP3ujVLrsG-Lnv5tgDONrGkYvhwtzPikrchVIOcD21KlICjufUf59V1RYlbCegYnzWZznV_W0h8/s200/cisco+ccna+urdu+tutorial+7.jpg" width="200" /></a></div> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/9PYAsjc3PTs" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe> </div>

CISCO CCNA IN URDU Tutorial 7

Read more »

CISCO CCNA IN URDU Tutorial 6

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOIDTJuQbg1WnQFdwDhR85Hzj8jZQiAfuEYVDHpf9TKYHhbp-r3NS_PXiZ-eCi6MmsGAzpNOJIi1Pl_DaGwoDYhDGyvbmAB_HUyi0AdezybhW0PmCdLG7lqmyn3uMMXV_AIdYFrJ3T-c/s1600/cisco+ccna+urdu+tutorial+6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOIDTJuQbg1WnQFdwDhR85Hzj8jZQiAfuEYVDHpf9TKYHhbp-r3NS_PXiZ-eCi6MmsGAzpNOJIi1Pl_DaGwoDYhDGyvbmAB_HUyi0AdezybhW0PmCdLG7lqmyn3uMMXV_AIdYFrJ3T-c/s200/cisco+ccna+urdu+tutorial+6.jpg" width="200" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <iframe width="620px" height="360px" src="http://playit.pk/embed/vbfCO0rg6Ek" scrolling="NO" frameborder="0" style="overflow:hidden; border: 0px;" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe> <br /></div>

CISCO CCNA IN URDU Tutorial 6

Read more »

CISCO CCNA IN URDU Tutorial 5 (Network Areas OSI Model)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2GAP9rrWMaJNloh4qcEC5x0yD_2ch65ddcdnwXn0O5LkjCvZ2u4Tik-vHx7WrvSQ_jEHqG4TUd2M_sVnLVD4iA43bJY25YO1Hl5bsHtNcLUBv3uUNb9vGeTUOXTjvN2Sua9Z-lVSL50/s1600/cisco+ccna+urdu+tutorial+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2GAP9rrWMaJNloh4qcEC5x0yD_2ch65ddcdnwXn0O5LkjCvZ2u4Tik-vHx7WrvSQ_jEHqG4TUd2M_sVnLVD4iA43bJY25YO1Hl5bsHtNcLUBv3uUNb9vGeTUOXTjvN2Sua9Z-lVSL50/s200/cisco+ccna+urdu+tutorial+5.jpg" width="200" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <iframe width="620px" height="360px" src="http://playit.pk/embed/7o0Jc5SGL4s" scrolling="NO" frameborder="0" style="overflow:hidden; border: 0px;" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe> <br /></div>

CISCO CCNA IN URDU Tutorial 5 (Network Areas OSI Model)

Read more »

CISCO CCNA IN URDU Tutorial 4

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodXGtBKqlmbJXVs3oY1KllL-sDbCAfzlomrtfY8WmPl9o056vJljAxF_2xl41cQM355GRIPeDh5eUm8bZWWfW_ydE-1J5o5Nlm8AID7gEAg0J-i3f77B65CBUkd99wt_V1OVoe2lUNJk/s1600/cisco+ccna+urdu+tutorial+4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodXGtBKqlmbJXVs3oY1KllL-sDbCAfzlomrtfY8WmPl9o056vJljAxF_2xl41cQM355GRIPeDh5eUm8bZWWfW_ydE-1J5o5Nlm8AID7gEAg0J-i3f77B65CBUkd99wt_V1OVoe2lUNJk/s200/cisco+ccna+urdu+tutorial+4.jpg" width="200" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <iframe width="620px" height="360px" src="http://playit.pk/embed/lv7-tIHx3OM" scrolling="NO" frameborder="0" style="overflow:hidden; border: 0px;" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe> <br /></div>

CISCO CCNA IN URDU Tutorial 4

Read more »

CISCO CCNA IN URDU Tutorial 3

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHLgV0BjwjUZI4YKys5Yv8VwYCNy6e5NTNafIflNi4ePpIneCRZVLlr7yAZtrmaF631Wae7aH6ooaTzDl24R-2SIM5HNdoc5pJcvZzAic0UgIfD3ml4ldaVXk8lG7yCyo50EbLXC9Ekw/s1600/cisco+ccna+urdu+tutorial+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHLgV0BjwjUZI4YKys5Yv8VwYCNy6e5NTNafIflNi4ePpIneCRZVLlr7yAZtrmaF631Wae7aH6ooaTzDl24R-2SIM5HNdoc5pJcvZzAic0UgIfD3ml4ldaVXk8lG7yCyo50EbLXC9Ekw/s200/cisco+ccna+urdu+tutorial+3.jpg" width="200" /></a></div> <br /> <br /> <iframe width="620px" height="360px" src="http://playit.pk/embed/GKO1IU92ADw" scrolling="NO" frameborder="0" style="overflow:hidden; border: 0px;" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe> </div>

CISCO CCNA IN URDU Tutorial 3

Read more »

CISCO CCNA IN URDU Tutorial 2

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggprbT4On8fUAGwEZoJkBmkXsYE1Cmppphxa11v4ol9vkE2BoDIJl_pRiQUqPkWEom-PFYDM7IZgVcIUrhUes6A48w6mPGhA8II_RdwAqpl34Cg2TIxcX-49EwT7fkqeE3MtrTmgBYwjA/s1600/cisco+ccna+urdu+tutorial+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggprbT4On8fUAGwEZoJkBmkXsYE1Cmppphxa11v4ol9vkE2BoDIJl_pRiQUqPkWEom-PFYDM7IZgVcIUrhUes6A48w6mPGhA8II_RdwAqpl34Cg2TIxcX-49EwT7fkqeE3MtrTmgBYwjA/s200/cisco+ccna+urdu+tutorial+2.jpg" width="200" /></a></div> <br /> <br /> <iframe width="620px" height="360px" src="http://playit.pk/embed/Qi8UmWhpHww" scrolling="NO" frameborder="0" style="overflow:hidden; border: 0px;" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe> </div>

CISCO CCNA IN URDU Tutorial 2

Read more »

CISCO CCNA IN URDU Tutorial 1

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvFjtfHULKn707r8Y4w83VtUHkIuVeI511jCAd34zJAqcaUfQVeJDQGJaQbTdY_4ePoFB74ePxWmbAddDeDA320JSO2a4_Zp2orPHjKIIS3Eyw1TPbUoxXekB6Huy08xGNkZouRmht1s/s1600/cisco+ccna+urdu+tutorial+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvFjtfHULKn707r8Y4w83VtUHkIuVeI511jCAd34zJAqcaUfQVeJDQGJaQbTdY_4ePoFB74ePxWmbAddDeDA320JSO2a4_Zp2orPHjKIIS3Eyw1TPbUoxXekB6Huy08xGNkZouRmht1s/s200/cisco+ccna+urdu+tutorial+1.jpg" width="200" /></a></div> <br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/mG04hIEBldo" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe> </div>

CISCO CCNA IN URDU Tutorial 1

Read more »

CISCO CCNA IN URDU Tutorial 8 Subneting part 2.mp4

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvOrKrtolKZ4fDoZY1Hd082dVuN6_KppRrmEFhJr84UqJbqER8K7IRObhTOz37vHBBsv5GFxaGM2o58FvGpwAJ1iOWhBLcFGJRb0bGhQsr43iugyTpJyjmRVS4pFCLGFOYKg3hlvESVo/s1600/cisco+ccna+urdu+tutorial+8b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvOrKrtolKZ4fDoZY1Hd082dVuN6_KppRrmEFhJr84UqJbqER8K7IRObhTOz37vHBBsv5GFxaGM2o58FvGpwAJ1iOWhBLcFGJRb0bGhQsr43iugyTpJyjmRVS4pFCLGFOYKg3hlvESVo/s200/cisco+ccna+urdu+tutorial+8b.jpg" width="200" /></a></div> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/8DBua1AFTso" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe></div>

CISCO CCNA IN URDU Tutorial 8 Subneting part 2.mp4

Read more »

CISCO CCNA IN URDU Tutorial 9 Advance Subnetting (CLASS C)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHKt_aOW6890_0f7Mih5sQQH-zo20bDCZJnUo1f5WJPa9glNpuYwN2OCxd8UAVjCe2rms_aayKCEgviWb0jP-KHHHhmo28ycqCdMnIwHg0_vi5iwcBjnmLbAUVmBtQoDz6PA_eIyNf08/s1600/CISCO+CCNA+IN+URDU+Tutorial+9+Advance+Subnetting%2528CLASS+C%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHKt_aOW6890_0f7Mih5sQQH-zo20bDCZJnUo1f5WJPa9glNpuYwN2OCxd8UAVjCe2rms_aayKCEgviWb0jP-KHHHhmo28ycqCdMnIwHg0_vi5iwcBjnmLbAUVmBtQoDz6PA_eIyNf08/s200/CISCO+CCNA+IN+URDU+Tutorial+9+Advance+Subnetting%2528CLASS+C%2529.jpg" width="200" /></a></div> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/eMZKLiZp35U" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe></div>

CISCO CCNA IN URDU Tutorial 9 Advance Subnetting (CLASS C)

Read more »

CISCO CCNA IN URDU Tutorial 9 Advance Subnetting(CLASS B)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIyZ7AH6lmoEbOfRtgGAwXCYgZQPrIPW_K5FhjtjQF1MnQs4L8LnERwjnpLaBXeScU_DuKQly-p7yvzyZx7dg1ZDPsD4w_Kb_Yxn0uI0NJLlp0S9J_fAvaVIkmckunOv3qXx-qNEr-n9s/s1600/CISCO+CCNA+IN+URDU+Tutorial+9+Advance+Subnetting%2528CLASS+B%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIyZ7AH6lmoEbOfRtgGAwXCYgZQPrIPW_K5FhjtjQF1MnQs4L8LnERwjnpLaBXeScU_DuKQly-p7yvzyZx7dg1ZDPsD4w_Kb_Yxn0uI0NJLlp0S9J_fAvaVIkmckunOv3qXx-qNEr-n9s/s200/CISCO+CCNA+IN+URDU+Tutorial+9+Advance+Subnetting%2528CLASS+B%2529.jpg" width="200" /></a></div> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/o-hmuE_SqPk" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe></div>

CISCO CCNA IN URDU Tutorial 9 Advance Subnetting(CLASS B)

Read more »

CISCO CCNA IN URDU Tutorial 8 Subneting part 1.mp4

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmG4-a7_oPJufAIklOw_wLRYdDx2Pade5A7pKsA0ajdDybBPhB2QjkFQd07-9Um3Wpxktz1oMvtrJ4awC-DrO7bLpGXgbLwNU-CORsqoPrxrcfZg1X2pHnak0mh4cTPXsHPRIIg522-ew/s1600/cisco+ccna+urdu+tutorial+8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmG4-a7_oPJufAIklOw_wLRYdDx2Pade5A7pKsA0ajdDybBPhB2QjkFQd07-9Um3Wpxktz1oMvtrJ4awC-DrO7bLpGXgbLwNU-CORsqoPrxrcfZg1X2pHnak0mh4cTPXsHPRIIg522-ew/s200/cisco+ccna+urdu+tutorial+8.jpg" width="200" /></a></div> <iframe allowfullscreen="" frameborder="0" height="360px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/ow7KBXNNhRY" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="620px"></iframe></div>

CISCO CCNA IN URDU Tutorial 8 Subneting part 1.mp4

Read more »