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

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

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

تطبيق الإضافات :
1.قم بإضافة القائمة العلوية التي تقوم بإظهار وإخفاء 3 إضافات في وقت واحد من هنا ،لكن لا تقم بتطبيق المرحلة الخامسة والأخيرة والتي يطلب منك إضافة كود بعد الوسم body
2.قم بالبحث عن الوسم :
<body>
ثم ضع تحته هذا الكود
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<b:section class='left' id='left' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
<div class='left'>
<b:section class='center' id='center' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
<div class='left right'>
<b:section class='right' id='right' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
</div>
</div>
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>الإدارة</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' id='open'>إظهار</a>
<a class='close' id='close' style='display: none;'>إخفاء</a>
</li>
<li class='right'/>
</ul>
</div>
</div>
3.قم بالبحث عن الوسم :
]]></b:skin>
ثم ضع فوقه هذا الكود :
ul.adminbar
    {      background-color:#F5EDE3;
        border:1px solid #F5EDE3;
        margin-bottom:8px;
        padding:5px 5px 0;
    }
    ul.adminbar li {
        background-color:#E6DAC9;
        border:1px solid #999999;
        list-style:none outside none;
        margin-bottom:6px;
        outline:1px solid #D0CBE5;
        padding:12px 0px 20px 50px;
}
    ul.adminbar li a
    {      display:block;
        color:#333333 !important;
        text-shadow:1px 1px 0 #fff;
        text-decoration:none;
        font-size:20px;
        height:27px;
        margin:0 0 0 15px;
    }
    a.dashboard
    {      background:url(http://1.bp.blogspot.com/-Le542yqWfFg/TeQHu_1XCbI/AAAAAAAACLU/c-HtViQPEQI/s1600/dashboard.png) no-repeat 0px 0px;
        padding:4px 0 2px 47px;
    }
        a.settings
    {      background:url(http://2.bp.blogspot.com/-hsTX92fGbtU/TeQHvyTk9TI/AAAAAAAACLc/zV2CbQWaYiQ/s1600/setting+blogger.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.layout
    {      background:url(http://1.bp.blogspot.com/-dAP-uFxDb2A/TeQHs-8yViI/AAAAAAAACLM/OAVA_VQUvXU/s1600/3anasir.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.editpost
    {      background:url(http://1.bp.blogspot.com/-MNTaudHeQBw/TeQJNVakhbI/AAAAAAAACLg/EWE_dnaYZmg/s1600/edit.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.newpost
    {      background:url(http://2.bp.blogspot.com/-6Pv1pbavuPY/TeQHt8lkzHI/AAAAAAAACLQ/sEDaHHgUz8o/s1600/add+message+blogger.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
    a.statistic
    {      background:url(http://1.bp.blogspot.com/-K0mz7u5qyrw/TeQHsXXSOmI/AAAAAAAACLI/k1_kCabmX2E/s1600/Statistics+blogger.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
4.توجه إلى تصميم مدونتك سوف تلاحظ أنه تمت إضافة 3 قوائم لإضافة أداة جديدة فوق هيدر المدونة
5.الآن سوف نقوم بإضافة القوائم في الأدوات الجديدة التي تم إنشؤها
6.القائمة العلوية :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=xxxxxxxxxx" target="_blank"><img src="http://3.bp.blogspot.com/-fedEZ7YS_i0/TeQr5zVK47I/AAAAAAAAADA/_D3wFOXGDqE/s1600/tasmim.png" title="" alt=""/>
</a></li>
<li><a class="statistic" href="http://www.blogger.com/stats2.g?blogID=xxxxxxxxxx" target="_blank" ><img src="http://4.bp.blogspot.com/-KAN1lkRnyIw/TeQsTE6A5eI/AAAAAAAAADE/lgt7qNJvf8c/s1600/statistic.png" title="" alt=""/>
</a></li>
</ul>
القائمة الوسطى :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="editpost" href="http://www.blogger.com/posts.g?blogID=xxxxxxxxxx" target="_blank"><img src="http://1.bp.blogspot.com/-x1YTP6Fg1H4/TeQrHpVZ2yI/AAAAAAAAAC4/InHqGgpZOes/s1600/edit+message.png" title="" alt=""/>
</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=xxxxxxxxxx" target="_blank"><img src="http://2.bp.blogspot.com/-2lHvVvwAWtQ/TeQrbo4O4SI/AAAAAAAAAC8/mqoLb3Y4Hks/s1600/new+message.png" title="" alt=""/>
</a></li>
</ul>
القائمة السفلية :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank"><img src="http://4.bp.blogspot.com/-jH1CMLVBqlI/TeQpX1ar4gI/AAAAAAAAACw/zQLdZ8FNu8w/s1600/lawa77a2.png" title="" alt=""/></a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=xxxxxxxxxx" target="_blank"><img src="http://3.bp.blogspot.com/-4QK8B4CasL0/TeQqjO44-gI/AAAAAAAAAC0/kdRneGcosIU/s1600/setting2.png" title="" alt=""/>
</a></li>
</ul>
7.عند إضافتك لجميع القوائم لا تنسى أن تقوم بإستبدال xxxxxxxxxx من جميع أكواد الإضافات الثلات برقم تعريف مدونتك،وللحصول على هذا الرقم كما هو موضح أسفله .
ملاحظة : لقد قمت بتغيير ألوان القائمة العلوية لتكون متناسقة مع مدونتي،لأن الإضافة توجد باللون الأسود كما هو موضح في شرح الأخ خالد
أتمنى أن تعجبكم هذه الإضافة الجديدة في إنتظار إستفساراتكم وآرائكم حول الموضوع

هناك 51 تعليقًا:

  1. أضافة جميلة جدا يا ابو أياد و أن شاء الله أطبقها في مدونتي ..
    و يشرفني أنك تزور مدونتي المتواضعة :)
    www.ar-documentary.com

    ردحذف
  2. اضافة رائعة يا ابو اياد
    شكرا على الشرح
    http://al-alaalmia.blogspot.com/

    ردحذف
  3. أنا الحمدلله ركبت الأضافة بس عاوز أعرف أزاي أعدل عليها علشان تناسب مدونتي ..

    ردحذف
  4. السلام عليكم ورحمة الله وبركاته

    إضافه اكثر من رائعه اخى \ ابو إياد

    لكن بعد إذنك

    ممكن شرح إضافة ادوات اخرى غير الاداره

    بمعنى

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

    كما شرح اخى خالد فى موضوعه

    فانا عندما اطبق المرحله الاخيره فى شرحه واقوم بالمعاينه

    اجد رسالة خطا توزيع القالب ... فهذه هى المشكله

    فانا اريد منك اخيرا شرح الاضافات بشكل مميز كما أنت دائما

    وجزاك الله كل خير وبارك الله فيك وهى اضافه رائعه بمعنى الكلمه

    ردحذف
  5. شكراً لك ..

    شكلها جميل وجذاب ، ولكن أراها نوعاً ما مربكة للزائر. انقدح في ذهني وأنا أكتب هذا التعليق أنه قد يكون ممكناً جعل هذه الإضافة تظهر لصاحب المدونة فقط دون غيره، مثل ايقونات التحرير السريع !

    عن نفسي استخدم المفضلة لغرض الدخول السريع لأقسام مدونتي

    دمت بخيرٍ وعافيةٍ برحمة الله

    ردحذف
  6. بصراحه حركه جميلة,

    انا معجبة جدا بيها

    بس حابه استفسر

    هل تؤثر على لود المدونه ام لا؟

    ردحذف
  7. ‘ضافة رائعة وسيتك تجربتها ان شاء الله في مدوناتي

    ردحذف
  8. شكرا يا أبو اياد على هذه الاضافة الرائعة ويشرفنى أن تزور مدونتى على هذا الرابط : http://mostafamahmood.blogspot.com/

    ردحذف
  9. @Arab Documentary
    بالنسبة لعملية التعديل فقد إعتمدت على برنامج الفوتوشوب حيث أن القائمة السوداء هي عبارة هن أيقونات تُكوِنها، وروابط هذه الأيقونات سوف تجدها في الكود الأول الذي قمتَ بوضعه قبل الوسم ]]></b:skin> والموجود في مدونة الأخ خالد ولذلك قم بتحميل الأيقونات من هنا ثم قم بتلوينها وعمل لها روابط وإستبدالها بالروابط الموجودة بالكود الذي ذكرت لك سابقا

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

    ردحذف
  11. @Maysa
    نعم أختي الكريمة بما أن الإضافة تستدعي روابط الجافاسكريبت وسي أس أس فلها تأثير جزئي على تحميل صفحة المدونة

    @محمد المصـــرى
    إنشاء الله لو تسنى لي بعض الوقت سوف أقوم بشرحها في تدوينة جديدة

    ردحذف
  12. اضافة رائعة واصل العمل الرائع

    ردحذف
  13. اضافة مميزة مزيدا من التالق

    ردحذف
  14. شكرا لك اخي ابو اياد لقد افدتنا بمواضيعك القيمة ;))
    يشرفني أنك تزور مدونتي المتواضعة :-*
    dzmind.blogspot.com
    :((

    ردحذف
  15. رائعة ما شاء الله .. مبروك القالب :)

    ردحذف
  16. أخى العزيز
    لقد قمت بتركيب الإضافة كما ذكرت بالضبط ونجحت وأحييك على ذلك
    ولكن السلايد شو توقف عن العمل ولا أعرف لماذا فهل هناك طريقة لجعله يعمل مرة أخرى دون حذف هذه الإضافة الرائعة أم ماذا؟
    انتظر ردكم فى القريب العاجل لأن الموضوع مهم جدا
    رابط المدونة
    http://historiansunion.blogspot.com

    شكرا لك أخلى

    ردحذف
  17. @وائل إبراهيم الدسوقي
    جاري البحث عن سبب المشكلة أخي الكريم ،تقبل تحياتي

    ردحذف
  18. طيب انا هعمل حاجة هي متعبة لكن ان شاء الله تؤدى الى معرفة سبب المشكلة لأنى شاكك في احد الأكواد هرجع المدونة كما بدأت وهنزل كل اضافة وبعدها السلايد شو حتى افهم المشكلة وسوف ارد عليكم بالنتيجة
    تحياتي

    ردحذف
  19. اخى أبو اياد
    لقد بدأت الإضافات فى المدونة بقائمة الإدارة التي نحن بصددها الآن
    وتم تركيبها جيدا وأخذت تعمل ولكنى وجدت السلايد شو توقف مرة أخرى
    حذفت كل اكواد الإضافة من المدونة فعمل السلايد شو مرة أخرى
    وهكذا فإن تلك الإضافة تسبب خللا فى السلايد شو يمكنك معالجته لانها اضافة هامة وتريحنا جميعا
    شكرا وأخى وتحياتي على مجهوداتك الطيبة

    ردحذف
  20. @وائل إبراهيم الدسوقي
    سوف يتم البحث عن سبب المشكلة أخي الكريم في القريب العاجل بإذن الله
    تحياتي لك

    ردحذف
  21. @وائل إبراهيم الدسوقي
    السلام عليكم ورحمة الله ،ممكن أن ترسل لي قالب مدونتك على الخاص لأطبق عليه خطوات الإضافة لإكتشاف السبب الرئسي في الكود الذي يسبب عدم عمل السلايدشو وهذا بريدي
    mohamed@abu-iyad.com

    ردحذف
  22. شكرا ياابو اياد بس ياريت تعلمنا نعملها مثل ماعندك وياريت تشرحهالنا نعملها في قلئمه مندلسه

    ردحذف
  23. شكرا لك على هذا التدوينة الرائعه لكني لم اجد كود body

    ردحذف
  24. السلام عليكم ورحمة الله وبركاته اخى ابو اياد ...
    عندى مشكلة فى عناصر القالب والتى لطالما لازمتنى منذ انشاء المدونة( بلوجر كول)وبمعنى اصح ... اننى لا استطيع التحكم فى بعض عناصر القوالب حيث ان كلمة (حذف ) لاتوجد فى خيارات العنصر تلك المشكلة ليست فى كل العناصر ولكن فى بعض العناصر مثل المتابعون او الصفحات فانا ارجو منك حل لتلك المشكلة
    ايميلى للتواصل tom_20052000@yahoo.com
    او ان تكتبلى تعليق بحل المشكلة فى مدونتى ....تشرفنى بزيارتها

    http://www.bloger-cool.blogspot.com

    مشكور

    ردحذف
  25. جربتها ولم تنفع معايا يريت تخش مدونتى وتشوف ايه المشكله بعد اذنك

    http://renders4u.blogspot.com/

    ردحذف
  26. السلام عليكم ورحمة الله وبركاته
    رمضان مبارك اخي الحبيب ابو اياد
    وكل عام وانت بخير
    بالنسبة للاضافة رائعة جداً لكن للاسف قد احذفها
    لاني عند تطبقيها على مدونتى اتت الاضافة
    لكن بالنسبة لكلمات تدويناتي تداخلت الكلمات وتشابكة الحروف ببعض
    وهذا رابط المدونة http://prins10ahmaed.blogspot.com
    وياليت اخي ابو اياد اذا يوجد حل للمشكلة تخبرني عنه
    وجزاك الله خير

    ردحذف
  27. تحياتي و تقدير لجهدك المميّز

    و بحثك على الاضافة و الافادة

    منجي باكير

    ردحذف
  28. أزال المؤلف هذا التعليق.

    ردحذف
  29. و لكن فوق القالب تظهر اكواد؟؟

    ردحذف
  30. للاسف الاضافة لم تعمل معى بشكل جيد حيث ظهرت بشكل غير منسق(فى قائمه ليست منسدله)

    ردحذف
  31. أخواني في الله المرجوا المساعدة.
    لقد قمت بإضافة السلايد وكان يعمل بشكل جيد.
    لكن فجأة توقف عن العمل.
    وعندي أيضا مشكل في الأقسام المنبثقة عن الأقسام العليا.
    عنوان المدونة : al-kiyada.blogspot.com
    وهذا قالب المدونة : http://www.mediafire.com/?ika8qe4md1kgmbq
    المرجوا الحل.
    ومن يحل هذه المشكلة له كتاب سبع خطوات لتشغيل ماكينة أرباح جوجل ادسنس وثمنه 39.99 دولارا.

    ردحذف
  32. اخى ابو اياد هذه الاضافه لا تعمل لدى

    ردحذف
  33. تفضلو بزيارة مدونة بيت البلوغر

    www.homeblooger.blogspot.com

    قوالب إضافات وأخبار البلوغر

    ردحذف
  34. أخي ابو اياد انا هذا رابط مدونتي طبقت الاضافه لاكن حدثت مشاكل بأمكانك رؤية مدونتي على هالرابط http://mb-fn-er.blogspot.com/ لاتظهر كل الأزرار حق الاضافه

    اخوك زياد عمري 15 عاما من السعودسه

    ردحذف
  35. اخوي ابو اياد شلون اسوي مربع التعليقات الي اسفل كل تدوينه في مدونتك واللي حاط عليه ابتسامات اوجه ممكن الطريقه !

    اخوك مدون جديد!

    تصحيح الخطأ:من السعوديه

    ردحذف
  36. اضافة رائعه و انا طبقتها و كله تماااام تشكر اخى ابو اياد بس عندى استفسار ازاى اغير لونها لتناسب لون مدونتى و لك جزيل الشكر
    هذه مدونتى المتواضعه
    http://egy-grand.blogspot.com

    ردحذف
  37. في ميزان حسناتك اخي الكريم
    المرجو زيارة مدونتي وابداء الراي فيها :
    Gfxp.blogspot.com

    ردحذف

  38. مشكور لي المجهود
    http://www.theknowledgepedia.com

    ردحذف


  39. thank you

    مدير موقع نجوم سبورت

    ردحذف
  40. السلام عليكم انا لدي مشكلة لا افهم منها شيئا المدونة لم تعد موجودة في الادارة وليست موجودة في قائمة المحدوفين مع انها موجودة عند التصفح والله مشكلة سألة عنها الكثير لم يعرف الحل مدونتي هذة http://riada-tibia.blogspot.com
    ارجو منك المساعدة وشكرا

    ردحذف

  41. جزاكم الله خيرا
    حائط للصور مدير موقع


    ردحذف
  42. اضافة مهمة لربح الوقت شكرا جاري التجريب على الموقع

    ابو نزار للمعلوميات

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية