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

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

♥ معايـنــــــة ♥

طريقة التركيب

ابحث عن </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/AVvXsEgZ7ZnS96Kvtx2-iRfbUKpe-xWpcl6W8v3LexxUNyLDgaOswT8NNSa0QMIQWKEml6jrMRYVfbmk6sd9KJzoMJiScwNZaPsO_nhPmrT1pzKEDs7NFHki8JeO7MXETnOzQvzkWj8C_6iFpojO/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/AVvXsEgZ7ZnS96Kvtx2-iRfbUKpe-xWpcl6W8v3LexxUNyLDgaOswT8NNSa0QMIQWKEml6jrMRYVfbmk6sd9KJzoMJiScwNZaPsO_nhPmrT1pzKEDs7NFHki8JeO7MXETnOzQvzkWj8C_6iFpojO/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>

لوضع رابط فى القائمة
استبدل الكلمات باللون الأزرق بهذا