الأربعاء، 25 ديسمبر 2013

حصرى : اضافة قائمة علوية منسدلة بتقنية احترافية


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

طريقة التركيب 
ابحث عن </head>
ضع قبلـــــــه هذا الكود 
<script language='JavaScript'>
//<![CDATA[
var _0xc70b=["\x6A\x51\x75\x65\x72\x79","\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x6E","\x74\x6F\x70","\x6C\x69\x6E\x65\x61\x72","\x65\x78\x74\x65\x6E\x64","\x65\x61\x73\x69\x6E\x67","\x73\x77\x69\x6E\x67","","\x74\x6F\x74\x61\x6C\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x62\x6F\x72\x64\x65\x72\x53\x69\x7A\x65","\x64\x75\x72\x61\x74\x69\x6F\x6E","\x73\x68\x6F\x77\x41\x66\x74\x65\x72","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x2E\x6C\x69\x6E\x6B","\x23\x63\x6C\x6F\x73\x65\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x23\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x61\x6E\x69\x6D\x61\x74\x65","\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x61\x62\x73","\x61\x64\x64\x43\x6C\x61\x73\x73","\x6D\x61\x72\x67\x69\x6E\x54\x6F\x70","\x74\x6F\x70\x5F\x66\x69\x78\x65\x64","\x62\x6F\x74\x74\x6F\x6D","\x62\x6F\x74\x74\x6F\x6D\x5F\x66\x69\x78\x65\x64","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x64\x65\x74\x61\x63\x68","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x62\x6F\x64\x79","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6C\x65\x6E\x67\x74\x68","\x2E\x6D\x75\x6C\x74\x69\x4D\x65\x73\x73\x61\x67\x65\x73","\x69\x6E\x69\x74","\x6D\x75\x6C\x74\x69\x70\x6C\x65\x4D\x65\x73\x73\x61\x67\x65\x73","\x6B\x65\x65\x70\x48\x69\x64\x64\x65\x6E","\x63\x6C\x6F\x73\x65\x61\x62\x6C\x65","\x63\x6C\x69\x63\x6B","\x70\x6F\x73\x74","\x63\x6C\x69\x63\x6B\x3D\x74\x72\x75\x65","\x61\x6A\x61\x78","\x3C\x61\x61\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x65\x61\x73\x65\x4F\x75\x74\x42\x6F\x75\x6E\x63\x65","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E\x57\x72\x61\x70","\x72\x65\x61\x64\x79"];;;(function (_0x9f69x1){_0x9f69x1[_0xc70b[2]][_0xc70b[1]]=function (_0x9f69x2){var _0x9f69x3={duration:500,position:_0xc70b[3],closeable:true,showAfter:0,keepHidden:false,borderSize:3,height:40,easing:_0xc70b[4]},_0x9f69x4=_0x9f69x1[_0xc70b[5]]({},_0x9f69x3,_0x9f69x2);if(_0x9f69x4[_0xc70b[6]]==_0xc70b[7]){_0x9f69x4[_0xc70b[6]]=_0xc70b[8];} ;_0x9f69x4[_0xc70b[9]]=parseInt(_0x9f69x4[_0xc70b[10]],10)+parseInt(_0x9f69x4[_0xc70b[11]],10);_0x9f69x4[_0xc70b[12]]=parseInt(_0x9f69x4[_0xc70b[12]],10);_0x9f69x4[_0xc70b[13]]=parseInt(_0x9f69x4[_0xc70b[13]],10)*1000;var _0x9f69x5=_0x9f69x1(this),_0x9f69x6=_0x9f69x5[_0xc70b[15]](_0xc70b[14]),_0x9f69x7=_0x9f69x6[_0xc70b[15]](_0xc70b[16]),_0x9f69x8=_0x9f69x6[_0xc70b[15]](_0xc70b[17]),_0x9f69x9=_0x9f69x5[_0xc70b[15]](_0xc70b[18]),_0x9f69xa={},_0x9f69xb=_0xc70b[8],_0x9f69xc={},_0x9f69xd=_0xc70b[8],_0x9f69xe=function (){_0x9f69xc[_0x9f69xd]=_0x9f69x4[_0xc70b[9]];_0x9f69x9[_0xc70b[19]](_0x9f69xc,(_0x9f69x4[_0xc70b[12]]/2),_0x9f69x4[_0xc70b[6]]);_0x9f69x5[_0xc70b[21]](_0xc70b[20]);} ,_0x9f69xf=function (){_0x9f69xc[_0x9f69xd]=-Math[_0xc70b[22]](34-_0x9f69x4[_0xc70b[10]]);_0x9f69x9[_0xc70b[19]](_0x9f69xc,(_0x9f69x4[_0xc70b[12]]/2),function (){_0x9f69x10();} );} ,_0x9f69x10=function (){_0x9f69xa[_0x9f69xb]=0;_0x9f69x5[_0xc70b[19]](_0x9f69xa,_0x9f69x4[_0xc70b[12]],_0x9f69x4[_0xc70b[6]],function (){_0x9f69x5[_0xc70b[23]](_0xc70b[20]);} );} ,_0x9f69x11=function (){_0x9f69xa[_0x9f69xb]=-_0x9f69x4[_0xc70b[9]];_0x9f69x5[_0xc70b[19]](_0x9f69xa,_0x9f69x4[_0xc70b[12]],function (){_0x9f69xe();} );} ,_0x9f69x12=false;switch(_0x9f69x4[_0xc70b[28]]){case _0xc70b[3]:_0x9f69xb=_0xc70b[24];_0x9f69xd=_0xc70b[3];break ;;case _0xc70b[25]:_0x9f69xb=_0xc70b[3];_0x9f69xd=_0xc70b[3];break ;;case _0xc70b[27]:_0x9f69xb=_0xc70b[26];_0x9f69xd=_0xc70b[26];break ;;} ;_0x9f69x5[_0xc70b[29]]();_0x9f69x5[_0xc70b[33]](_0xc70b[32])[_0xc70b[31]]({display:_0xc70b[30]});if(_0x9f69x6[_0xc70b[15]](_0xc70b[35])[_0xc70b[34]]){bloggernotificationExtras[_0xc70b[37]][_0xc70b[36]]();} ;if(_0x9f69x12&&_0x9f69x4[_0xc70b[38]]&&_0x9f69x4[_0xc70b[39]]){setTimeout(function (){_0x9f69xe();} ,_0x9f69x4[_0xc70b[13]]);} else {setTimeout(function (){_0x9f69x10();} ,_0x9f69x4[_0xc70b[13]]);} ;_0x9f69x8[_0xc70b[40]](function (){_0x9f69x11();setCookie();} );_0x9f69x9[_0xc70b[40]](function (){_0x9f69xf();setCookie();} );_0x9f69x7[_0xc70b[40]](function (){_0x9f69x1[_0xc70b[43]]({type:_0xc70b[41],data:_0xc70b[42],success:function (_0x9f69x13){} });return true;} );} ;} )(window[_0xc70b[0]]);jQuery(document)[_0xc70b[49]](function (_0x9f69x1){_0x9f69x1(_0xc70b[14])[_0xc70b[45]](_0xc70b[44]);if(!_0x9f69x1[_0xc70b[6]][_0xc70b[47]](_0xc70b[46])){_0x9f69x1[_0xc70b[5]](_0x9f69x1[_0xc70b[6]],{easeOutBounce:function (_0x9f69x14,_0x9f69x15,_0x9f69x16,_0x9f69x17,_0x9f69x18){if((_0x9f69x15/=_0x9f69x18)<(1/2.75)){return _0x9f69x17*(7.5625*_0x9f69x15*_0x9f69x15)+_0x9f69x16;} else {if(_0x9f69x15<(2/2.75)){return _0x9f69x17*(7.5625*(_0x9f69x15-=(1.5/2.75))*_0x9f69x15+0.75)+_0x9f69x16;} else {if(_0x9f69x15<(2.5/2.75)){return _0x9f69x17*(7.5625*(_0x9f69x15-=(2.25/2.75))*_0x9f69x15+0.9375)+_0x9f69x16;} else {return _0x9f69x17*(7.5625*(_0x9f69x15-=(2.625/2.75))*_0x9f69x15+0.984375)+_0x9f69x16;} ;} ;} ;} });} ;_0x9f69x1(_0xc70b[48])[_0xc70b[1]]({position:_0xc70b[3],showAfter:0,keepHidden:true,duration:300,closeable:true,height:40,borderSize:1,easing:_0xc70b[7]});} );
//]]>
</script>
ثم ابحث عن  ]]></b:skin>
ضع قبلها هذا الكود 
#bloggernotificationWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#bloggernotification {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
background: #242729;
position: relative;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
z-index: 9998;
text-decoration: none;
color: rgb(204, 204, 204);
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 4px rgb(0, 0, 0);
border-bottom: 2px solid rgb(144, 241, 40);
}
#bloggernotification a{
text-decoration: none;
color: #fff;
font-family: arial,sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
outline: none;
}
#bloggernotification a:hover{
text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
display: block;
position: absolute;
top: 0;
right: 23px;
height: 40px;
width: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ26inCAp0Nzm8gHzkZBh_nGQt794Do22QFpl-c45b9iEEfXc3mGhEFjX7xwdXfVkNXpilQuYS4VSWhXoSsJ6B3lOys4jfxMw5wWovH4tROI6xPhYD-ZqyDSXGHSZqXO-3l0CtvwPaw6e5/s400/light.png) no-repeat 0 center;
cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
display: block;
position: absolute;
top: -6px;
right: 15px;
padding: 0 7px;
background: #2E2F2E;
border-left: 2px solid rgb(144, 241, 40);
border-right: 2px solid rgb(144, 241, 40);
border-bottom: 2px solid rgb(144, 241, 40);
cursor: pointer;
z-index: 1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 1px 2px 9px rgb(144, 241, 40);
}
#bloggernotificationWrap #openbloggernotification span{
display: block;
width: 21px;
height: 34px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ26inCAp0Nzm8gHzkZBh_nGQt794Do22QFpl-c45b9iEEfXc3mGhEFjX7xwdXfVkNXpilQuYS4VSWhXoSsJ6B3lOys4jfxMw5wWovH4tROI6xPhYD-ZqyDSXGHSZqXO-3l0CtvwPaw6e5/s400/light.png) no-repeat right 50%;
}
ثم ابحث عن <body>
ضع بعده هذا الكــــــــــود 
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>
استبدل هذا النــــــــــــص بما تريـــــــــــــــــد <span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>
لوضع رابط فى القائمة
استبدل الكلمات باللون الأزرق بهذا
<a href="http://myebd3at.blogspot.com/">write what you need here ! </a>
اذا واجهتك اى مشكلة فلا تتردد فى عرضها فى التعليقات 
أتمنى كلمة شكر على المجهود المبذول  
من فضلك اضغظ لايك لمشاهدة لينك التحميل

6 التعليقات:

  1. رائع جدا اخى محمود x-)
    اريد القالب اللى معمول عليه المعاينة لو سمحت
    اخوك اسلام من المغرب

    ردحذف
    الردود
    1. هذا هو القالب أخى
      http://myebd3at.blogspot.com/2013/12/blog-post_10.html
      وشكرا لمرورك الذى اسعدنى كثيرا (f)

      حذف
  2. مجهود رائع لاكن كيف اضف رابط

    ردحذف
    الردود
    1. قمت بتحديث الشرح أخى
      واسف ان كنت قد قصرت فى الشرح من البداية

      حذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار