
معاينة
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ولآن الصق الكود التالي :
ثم بعد ذلك قم بإزاحة الأداة فوق مدونتك كما هو موضح في الصورة أسفله .
كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات :
أتمنى أن تنال إعجابكم ، فلا تبخلوا علينا بتعليقاتكم ،في إنتظار تشجيعاتكم
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ثم ضع الكود التالي فوقه :
</head>
قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
ولآن الصق الكود التالي :
و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود<ul class="abu-iyad">
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li>
</ul>
فوق السمة :<li><a href="رابط التسمية "><b>التسمية</b></a></li>
ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود</ul>
ثم بعد ذلك قم بإزاحة الأداة فوق مدونتك كما هو موضح في الصورة أسفله .
كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات :
- abu-iyad
- abu-iyad bleu
- abu-iyad vert
- abu-iyad orange
- abu-iyad violet
أتمنى أن تنال إعجابكم ، فلا تبخلوا علينا بتعليقاتكم ،في إنتظار تشجيعاتكم
روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |

55 تعليقات :
شكرا أخي الكريم على النصيحة لقد قمت بتحول رابط CSS الى موقع google site
أزال المؤلف هذا التعليق.
أزال المؤلف هذا التعليق.
شكرااااااااااااا لك على الشروحات الجميلة وفقك الله
لا شكر على واجب اخي الكريم ، ومرحبا بك كصديق ،فهذا من دواعي سروري
جزاك الله خير
شكرا لك لكن لم تعمل تاتى القائمة رأسية وليست افقية
أخي الفاضل ، الأداة تعمل 100% ، ربما قمت بخطأ أثناء عملية النسخ واللصق أو أن هناك خلل على مستوى تنسيق مدونتك ، أطلعنا على رابط مدونتك للمعاينة أخي الكريم
انا عملتها يا ابو اياد بس مش عارفه احط ازاي مثلا قسم عندي في الكود
@Dr/ walaa salah
قومي بالدخول الى القسم الدي تريدين ثم قومي بنسخ رابط الصفحة من مكان إدراج الروابط على المتصفح ثم قومي بلصقه مكان الروابط ذات اللون الأحمر وأدخلي كذلك إسم القسم مكان ما لون بالأخضر
ابو اياد انا عملتها والحمد لله طلعت ممتازهانا متشكره اوي ليك
لكن عندي سؤال هو مينفعش يكونوا اكتر من ستة مسميات ؟
@Dr/ walaa salah
السلام عليكم ورحمة الله ، أختي الكريمة يمكنك التحكم في عدد المسميات من القائمة الأفقية كما تشائين ،يمكنك مراجعة الموضوع مرة ثانية لأنني قمت بشرح الطريقة ردا على طلبك ،أما بالنسبة لموضوع الأيقونات بجانب العناوين لقد قمت بتعديل قالبك لتعمل فيه تلك الخاصية وقد أرسلته لك بالبريد الالكترويني
متشكره يا ابو اياد عملتها الحمد لله
اضافة جميلة جدا بس فيها مشكله ان حجم القايمة صغير جدا عن القالب ياريت تفيدنى
جزاك الله كل خير على الشرح الوافي
لدي استفسار غيرت التسمية وكتبت انا في سطور لكن كيف اكتب بداخلها؟؟وايضا سؤالي عن بقية التسميات الاخرى
وشكرا لك
رابط مدونتي ..
http://az8fee2011.blogspot.com/
اعتذر لك اخي ابو اياد فقد راجعت موضوعك مرة اخرى وطبقت ونجح التطبيق والحمد لله
شكرا جزيلا لك
الله ينور عليك يا مبدع ايه الحلاوة دى بس
استمر فى ابدعاتك واتميزك عن الاخرين
على فكرة انا بتابع مدونتك بقالى يومين بس وبصراحه اتعلمت حجات كتير منك
والله انت حلتلى مشكلة كانت مطهقانى فى عشتى
انا كونت بدور على الاضافة دى من زمان والحمدال الله لقتها عندك
بس طلب صغير منك معلش يابرنس
انا عاوز اغير لون القائمة للون الاسود وملقتش اللون ده موجود فى القوائم الى انت مصممها
فاياريت لو تشرحلى ازاى اقدر اغير اللون للون الاسود
ولك جزيل الشكر والتقدير
فى انتظار عودتك وردك يا مبدع
السلام عليك اخي
عندي مشكلة لقد رفعت قالب الهيدر فيه متحرك ارجو منك طريقة لتثبيته
ثانيا القالب فيه القائمة الافقية
لكن كيف انشئ روابط لهذه القائمة
ثالثا في القائمة يوجد مثلا software اريد لما اضع عليه الفأرة تنزل قائمة عمودية منه مثلا
media
antiviruse
other soft
ارجو ان تعذرني ان اطلت عليك اخي
بالمناسبة انت تملك اجمل مدونة رأيتها
والسلام عليكم ور حمة الله
مشكور اخى على الاداة
:((
مشكور اخوي :x
شكرآ لك مجهود جميل منك
تسلم ايدكــ فكرهــ مــــوز تم التطبيق
ابو اياد حبيبي كيفك
.
ياغالي ممكن تكون هناك الوان اخرى للقائمة
السلام عليكم هى موجودة فى المدونة من التصميم ولكن احب ان اغيرة الى طريقتك فما هى الطريقة لكى احذف القديم http://semo-freedoomegypt.blogspot.com/
مرحبا أرجو منك الإفاده..
كلما أضفت قائمة أفقية علوية بمدونتي تظهر لدي بالجانب لأنه لاتوجد خانة لإضافة اداه في أعلى تصميم القالب
تسلم ايدكــ فكرهــ مــــوز تم التطبيق
www.7amil-al3ab.blogspot.com
((;
merci
www.ukb07.blogspot.com
x:
www.nuancier-peinture.org
www.couches-bebe.org
comment-fabriquer.blogspot.com
telecharger-photoshop-gratuit.blogspot.com/
www.arab-got-talent.blogspot.com/
www.pergola-bois-terrasse.org/
شكرا
السلام عليكم ورحمة الله
شرح رائع دائما فى تقدم ان شاء الله
اخى العزيز يوجد شكل للزرار اريد ان اعرف كيف اركبه على مدونتى
من هذا الموقع اريد الشكل الثانى او الثالث
http://www.geekblogger.org/2010/02/add-drop-down-menu-widget-in-blogger.html
انا حولت ولم اعرف
مدونتى
http://now-shopping.blogspot.com/
وشكرا
شكرا لك اخي ابو اياد
بس كلما اقوم بوضع الكود الاول فوق head واقوم بعمل حفظ للقالب يخبرني بان هناك خطاء وهذه الرسالة كالتالي :
" تعذر علينا حفظ القالب
يرجى تصحيح الخطأ التالي، ثم إرسال القالب مرةً أخرى.
تم العثور على أكثر من عنصر واجهة مستخدم واحد يحمل المعرف: HTML13. يجب أن تكون معرفات عناصر واجهة المستخدم فريدة."
نريد منك الافادة حيث انني جربتها على مدونة اخرى ثانية بتاعي ضبطة الطريقة بشكل ممتاز ولكن في هذه المدونة http://arab-editors.blogspot.com/ لم تضبط ،،
شكرا جزيلا
http://www.elhyaah.com/
شكرا
)) ;))
ابو إياد طال عمرك انا اضفنها لاكنها لم تظهر بالشكل المطلوب فقط تظهر التسميات بدون خلفيه لها كما في الصورة ... ارجو التوضيح مع خالص شكري .
جزاك الله خيراً يا أبو اياد
وانا ايضا وضعتها فى مدونتى ولكن تظهر التسميات فقط بدون خلفيه
السلام عليكم
اخي انا حملت قالب وركبته على مدونتي
فعحبني القالب ...
فعندي في نفس القالب قائمة أفقية فيها التالي
الصفحة الرئيسية , أعمال , دونلود , اسلاميات , تعديل ,ألعاب , ادب , برامج
فهذي القائمة من نفس القالب أنا لم أعملها
حلو
طيب اش ابغى منك وياريت تساعدني
اللي ابغاه منك
انا القوائم هذي اضغط عليها مايطلع لي شي اضغط واضغط لا تظهر لي اي صفحة
فالمطلوب هوا اني ابغى لمن اضغط عليها ينفتحلي قسم
كيف اسوي قسم وادرجة تحت مسمى الاسم اللي بالاسماء في القائمة الافقية هذا اولا
فياريت تساعدني وهذا رابط مدونتي لحتى تطلع على المشكلة بنفسك http://azooo07.blogspot.com/
وياريت تساعدني ارجوك أخي
هل يمكن تغير لون الابيض ليناسب لون الخلفية
http://asirdabe.blogspot.com/
أزال أحد مشرفي المدونة هذا التعليق.
لم تعمل معى ولا أعرف لماذا :(
شكرا جزيلا أخي
جزاكم الله بالخير اخي
تدوينة رائعة تحياتى
http://klmat4u.blogspot.com
طيب لو سمحت اخوي كيف اغير شكل القائمه مثلا يكون لها خلفيه
السلام عليكم الاخ ابو اياد كان عندى مشكله فى هذه القائمه وهو فى بعض الاوقات عند فتح المدونه تتحول القائمه من الطول الى الوضع الافقى يعنى الاقسام تنزل تحت بعضها برجاء تقولى حل للمشكله دى واكون شاكر ليك
لم اجد كلمة (تصميم) في مدونتي
هدا رابط مدونتي شرف لي ان تزور مدونتي اخ ابو اياد
:x
جزاك الله خيرا
شكراً جزيلاً يا أكثر من رائع .. هل تعلم أنك كسبت في ثواب عظيم لأني منذ عدة أيام و أنت أبحث عن مثل هذا الشيء فلم أكن أجده حتى كدت اصل إلى درجة اليأس لكنك أنقذتني منها فشكرأ جزيلاً لك :-t :)
بسم الله والصلاة والسلام على رسول الله وبعد
واصل تدويناتك الاكثر من رائعه جزاك الله خيرا, ليا عندك سؤلين كيف تغير لون القائمه الافقيه للون اخر ,,وكيف تضيف تعليقات فيس بوك ع المدونه بلوجر وشكرا
تقبل مرورى والسلام عليكم ورحمة الله وبركاته
جيد