المحترف

اضافة قائمة علوية او شريط الناف بار من اهماضافات بلوجر ولاغنى عنها لاى مدونة لأحتوائها على اهم العناوين الذى تخص صاحب المدونة مثل الاتصال بنا والارشيف ومن نحن وخصوصية الاستخدام وسياسة الموقع وغيرها من العناوين الذى يضعها صاحب المدونة .

هذه الاضافة يوجد بها ايقونات مواقع التواصل الاجتماعى اهمهم الفيس بوك facebook وتويتر twitter وجوجل بلس plus google وبعض الايقونات الاخرى الهامة .

ملحوظة : الايقونات تأخذ اللون الازرق بشكل بسيط ودائرى كما تلاحظونها من خلال صورة هذه التدوينة الذى اكتبها بعد تركيب هذه الاضافة ستجدها بأعلى المدونة وبالأخص فى الناف بار .

كيفية تركيب شريط القوائم الناف بار اعلى مدونة بلوجر

فى البداية قم بالتواجهة الى لوحة تحكم مدونتك ومنها اضغط على المظهرومن بعدها اضغط على تحرير HTML انت الأن داخل اكواد قالب المدونة ماذا تفعل الأن ؟

قم بالبحث عن هذا الكود :

</head>

ضع بأسفلة مباشرة هذا الكود :

<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>

ان كنت من الفئة التي تنزعج من الاشارة اليك على حسابك بالفيس بوك حيث أعرف أصدقاء لي على فيس بوك صراحة يقومون بتطبيق script للاشارة الى جميع الأصدقاء مما يسبب لي ازعاج يومي و لذلك عملت على أن أبحث في هذا الشق و وجدت الحل و لله الحمد و بذلك أردت مشاركته معكم هنا على مدونة المحترف.

هل تزعجك الاشارات Tags على حسابك بالفيس بوك ؟ اليك طريقة منع ذلك ببساطة

الطريقة بسيطة جدا كل ما عليك هو تسجيل دخولك الى حسابك على فيس بوك ثم بعد ذلك تتوجه الى الـsettings و بيمين الصفحة ستجد مجموعة من الخيارات أنقر على timeline and tagging و بأول خيار اجعله Only ستقول لي لماذا ؟ سؤال وجيه .. ذلك الخيار يقصد به من يستطيع النشر على حائطي ؟ ، طبعا و من أجل تحقيق خصوصيتك فمن الأفضل أن تكون أنت الوحيد الذي ينشر على حائطك و تجنب الانزعاج من أي جهة خارجية .. على العموم قم بتطبيق الاعدادات الموجودة بهذه الصورة :

بعد ذلك و ان ما توجهت الى قسم 'Tag Review' و الذي ستجده بالبروفايل الخاص بك هنا و في هذا المكان تستطيع السماح أو عدم السماح لأي شخص بازعاجك و ان أردت حذف الاشارة (Tag) تنقر على Remove Tag و كفى حيث هذا كل ما في الموضوع.

اضافة قائمة علوية شريط القوائم الناف بار navbar فى مدونة بلوجر

هل تزعجك الاشارات Tags على حسابك بالفيس بوك ؟ اليك طريقة منع ذلك ببساطة