Call @ +92-345-0786662

Uncategorized

How To Add Mega Menu Bar to Your blog?

A mega drop-down menu is flat navigation menu which holds multi column drop down lists. It is special because it can holds our great collection of sub menues.Adding this mega drop-down menu to blogger is quite simple you recently need to copy and paste the given code in your blog.
This menu is simply in CSS , No Jquery or JavaScript is utilized. Consequently it stacks amazingly quick without effecting the blog`s stacking rate. When you have a blogger blog then you must attempt this mega menu.

Log in to your blogger Account.

Choose your blog.

Select Template option on the left side and click on Edit HTML option.

In the template code search for the code like this </header>

Just below it paste following code and save the template.

Open your blog to see the new changes.

<ul class=’wc-megamenu’ id=’nav’>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Home</a></li>

<li class=’wcnavlist’><span class=’wclink’>Microsoft</span>

<ul>

<li><ul>

<li><a href=’#’>MCITP</a></li>

<li><a href=’#’>MCSE</a></li>

<li><a href=’#’>MS Exchange Server 2010</a></li>

<li><a href=’http://freeittraining09.blogspot.com/2014/01/protect-your-network-smartly.html’>MS TMG 2010</a></li>

<li><a href=’#’>MS Window 7</a></li>

<li><a href=’#’>MS Window 8</a></li>

<li><a href=’#’>Computer Hardware Assembling</a></li>

<li><a href=’#’>Networking Essentials (Cabling and installing Networks)</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> Computer Architecture</a></li>

<li><a href=’#’> Microsoft Word 2013 </a></li>

<li><a href=’#’> Microsoft Excel 2013 </a></li>

<li><a href=’#’> Microft Access 2013 </a></li>

<li><a href=’#’> Best ways to make Money online</a></li>

<li><a href=’#’> Diagnosing and troubleshooting H.W and S.W </a></li>

<li><a href=’#’> Software Installation</a></li>

<li><a href=’#’> Inpage (Urdu S.W) </a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> Microsoft Project</a></li>

<li><a href=’#’> Principles and definations</a></li>

<li><a href=’#’> Stakeholders Management</a></li>

<li><a href=’#’> Managing Project Risk and Work Plan</a></li>

<li><a href=’#’> Resource Management </a></li>

<li><a href=’#’> Printing And Reporting</a></li>

<li><a href=’#’> Handling Multiple Projects</a></li>

<li><a href=’#’> Updating the Project</a></li>

</ul>

</li></ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Cisco</a>

<ul>

<li><ul>

<li><a href=’#’>CCNA</a></li>

<li><a href=’#’>Description of How Network works</a></li>

<li><a href=’#’>Configuration and Troubleshooting on switch with VLANs</a></li>

<li><a href=’#’>Implementaion of IP Address</a></li>

<li><a href=’#’>Configuration of Basic Router</a></li>

<li><a href=’#’>Identification of security threats</a></li>

<li><a href=’#’>Implementation of NAT,ACLs in enterprise</a></li>

<li><a href=’#’>Tasks required for WLAN and implementation</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> CCIE</a></li>

<li><a href=’#’> Basic Topology Labs</a></li>

<li><a href=’#’> Advanced Topology Labs</a></li>

<li><a href=’#’> Security concepts</a></li>

<li><a href=’#’> MPLS Troubleshooting</a></li>

<li><a href=’#’> All Labs on Real Rack</a></li>

<li><a href=’#’> CCIE in Routing</a></li>

<li><a href=’#’> CCIE in Switching Track</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> CCNP</a></li>

<li><a href=’#’> Route (642-902)</a></li>

<li><a href=’#’> Implementation of EIGRP,OSPF,eBGP,IPV4/IPV6</a></li>

<li><a href=’#’> Switch (642-813)</a></li>

<li><a href=’#’> Implementation and Configuration of VLAN,Security</a></li>

<li><a href=’#’> TSHOOT (642-832)</a></li>

<li><a href=’#’> Troubleshoot Multi Protocol System Network</a></li>

</ul>

</li>

</ul></li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>ERP</a>

<ul>

<li><ul>

<li><a href=’#’> SAP ECC 6.0 (FI)</a></li>

<li><a href=’#’> SAP Financials and Distribution (SD)</a></li>

<li><a href=’#’> SAP Material Management (MM)</a></li>

<li><a href=’#’> SAP Production Planning</a></li>

<li><a href=’#’> SAP Human Capital Management (HCM)</a></li>

<li><a href=’#’> SAP ABAP</a></li>

<li><a href=’#’> SAP Netweaver 7x (BI)</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> SAP Business One (Extensive Expertise)</a></li>

<li><a href=’#’> ERP Systems</a></li>

<li><a href=’#’> Sales and Sales Oppurtunities</a></li>

<li><a href=’#’> Purchasing and operations</a></li>

<li><a href=’#’> Inventory and distribution</a></li>

<li><a href=’#’> Reporting and administration</a></li>

<li><a href=’#’> Tips to successful ERP implementation</a></li>

<li><a href=’#’> Financial and sales Tools</a></li>

</ul>

</li></ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>PMP</a>

<ul>

<li><ul>

<li><a href=’#’> Project Management Process</a></li>

<li><a href=’#’> Project Management Knowlege Areas</a></li>

<li><a href=’#’> Oracle primavera</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> Project Integration Management</a></li>

<li><a href=’#’> Project Scope Management</a></li>

<li><a href=’#’> Project Risk Management</a></li>

</ul>

</li>

</ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>SEO</a>

<ul>

<li><ul>

<li><a href=’#’> Affiliate Marketing</a></li>

<li><a href=’#’> Blogging</a></li>

<li><a href=’#’> INpage SEO and OFFpage SEO</a></li>

 

</ul>

</li>

<li><ul>

<li><a href=’#’> Internet Marketing Strategies</a></li>

<li><a href=’#’> Email Marketing</a></li>

<li><a href=’#’> Socail Media</a></li>

</ul>

</li>

</ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Linux</a>

<ul>

<li><ul>

<li><a href=’#’> Linux System Administration</a></li>

<li><a href=’#’> Linux Server</a></li>

<li><a href=’#’> Linux Security</a></li>

</ul>

</li>

<li><ul>

<li><a href=’#’> PIX/ASA Firewall</a></li>

</ul>

</li>

</ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Languages</a>

<ul>

<li><ul>

<li><a href=’#’> Buisness Communication</a></li>

<li><a href=’#’> ILETS</a></li>

<li><a href=’#’> Spoken English</a></li>

</ul>

</li>

 

</ul>

</li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Web Design</a></li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Mobile</a></li>

<li class=’wcnavlist’><a class=’wclink’ href=’#’>Contact Us</a></li>

</ul>

<style>
ul.wc-megamenu li{
font:16px georgia, verdana;
}
ul.wc-megamenu,ul.wc-megamenu li,ul.wc-megamenu ul
{
list-style:none;
margin:0;
padding:0
}
ul.wc-megamenu
{position:relative;z-index:999;float:left;}
ul.wc-megamenu li.hover,ul.wc-megamenu li:hover{position:relative;z-index:9999;color:#111111;text-decoration:none}
ul.wc-megamenu ul li{float:none;font-weight:700}
ul.wc-megamenu li:hover>ul{visibility:visible}
ul.wc-megamenu{width:100%}
ul.wc-megamenu ul li{float:left}
ul.wc-megamenu li.hover,ul.wc-megamenu li:hover{position:static}
ul.wc-megamenu ul ul{display:none!important}
ul.wc-megamenu ul li{position:static;width:180px}
ul.wc-megamenu ul ul{display:block!important;position:static;width:auto!important}
ul.wc-megamenu ul ul li{float:none}
ul.wc-megamenu ul ul ul{display:none}
ul.wc-megamenu li.hover ul,ul.wc-megamenu li:hover ul{visibility:visible!important;color:#fff}
ul.wc-megamenu{background: #111111; font:18px georgia, verdana;}
ul.wc-megamenu a:link,ul.wc-megamenu a:visited{text-decoration:none;color:#2c539e;}
ul.wc-megamenu a:hover{color:#fff}
ul.wc-megamenu a:active{color:#2c539e;}
ul.wc-megamenu li.last ul li{float:right}
ul.wc-megamenu ul ul li{font-weight:400}
ul.wc-megamenu li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;list-style:none;}
ul.wc-megamenu li a{display:block;}
ul.wc-megamenu ul{list-style:none;visibility:hidden;position:absolute;top:100%;left:0;z-index:99999;width:550px;font-size:14px;letter-spacing:normal;background:#222222; padding:0 0 0 10px}
ul.wc-megamenu ul a{width:180px;padding:5px;color:#222222;}
ul.wc-megamenu ul a:hover{background:#8fc800;}
ul.wc-megamenu ul ul{padding:0;margin-left:-5px;top:1px;left:99%;margin-top:5px;text-transform:none}
ul.wc-megamenu .wcnavlist{padding:4px 10px}
.wclink,.wclink a:link,.wclink a:visited{color:#fff;font-size:18px}
.wclink hover,.wclink a:link,.wclink a:visited.wclink a:active,.wclink a:hover{color:#fff}
ul.wc-megamenu .wcnavlist a:link, ul.wc-megamenu .wcnavlist a:visited,ul.wc-megamenu .wcnavlist a:active{color:#fff}


</style>

Leave a Reply

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