هذه الاضافة يوجد بها ايقونات مواقع التواصل الاجتماعى اهمهم الفيس بوك facebook وتويتر twitter وجوجل بلس plus google وبعض الايقونات الاخرى الهامة .
ملحوظة : الايقونات تأخذ اللون الازرق بشكل بسيط ودائرى كما تلاحظونها من خلال صورة هذه التدوينة الذى اكتبها بعد تركيب هذه الاضافة ستجدها بأعلى المدونة وبالأخص فى الناف بار .
<style>
#mbtnavbar {
background: #F1F1F1;
width: 100%;
color: #333333;
margin:auto;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:30px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #333333;
display: block;
font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;
border-right:0px solid #627AAD;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #A3A3A3;
color: #333333;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#mbtnav li li a:hover, #mbtnav li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
#mbtnav li li li a, #mbtnav li li li a:link, #mbtnav li li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;
}
#mbtnav li li li a:hover, #mbtnav li li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
#wctopdropsoc {
float:right;
width:220px;
padding:0px 0px ;
margin:-43px 0px 0px 0px;
position: relative;
}
#wctopdropsoc img
{
margin-right:5px;
margin-top:15px;
height:19px;
border:none;
}
</style>
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='http://www.kingnt.com/p/blog-page_28.html' target='_blank' title='الارشيف'>
الارشيف
</a>
</li>
<li>
<a href='http://www.kingnt.com/sitemap.xml' target='_blank' title='الخريطة'>
الخريطة
</a>
</li>
<li>
<a href='http://www.kingnt.com/p/blog-page_27.html' title='اتصل بنا'>
اتصل بنا
</a>
</li>
<li>
<a href='http://www.kingnt.com/p/aboutus.html' target='_blank' title='من نحن'>
من نحن
</a>
</li>
</ul>
</div>
<div id='wctopdropsoc'>
<a href='https://plus.google.com/101218667290115588531/posts' target='_blank' title='google+'>
<img alt='Subcribe to our RSS feeds' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0rS3uZUdsbB2GWsmMhwQozp1REig8ar6-rvJjs03GwsTs__C-OnPfpMP1JtA8owJZZPz0FjXv36YPH-cAqxUOWfHn7-6ROGR18fme_g_6iAwJepNIXSB9ohpkJXvZqPGrK2YIvUQ-Be0/h120/Free+google+Plus+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
<a href='https://www.facebook.com/blog.kingnt' target='_blank' title='facebook'>
<img alt='Join Us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-4wKOkJIvY65gMZXtba0v1-pkH3EwHN_a8_q0J3g13BNwVY6zkGcmvXPgujDvtc5Udt7rmI_AHs0dsCLieDtX98Je6Zv38o00Zun81W7iiRDUWtvYOkQBgb2abMGMSiicfbU-nNILU4U/h120/Free+Facebook+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
<a href='https://twitter.com/kingntblog' target='_blank' title='twitter'>
<img alt='Join Us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen6p202SHpcIG9fTz4UWl1b6FfO8a6-hgSFzTZLyaILfNgMYzUHbO8faxluxSxLT311GBRrMypDMQpvjIdipFN4ossULBcL20NZTFnNYhU6U0-I0497kH-89SycXxI1mAM8Z14MUP4Sc/h120/Free+Tumblr+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
<a href='https://www.pinterest.com/ekramya7zan/pins/' target='_blank' title='pinterest'>
<img alt='Join Us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZKtw3SlHMNxf82mgbyrDN54NxtQ3eHD58bD5y-Do5TJp_s32nFBv4FvFXNEjQsHkoPZ3tsk2ivCsm328h8F8bpW9DRXjS9f33sSoSXpgMgchn3b1cXIsxoTOBIv1gBtOD9f2B7llBisE/h120/Free+pinterest+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
<a href='http://www.kingnt.com/feeds/posts/default?max-results=500' target='_blank' title='feeds'>
<img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_mv51GdPU41tk66PpBTbqkMDxOf4NIjlgbLxjNuzVlTt5fTXnWhA1zBhVYXccYSRdjQieOxtzlWwqudVAOLj2LCKpeYgZpD3Us9x_Ms549nTLY4RTE6wkvqxhlwDweJfSv-iLgHJnbtk/h120/Free+RSS+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
<a href='http://www.kingnt.com' target='_blank'>
<img alt='Add to Circles' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiq4Ch7uxOVy7FPGRioZydSydS1FcVCnV-KuF8WiKh6mBK7FmhvcN_ERpcdnffTKUXnwf2vhiWfB9e8aOvPV7Di3jwlI2YEBbrsGzmrbLs8iIfjX-0Zd_9w9_rjUvy7jZz5QUCvAJpQqk/h120/Free+YouTube+Purple+Rimmed+Social+Media+Icons.png' style='height: 25px' width='25'/>
</a>
</div>
