قائمة إدارة المدونة لمنصة بلوجر الجديدة

عدد مشاهدات الموضوع:

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

1- تضم أزرار إدارة المدونة للمنصة الجيدة
2-عبارة عن قائمة ثابثة في أحد جوانب المدونة سواء على جهة اليمين أو اليسار
3- تسهل عليك التنقل بين قوائم حسابك على موقع بلوجر
4-لا تأخذ حيزا كبيرا في تنسيق المدونة
5-إمكانية إخفاءها على الزوار وإظهارها لصاحب المدونة فقط (admin)

1-انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

]]></b:skin>

ثم قم بوضع الكود التالي قبله :

.bloggermenu {

  position: fixed;

  top: 200px;

  left: 10px;

  width: 24px;

  overflow: hidden;

  padding: 5px;

  background: #ffffff;

  border-width: 1px;

  border-style: solid;

  border-color: #ccc;

  -moz-box-shadow: 1px 1px 3px #666666;

  -webkit-box-shadow: 1px 1px 3px #666666;

  box-shadow: 1px 1px 3px #666666;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

}

ملحوظة : لتركيب الإضافة في جهة اليمين ،قم بتغيير الكلمة Left بالكلمة Right.

2-الآن قم بالبحث عن الكود التالي :

<b:include name='feedLinks'/>

فإن لم تجده ،قم بالبحث عن هذا الكود  :

<b:include name='nextprev'/>

ثم قوم بوضع هذا الكود تحت أحد الأكواد السابقة :

<b:include name='ButtonsbloggerFix'/>

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

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>

ثم ضع الكود التالي بعده مباشرة :

<b:includable id='ButtonsbloggerFix'>

<span class='item-control blog-admin'>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<div class='bloggermenu'>

<a class='layout' href='http://www.blogger.com/home' target='_blank' title='الرئيسية '><img alt='' src='http://2.bp.blogspot.com/-SQmfhfCbCZI/UCMnLEfgGmI/AAAAAAAADg0/Z8SHbim2ZPI/s1600/blogger.gif' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overview' target='_blank' title='نظرة عامة '><img alt='' src='http://3.bp.blogspot.com/-wRMW3Y3cvCY/UCMkFkzt2nI/AAAAAAAADgk/UJHdujwqwBM/s1600/general+orange.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#editor/src=sidebar' target='_blank' title='مشاركة جديدة'><img alt='' src='http://4.bp.blogspot.com/-DigewNLsMso/UCMlvW5zPmI/AAAAAAAADgs/dxEzvkOYPXo/s1600/new+message.png' title=''/>

</a>

 <a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#allposts' target='_blank' title='المشاركات'><img alt='' src='http://1.bp.blogspot.com/-0hBWczd_zRQ/UCMMdnQ7l9I/AAAAAAAADfY/7wVFO-g-Uvs/s1600/MOCHARAKAT.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pages' target='_blank' title='الصفحات'><img alt='' src='http://1.bp.blogspot.com/-6bk1dEz0WdA/UCMMe823fVI/AAAAAAAADfo/oxRxmVJtx7I/s1600/PAGES.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#publishedcomments' target='_blank' title='التعليقات'><img alt='' src='http://3.bp.blogspot.com/-o9sGJj-MIoU/UCMMc-KKk_I/AAAAAAAADfU/of8UsfwsHOk/s1600/COMMENTS.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#googleplus' target='_blank' title='Google +'><img alt='' src='http://4.bp.blogspot.com/-TV_ShFm3rns/UCOdcWJTB_I/AAAAAAAADhY/N_MjgjFZY94/s1600/google+plus.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overviewstats' target='_blank' title='الإحصائيات'><img alt='' src='http://1.bp.blogspot.com/-j74rSzStrqA/UCMMgYUa4AI/AAAAAAAADf4/s1_ybIoFG7Y/s1600/STATISTIC.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#adsensesummary' target='_blank' title='الأرباح'><img alt='' src='http://3.bp.blogspot.com/-KgD7fIXPip8/UCOdb_cVeBI/AAAAAAAADhU/f6Rl2WsOqLM/s1600/adsense.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pageelements' target='_blank' title='تخطيط'><img alt='' src='http://2.bp.blogspot.com/-AzJORCsyr7o/UCMMgw1u9GI/AAAAAAAADgA/91InNMBCyGA/s1600/TAKHTIT.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#template' target='_blank' title='قالب'><img alt='' src='http://4.bp.blogspot.com/-SWNP03FZvFw/UCMMhstw0oI/AAAAAAAADgI/PVwUKbX2xos/s1600/TASMIM.png' title=''/>

</a>

<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#basicsettings' target='_blank' title='إعدادات'><img alt='' src='http://2.bp.blogspot.com/-d5yhMIm_t8U/UCMMflZVRuI/AAAAAAAADfw/WbEtkWv8q0s/s1600/PARAMETRE.png' title=''/>

</a>

</div>

</b:if>

</span>

</b:includable>

تعديل : 
1-قم بإستبدال xxxxxxxxxxx برقم تعريف مدونتك،وللحصول على هذا الرقم  . إضغط على إسم مدونتك من قائمة مدوناتك ثم قم بنسخ كود التعريف كما هو موضح في الصورة أسفله

2-كما ذكرنا سابقا فإن هذه إضافة تمكنك من التنقل في قائمة الإدارة  على حسابك الخاص على موقع بلوجر ،حيث يمكنك إخفاء الإضافة على الزوار وإظهارها لك أنت فقط عند دخولك على حسابك في موقع بلوجر،كما هو شأن أزرار التحرير السريع المعتمدة لدى بلوجر،ولذلك إذا أردت إظهار الإضافة للزوار ،قم بحذف السطرين من الكود الأخير ،أي ما لون باللون الأحمر (السطر الثاني والسطر قبل الأخير)فلا مشكلة في ذلك لأن لو أحد الزوار قام بالضغط على أحد الأزرار سوف يقوم بفتح حسابه هو(كما فعلت أنا بمدونتي ) .
وإذا تركتهما ،سوف تظهر الإضافة لك أنت فقط عند دخولك على حسابك بموقع بلوجر،

أتمنى أن تروقكم هذه الميزة الجديدة في إنتظار آرائكم وإستفساراتكم