إضافة قائمة عمودية فى عمود الإضافات لمدونات بلوجر

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

صورة الإضافة

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

1- من لوحة التحكم ---> اختار التخطيط

2- ثم إضافة اداة ---> ثم  HTML/JavaScript

3- ثم قم بإضافة الكود التالى فى المربع الظاهر إمامك

<!--قائمة مدونة العرابى --><script language="javascript">function exetoggle(exeshowHideDiv, exeswitchImgTag) { var saalim = document.getElementById(exeshowHideDiv); var imageEle = document.getElementById(exeswitchImgTag); if(saalim.style.display == "block") {saalim.style.display = "none";imageEle.innerHTML = '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" BORDER=0>';}else {saalim.style.display = "block";imageEle.innerHTML = '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jWm7kTqMs5bYzb3EPeKyHhEWFjManCpVX7zyp2Ozs6cDryzkIy_zlalrLy20ofIiacF3qgAHO27iwQtvO3wyAO26WvAake5wCJnQCh9GXy3yxCtKghNoRV1x3kbg3vEZTRma2AEzvw/s24/minus.png" BORDER=0>';}}</script><style>#exetitle {border: 1px solid #292929; background-color:#01B1D3; padding:5px;margin-bottom:2px;margin-top:2px;font-size:15px;font-family:GESSTwoMediumRegular;color:#fff;}#exetitle a {float:left; margin:0 auto;}.exediv {border: 1px solid gray; background-color:#efefef; padding:5px; display:none;}</style><div id="exetitle">صفحات أساسية<a id="myHeader1" href="javascript:exetoggle('myContent1','myHeader1');" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" border="0" /></a></div><div id="myContent1" class="exediv">ضع أي إضافة هنا</div>
<div id="exetitle">أدوات للمدون<a id="myHeader2" href="javascript:exetoggle('myContent2','myHeader2');" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" border="0" /></a></div><div id="myContent2" class="exediv">ضع أي إضافة هنا</div>
<div id="exetitle">خدمات ترفيهية<a id="myHeader3" href="javascript:exetoggle('myContent3', 'myHeader3');" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" border="0" /></a></div><div id="myContent3" class="exediv">ضع أي إضافة هنا</div>
<div id="exetitle">نبذة عنا<a id="myHeader4" href="javascript:exetoggle('myContent4', 'myHeader4');" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" border="0" /></a></div><div id="myContent4" class="exediv">ضع أي إضافة هنا</div>
<div id="exetitle">رأيك يهمنا<a id="myHeader5" href="javascript:exetoggle('myContent5', 'myHeader5');" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmKh69Dm5TesbogZ9emEOQPCGLtc815dRIL6Y1EtoWuJcp2NcZbOs8qfjpSl0cd2yJP5aSctdW691AW8TZHbgHkAZiZ0JVahoF___T9ScdaRl8RBT90pOpMkxIt5C5Tj06SBQcRFyyg/s24/plus.png" border="0" /></a></div><div id="myContent5" class="exediv">ضع أي إضافة هنا</div><!--قائمة مدونة العرابى -->

وبذلك تمت الإضافة بنجاح .

 تستطيع تبديل ( ضع أى إضافة هنا ) بكود الإضافة التى تريد اظهارها وايضاً تغيير العنوانين الرئيسية بما يناسبك 

وبالتوفيق للجميع وان واجهتك اى مشكلة ضعها فى تعليق بالإسفل وسوف يتم الرد عليك وشكراً