إضافة جديدة من نوعها حصريات عين العرب

السلام عليكم ورحمة الله وبركاته

زوار المدونة الكرام اتيتكم اليوم بإضافة مميزة وجميلة وحصرية على عين العرب

لقد عملت على عليها لجعلها متناسبة لوضعها في القوائم الجانبية كتسميات او اقسام لمدونتك

صورة للإضافة

إنها إضافة جميلة كما ترى عند الضغط على الأقسام تضهر الفئات المخفية ولإضافتها في مدونتك

قم بإنشاء اداة جديدة ثم ضع فيها هذا الكود

 <style type="text/css"> .menutitle{ cursor:pointer; margin-bottom: 2px; background-color:#ECECFF; color:#000000; width:240px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> var persistmenu="yes" var persisttype="sitewide" if (document.getElementById){ document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('</style>\n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //almenhaj.net change if(el.style.display != "block"){ for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } } function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue } if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> <!-- بداية القائمة ويمكنك تغييرها من هنا --> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')" style="background-color:#008080"> <span lang="ar-jo">العقيدة والدين</span></div> <span class="submenu" id="sub1"> - <a href="http://arabe-eye.blogspot.com/search/label/%D8%A7%D9%84%D9%82%D8%B1%D8%A2%D9%86%20%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%85"><span lang="ar-jo">القرآن الكريم والسنة النبوية</span></a><br /> - <a href="http://arabe-eye.blogspot.com/search/label/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA%20%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9"><span lang="ar-jo">مقالات إسلامية</span></a><br /> - <a href="http://arabe-eye.blogspot.com/search/label/%D9%81%D9%84%D8%A7%D8%B4%D8%A7%D8%AA%20%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9"><span lang="ar-jo">فلاشات وأناشيد إسلامية</span></a><br /> - <a href="http://arabe-eye.blogspot.com/search/label/%D9%83%D8%AA%D8%A8%20%D9%88%D8%A8%D8%B1%D8%A7%D9%85%D8%AC%20%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9%20%D9%84%D9%84%D8%AA%D8%AD%D9%85%D9%8A%D9%84"><span lang="ar-jo">كتب وبرامج للتحميل</span></a> </span></div> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub2')" style="background-color:#008080"> <span lang="ar-jo">الأسرة والمجتمع</span></div> <span class="submenu" id="sub2"> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">الحياة الأسرية</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">مجتمع اليوم</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">التغدية والصحة</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">الطبخ العالمي</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">ذوي الإحتياجات الخاصة</span></a> </span></div> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub3')" style="background-color:#008080"> <span lang="ar-jo">الكمبيوتر</span></div> <span class="submenu" id="sub3"> - <a href="http://arabe-eye.blogspot.com/search/label/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC%20%D8%A7%D9%84%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1"><span lang="ar-jo">برامج الكمبيوتر</span></a><br /> - <a href="http://arabe-eye.blogspot.com/search/label/%D8%A3%D9%86%D8%B6%D9%85%D8%A9%20%D8%A7%D9%84%D8%AA%D8%B4%D8%BA%D9%8A%D9%84"><span lang="ar-jo">أنضمة التشغيل</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">أخبار ومعلومات</span></a><br /> - <a href="http://arabe-eye.blogspot.com/search/label/%D8%AE%D9%84%D9%81%D9%8A%D8%A7%D8%AA%20HD"><span lang="ar-jo">خلفيات HD</span></a> </span></div> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub4')" style="background-color:#008080"> <span lang="ar-jo">ترفيهية</span></div> <span class="submenu" id="sub4"> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">أنيميات</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">النكت</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">الكاريكاتير</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">صور وفيدوهات مضحكة</span></a> </span></div> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub5')" style="background-color:#008080"> <span lang="ar-jo">البرمجة والتطوير</span></div> <span class="submenu" id="sub5"> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">قوالب بلوجر</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">إضافات بلوجر</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">سكربتات مواقع</span></a><br /> - <a href="http://arabe-eye.blogspot.com/"><span lang="ar-jo">أكواد للمواقع</span></a> </span></div>

يمكنك التعديل على الكود بتغيير 

العقيدة والدين ثم الفئات التي فيه

الأسرة والمجتمع والفئات التي فيه

الكمبيوتر والفئات التي فيه

ترفيهية ثم الفئات التي فيه

البرمجة والتطوير والفئات التي فيه

ولرؤية الفئات المتواجدة في كل قسم ركب الاداة كما هي لتجد أسماء الفئات فيسهل عليك البحث عليها وتغيرها بما يناسبك

هكذا اكون قد إنتهيت اتمنى ان تعجبكم الاداة

في امان الله