عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ،مرحبا بكم أحباءنا الكرام في درس جديد ،اليوم سوف نقوم بإضافة قوائم تسهل عليك التنقل بين قوائم حسابك على موقع بلوجر ،وجعلها في مدونتك إذ يمكنك كتابة تدوينة جديدة ،أو التعديل على الرسائل أو الإعدادات فقط بكبسة زر من مدونتك ،وهذه عملية تسهيلية للمدون .ولمعاينة الإضافة قم بالضغط على "أبو إياد" الموجودة في القائمة العلوية فوق الهيدر ،إلا أن عند ضغطك على أحد القوائم سوف يطلب منك إدخال حسابك على بلوجر ،لكن عندما أضغط أنا على أحد القوائم يتم التوجيه مباشرة إلى الخاصية المعنية لأن الإضافة تحتوي على الرقم التعريفي لمدونتي ،وسوف نتعرف على ذلك خلال شرح الإضافة .
وحقيقة الأمر أن هذه الإضافة عبارة عن إضافتين :
الإضافة الأولى : إضافة قائمة إظهار وإخفاء ل3 إضافات في قائمة واحدة والتي تم شرحها سابقا على مدونة صديقي الغالي خالد صاحب مدونة "الفضاء التكنولوجي" .
الإضافة الثانية :وهي القوائم أو الأزرار التي تمكنك من الولوج بطريقة سهلة إلى لوحة التحكم بمدونتك
لذلك قمت بإدماج هاتين الإضافتين في إضافة واحدة .
تطبيق الإضافات :
1.قم بإضافة القائمة العلوية التي تقوم بإظهار وإخفاء 3 إضافات في وقت واحد من هنا ،لكن لا تقم بتطبيق المرحلة الخامسة والأخيرة والتي يطلب منك إضافة كود بعد الوسم body
2.قم بالبحث عن الوسم :
ثم ضع تحته هذا الكود<body>
3.قم بالبحث عن الوسم :<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>
ثم ضع فوقه هذا الكود :]]></b:skin>
4.توجه إلى تصميم مدونتك سوف تلاحظ أنه تمت إضافة 3 قوائم لإضافة أداة جديدة فوق هيدر المدونة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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFPJx6YMkplVHwmctoHUqtfGhB-qTvhopQbEG0crYoIeDUSKmjkdeamCMOXvk8LWItLbm_jP98wgUCi5jFb4ojNKvMyoGng-mPX0mSHwlaZ4A_MFheZdm97Ofc7HuYUOEqZa1FkVdN4lk/s1600/dashboard.png) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBpB2A8_woAORmfMTBxkL-e0Jl_w8SCAU4HA-3qaVjQgX8JBErDiN2VHQp2dCKDoDjTCPKJItOGZw9guXr_hc8p99Oonj8jpZ4BO99i-kqj3sVvRGzXIiBomKdiLqypPj9ar3cJkOYWBQ/s1600/setting+blogger.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.layout
{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzG4VsysWxSudfM5b5y4lRmdbxPswRQkEhhv6lI8fzw0DmScvYUazmFJl_fTBrdOiKLn0MBxii8hPElS6FfrNpcfs0K3hFxVi3Q13grUKsTtGD0LRfomwR2AS-aqiXgFrw4oZiC-glmj21/s1600/3anasir.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDND7QUZKpkcrykUIj9Lw-ampsibv-xvHwW4pVlDhLegxQIYWL5Z3Lebvznp0ou2hcsicwy515FzXR0YqAdQZRZmRSKUQ_VEhX4Rc9SxKdJ7f0lmQiWoDMlPqBhiFFxhIwxWZwEhUwHgZ/s1600/edit.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin6PVQg3kXOzPrwVYzr9odMfL7F01eBYGAbvyQ1fgF4NLgQGOHtjAYi7V7RdDjVdQpRvlPKKF-Opjt0CFf0Bq09V3FZbBug-8XS_mJTkKheulfUluJdY6wW5fjDmydraeMU60EfaWUMjgS/s1600/add+message+blogger.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.statistic
{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjODboLtMAqQ3-tL5HXR-Ab6VrarLCkJ2jCOpiKfnuIhsvIerS_DdFMM1XpbW_ho3T5FsXojUOPcXA2JBy7G5evlzqun_wgpA2wy2kVC84L7kPUFt_-LtIIEXwj2k7BxUjP2Jud58H4Lzz8/s1600/Statistics+blogger.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
5.الآن سوف نقوم بإضافة القوائم في الأدوات الجديدة التي تم إنشؤها
6.القائمة العلوية :
-قم بإضافة هذا الكود في أداة جديدة .
القائمة الوسطى :<ul class="adminbar">
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=xxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtFBZw1HWKqIDV8X5x4Mb4YLp0sBchuJ6S4_3z3ojOTHS4CT73jqNeixhoATzFRfUAu1GYDYSe1QCoe8MEDOvQrjYYHvIgzTr1Ln8XVbh-gCMmbbDYe2uwCMNOZd-N951tGFSMRNSXPM/s1600/tasmim.png" title="" alt=""/>
</a></li>
<li><a class="statistic" href="http://www.blogger.com/stats2.g?blogID=xxxxxxxxxx" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdCalbmgcIOlpkqfiQsSXFaLWJD63KsKUr0tz9NKooYTPawEsgb0Wg-CYpZRfT272Ou9Xj74VVW_UpTFqR6b8TEvccQfgUSA6lCLJmNNdd23gatSQotIFT_oBSpqCd-WESguYqMGDFMD4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZClif4ZWFhBOgcCKGOY-ek66LBLoeMoc4rk0EHIxxhYY_zvhReevGMxvLEDj5Zd2grCgrGqQR8qJ0mtsCIlUL7JiPPj79YKHxdc8bdzapa9tAOFSBvo9ai_IDqK3wJ-UwsUO4NRhmTY/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFykipQ2E8MMaT3nJQW3vWeIoq3rMK-DKdfZMnV_pqTXtKhjg69ZhyphenhyphenYaXeIMpW8c5I_fawP_QWpq3aoiZp41qvNrIsjm7K9NuUmF6T8tY85Xbaj36IYm98hB9wT0CmH1kT3s56iZ0xJKk/s1600/new+message.png" title="" alt=""/>
</a></li>
</ul>
-قم بإضافة هذا الكود في أداة جديدة .
7.عند إضافتك لجميع القوائم لا تنسى أن تقوم بإستبدال xxxxxxxxxx من جميع أكواد الإضافات الثلات برقم تعريف مدونتك،وللحصول على هذا الرقم كما هو موضح أسفله .<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNjLOj_27TvEVfOehbDK4nVHmFW19kKw9nS8uZpHVxGAEHUdLEAU1VRoFpajMHD_gijzfEBVpmsR5oC4dW1rs_nHFQZ7gSygF3z9Tc6sI2MBc8sv3OXZBBKCv_Ez3RD1lFMCxnXamxE0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-bTM1E8iSxzzk3I5mEoXsDidXT2HQeDGyzaK-2ugt-sOzgx22IqYiLX1s1OCnhmz590VWR8HKgunntlKk5rQCdsP9F2nRXneMfS9_D0qbiCJgYuK1rELo2Gyizok1FgGQdankgZ96V8/s1600/setting2.png" title="" alt=""/>
</a></li>
</ul>
ملاحظة : لقد قمت بتغيير ألوان القائمة العلوية لتكون متناسقة مع مدونتي،لأن الإضافة توجد باللون الأسود كما هو موضح في شرح الأخ خالد
أتمنى أن تعجبكم هذه الإضافة الجديدة في إنتظار إستفساراتكم وآرائكم حول الموضوع
أضافة جميلة جدا يا ابو أياد و أن شاء الله أطبقها في مدونتي ..
ردحذفو يشرفني أنك تزور مدونتي المتواضعة :)
www.ar-documentary.com
اضافة رائعة يا ابو اياد
ردحذفشكرا على الشرح
http://al-alaalmia.blogspot.com/
أنا الحمدلله ركبت الأضافة بس عاوز أعرف أزاي أعدل عليها علشان تناسب مدونتي ..
ردحذفالسلام عليكم ورحمة الله وبركاته
ردحذفإضافه اكثر من رائعه اخى \ ابو إياد
لكن بعد إذنك
ممكن شرح إضافة ادوات اخرى غير الاداره
بمعنى
مممكن شرح إضافة التواصل عبر الموااقع الاجتماعيه او الاشتراك عبر البريد الاكترونى
كما شرح اخى خالد فى موضوعه
فانا عندما اطبق المرحله الاخيره فى شرحه واقوم بالمعاينه
اجد رسالة خطا توزيع القالب ... فهذه هى المشكله
فانا اريد منك اخيرا شرح الاضافات بشكل مميز كما أنت دائما
وجزاك الله كل خير وبارك الله فيك وهى اضافه رائعه بمعنى الكلمه
شكراً لك ..
ردحذفشكلها جميل وجذاب ، ولكن أراها نوعاً ما مربكة للزائر. انقدح في ذهني وأنا أكتب هذا التعليق أنه قد يكون ممكناً جعل هذه الإضافة تظهر لصاحب المدونة فقط دون غيره، مثل ايقونات التحرير السريع !
عن نفسي استخدم المفضلة لغرض الدخول السريع لأقسام مدونتي
دمت بخيرٍ وعافيةٍ برحمة الله
بصراحه حركه جميلة,
ردحذفانا معجبة جدا بيها
بس حابه استفسر
هل تؤثر على لود المدونه ام لا؟
‘ضافة رائعة وسيتك تجربتها ان شاء الله في مدوناتي
ردحذفشكرا يا أبو اياد على هذه الاضافة الرائعة ويشرفنى أن تزور مدونتى على هذا الرابط : http://mostafamahmood.blogspot.com/
ردحذف@Arab Documentary
ردحذفبالنسبة لعملية التعديل فقد إعتمدت على برنامج الفوتوشوب حيث أن القائمة السوداء هي عبارة هن أيقونات تُكوِنها، وروابط هذه الأيقونات سوف تجدها في الكود الأول الذي قمتَ بوضعه قبل الوسم ]]></b:skin> والموجود في مدونة الأخ خالد ولذلك قم بتحميل الأيقونات من هنا ثم قم بتلوينها وعمل لها روابط وإستبدالها بالروابط الموجودة بالكود الذي ذكرت لك سابقا
@جاسر الحربي
ردحذفمرحبا أخي جاسر ،بالنسبة لوجهة نظرك في جعل الإضافة تظهر فقط عند صاحب المدونة كان أول شئ فكرت فيه حيث أنني حاولت تخصيصها مثل أيقونات التحرير السريع ،لكن مع الأسف كانت جميع المحاولات تبوء بالفشل فكانت فكرتي الأخيرة أن أجعلها بإضافة يمكن إخفاؤها وإظهارها وكذلك قمت بإضافة رسالة توضيحية للزائر لعدم إرباكه ،لكنها تبقى دائمة فكرة جديدة ،وأتمنى أن تلقى إستحسان الجميع
بالتوفيق
@Maysa
ردحذفنعم أختي الكريمة بما أن الإضافة تستدعي روابط الجافاسكريبت وسي أس أس فلها تأثير جزئي على تحميل صفحة المدونة
@محمد المصـــرى
إنشاء الله لو تسنى لي بعض الوقت سوف أقوم بشرحها في تدوينة جديدة
اضافة رائعة واصل العمل الرائع
ردحذفاضافة مميزة مزيدا من التالق
ردحذفشكرا لك اخي ابو اياد لقد افدتنا بمواضيعك القيمة ;))
ردحذفيشرفني أنك تزور مدونتي المتواضعة :-*
dzmind.blogspot.com
:((
رائعة ما شاء الله .. مبروك القالب :)
ردحذفأخى العزيز
ردحذفلقد قمت بتركيب الإضافة كما ذكرت بالضبط ونجحت وأحييك على ذلك
ولكن السلايد شو توقف عن العمل ولا أعرف لماذا فهل هناك طريقة لجعله يعمل مرة أخرى دون حذف هذه الإضافة الرائعة أم ماذا؟
انتظر ردكم فى القريب العاجل لأن الموضوع مهم جدا
رابط المدونة
http://historiansunion.blogspot.com
شكرا لك أخلى
@وائل إبراهيم الدسوقي
ردحذفجاري البحث عن سبب المشكلة أخي الكريم ،تقبل تحياتي
طيب انا هعمل حاجة هي متعبة لكن ان شاء الله تؤدى الى معرفة سبب المشكلة لأنى شاكك في احد الأكواد هرجع المدونة كما بدأت وهنزل كل اضافة وبعدها السلايد شو حتى افهم المشكلة وسوف ارد عليكم بالنتيجة
ردحذفتحياتي
اخى أبو اياد
ردحذفلقد بدأت الإضافات فى المدونة بقائمة الإدارة التي نحن بصددها الآن
وتم تركيبها جيدا وأخذت تعمل ولكنى وجدت السلايد شو توقف مرة أخرى
حذفت كل اكواد الإضافة من المدونة فعمل السلايد شو مرة أخرى
وهكذا فإن تلك الإضافة تسبب خللا فى السلايد شو يمكنك معالجته لانها اضافة هامة وتريحنا جميعا
شكرا وأخى وتحياتي على مجهوداتك الطيبة
@وائل إبراهيم الدسوقي
ردحذفسوف يتم البحث عن سبب المشكلة أخي الكريم في القريب العاجل بإذن الله
تحياتي لك
@وائل إبراهيم الدسوقي
ردحذفالسلام عليكم ورحمة الله ،ممكن أن ترسل لي قالب مدونتك على الخاص لأطبق عليه خطوات الإضافة لإكتشاف السبب الرئسي في الكود الذي يسبب عدم عمل السلايدشو وهذا بريدي
mohamed@abu-iyad.com
شكرا ياابو اياد بس ياريت تعلمنا نعملها مثل ماعندك وياريت تشرحهالنا نعملها في قلئمه مندلسه
ردحذفشكرا لك على هذا التدوينة الرائعه لكني لم اجد كود body
ردحذفالسلام عليكم ورحمة الله وبركاته اخى ابو اياد ...
ردحذفعندى مشكلة فى عناصر القالب والتى لطالما لازمتنى منذ انشاء المدونة( بلوجر كول)وبمعنى اصح ... اننى لا استطيع التحكم فى بعض عناصر القوالب حيث ان كلمة (حذف ) لاتوجد فى خيارات العنصر تلك المشكلة ليست فى كل العناصر ولكن فى بعض العناصر مثل المتابعون او الصفحات فانا ارجو منك حل لتلك المشكلة
ايميلى للتواصل tom_20052000@yahoo.com
او ان تكتبلى تعليق بحل المشكلة فى مدونتى ....تشرفنى بزيارتها
http://www.bloger-cool.blogspot.com
مشكور
جربتها ولم تنفع معايا يريت تخش مدونتى وتشوف ايه المشكله بعد اذنك
ردحذفhttp://renders4u.blogspot.com/
السلام عليكم ورحمة الله وبركاته
ردحذفرمضان مبارك اخي الحبيب ابو اياد
وكل عام وانت بخير
بالنسبة للاضافة رائعة جداً لكن للاسف قد احذفها
لاني عند تطبقيها على مدونتى اتت الاضافة
لكن بالنسبة لكلمات تدويناتي تداخلت الكلمات وتشابكة الحروف ببعض
وهذا رابط المدونة http://prins10ahmaed.blogspot.com
وياليت اخي ابو اياد اذا يوجد حل للمشكلة تخبرني عنه
وجزاك الله خير
تحياتي و تقدير لجهدك المميّز
ردحذفو بحثك على الاضافة و الافادة
منجي باكير
روووعه تسلم
ردحذفشكرا
ردحذفmerci
ردحذفأزال المؤلف هذا التعليق.
ردحذفو لكن فوق القالب تظهر اكواد؟؟
ردحذف))=
ردحذفللاسف الاضافة لم تعمل معى بشكل جيد حيث ظهرت بشكل غير منسق(فى قائمه ليست منسدله)
ردحذف:-t
ردحذفأخواني في الله المرجوا المساعدة.
ردحذفلقد قمت بإضافة السلايد وكان يعمل بشكل جيد.
لكن فجأة توقف عن العمل.
وعندي أيضا مشكل في الأقسام المنبثقة عن الأقسام العليا.
عنوان المدونة : al-kiyada.blogspot.com
وهذا قالب المدونة : http://www.mediafire.com/?ika8qe4md1kgmbq
المرجوا الحل.
ومن يحل هذه المشكلة له كتاب سبع خطوات لتشغيل ماكينة أرباح جوجل ادسنس وثمنه 39.99 دولارا.
اخى ابو اياد هذه الاضافه لا تعمل لدى
ردحذفتفضلو بزيارة مدونة بيت البلوغر
ردحذفwww.homeblooger.blogspot.com
قوالب إضافات وأخبار البلوغر
أخي ابو اياد انا هذا رابط مدونتي طبقت الاضافه لاكن حدثت مشاكل بأمكانك رؤية مدونتي على هالرابط http://mb-fn-er.blogspot.com/ لاتظهر كل الأزرار حق الاضافه
ردحذفاخوك زياد عمري 15 عاما من السعودسه
اخوي ابو اياد شلون اسوي مربع التعليقات الي اسفل كل تدوينه في مدونتك واللي حاط عليه ابتسامات اوجه ممكن الطريقه !
ردحذفاخوك مدون جديد!
تصحيح الخطأ:من السعوديه
اضافة رائعه و انا طبقتها و كله تماااام تشكر اخى ابو اياد بس عندى استفسار ازاى اغير لونها لتناسب لون مدونتى و لك جزيل الشكر
ردحذفهذه مدونتى المتواضعه
http://egy-grand.blogspot.com
في ميزان حسناتك اخي الكريم
ردحذفالمرجو زيارة مدونتي وابداء الراي فيها :
Gfxp.blogspot.com
السلام عليكم انا لدي مشكلة لا افهم منها شيئا المدونة لم تعد موجودة في الادارة وليست موجودة في قائمة المحدوفين مع انها موجودة عند التصفح والله مشكلة سألة عنها الكثير لم يعرف الحل مدونتي هذة http://riada-tibia.blogspot.com
ردحذفارجو منك المساعدة وشكرا
ردحذفthank you
مدير موقع شاليهات القاضى
اضافة مهمة لربح الوقت شكرا جاري التجريب على الموقع
ردحذفابو نزار للمعلوميات