اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر ~ روشنة 22

طريقة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , وضع اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , انشاء اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , عمل اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , هاك اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كود اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة هاك 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة كود 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

السلام عليكم يا شباب ناس كتيير طلبت مني اضافة القائمة المنسدلة للأقسام و الاقسام الفرعية و طبعا كالعادة مفضتش انزل اي مواضيع لان امتحانات الميد ترم طلعت عين اهلي :) على العموم كفاية رغي كتيير نروح للموضوع

وصف الاداة :

اضافة القائمة المنسدلة لمدونتك - Add drop-down list to your blog

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

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

الطريقة :

1. افتح لوحة التحكم الخاصة بمدونتك للذهاب اليها
2. ادخل على تصميم و بعد كدة تحرير HTML
3. اضغط توسيع قوالب عناصر واجهه المستخدم
4. لازم تاخد نسخة احتياطية من القالب علشان لو حصل حاجة لا قدر الله للذهاب للموضوع

5. ابحث عن الكود التالي : ( يمكنك البحث بالضغط على ctrl + f )

]]></b:skin>

و الان الصق الكود التالي فوقها مباشرة :

/*** Nav bar styles ***/ ul.nav, .nav ul{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } ul.nav{ display: table; } ul.nav>li{ display: table-cell; position: relative; padding: 6px 6px; } ul.nav li>ul{ /*Make the sub list items invisible*/ display: none; position: absolute; max-width: 40ex; margin-left: -6px; margin-top: 6px; } ul.nav li:hover>ul{ /*When hovered, make them appear*/ display : block; } .nav ul li a{ /*Make the hyperlinks as a block element, sort of a hover effect*/ display: block; padding: 6px 10px; } /*** Menu colors (customizable) ***/ ul.nav, .nav ul, .nav ul li a{ background-color: #fff; color: #369; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGTV0TKlLQ8vsiTphC4LirUMvsJtjBxtUbYk5LXOJmC7mnQxHPUPEPJdgnO6x4_ND72SfpObTgjzSM2wl1SjaPG82IsmNZBt1qI4s3HTL88z-Aw03L_NVIZWdq9r6FE7gZcskKhzNF8NVJ/s1600/%D9%82%D8%A7%D8%A6%D9%85%D8%A9.jpg') no-repeat top center; } ul.nav li:hover, .nav ul li a:hover{ background-color: #369; color: #fff; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJs43qV7TJObab88VW8Eiuo1WMB-p-VtIRPaGX5_5BOhOzgs6sd3-cTyOMQznMAfIMK5yfim-bSXObHzNXCt0m5iqD3dKPS4qpx_elKtzewGJQaJnMoqAotM5-hAqkcx2C0n2jAT1svtT0/s1600/Untitled-2hjk.jpg') no-repeat top center; } /*for more hacks and tricks visit us : http://raykcool.blogspot.com*/ ul.nav li:active, .nav ul li a:active{ background-color: #036; color: #fff; } /*rayk cool for blogger tricks*/ ul.nav, .nav ul{ border: 1px solid #0000FF; } .nav a{ text-decoration: none; }

6. اضغط حفظ القالب

و الان لاضافة اداة القائمة المنسدلة

1. ادخل على تصميم ثم عناصر الصفحة
2. اضغط اضافة اداة
3. اختر اضافة HTML/JavaScript
4. انسخ الكود التالي بداخلها

**ملاحظة : هذا الكود يجب اضافته في بانر يسمى crosscol و ذلك ليتم عرضها بشكل افقي بجانب بعض و ليس بشكل رأسي تحت بعض
طب تعرف انهي قسم الي بضيف فيه ؟!!!
و انت بتضيف الاداة هتلاقي في رأس الصفحة مكان اللينك في الاخر اسم القسم الذي تضيف به الادة كما بالصورة

اذا لاقيتها كدة يبقى انت في القسم الصحيح اما لو ملقتهاش هتلاقي طريقة اضافة هذه القطعة crosscol داخل مدونتك في منتصف الموضوع التالي : ( اضغط هنا )
و دلوقتي لو كل حاجة سليمة ضيف الكود و توكل على الله

<ul class="nav"> <li> <a href="http://raykcool.blogspot.com/">الصفحة الرئيسية</a> </li> <li> <a href="http://raykcool.blogspot.com/search/label/دروس%20للمدونات"> مدونات البلوجر</a><ul> <li> <a href="http://raykcool.blogspot.com/search/label/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD%20%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86"> نصائح التدوين</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%B4%D9%87%D8%A7%D8%B1%20%D9%85%D9%88%D9%82%D8%B9%D9%83"> اشهار المواقع</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%AF%D9%88%D8%A7%D8%AA%20%D9%85%D9%87%D9%85%D8%A9%20%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83"> ادوات مهمة لمدونتك</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/hack"> هاكات</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/Free%20Blogger%20templates"> قوالب مجانية</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/اسئلة%20الزوار"> اسئلة الزوار</a></li> </ul></li> <li><a href="http://raykcool.blogspot.com/search/label/كلام×كلام"> كلام رايق</a><ul> <li> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الحب"> كلام × الحب</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الاسلام"> كلام × الاسلام</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/خواطر"> خواطر</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/تهيس%20دوت%20كوم"> ضحك و تهييس</a></li> </ul></li> <li> <a href="http://raykcool.blogspot.com/search/label/للمرأة%20فقط"> ركن المرأة</a><ul> <li><a href="http://raykcool.blogspot.com/search/label/أزياء"> الازياء</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/مأكولات"> المأكولات</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/التجميل"> التجميل</a></li> </ul></li> <li> <a href="http://cool-wp.blogspot.com/">خلفيات</a><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"> </a> <ul> <li> <a href="http://cool-wp.blogspot.com/search/label/3D-Art"> مجسم</a></li> <li> <a href="http://cool-wp.blogspot.com/search/label/Anime"> انيميات</a></li> <li> <a href="http://cool-wp.blogspot.com/search/label/windows"> ويندوز</a></li> <li> <a href="http://cool-wp.blogspot.com/search/label/Celebrities"> مشاهير</a></li> </ul></li> <li> <a href="http://al3b-online.blogspot.com/">العاب فلاش</a></li> <li><a href="http://gm3ty.blogspot.com"> جمعتي اون لاين</a></li> <li> <a href="http://raykcooldownload.blogspot.com/">قسم التحميل</a><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"> </a> <ul> <li> <a href="http://raykcooldownload.blogspot.com/search/label/برامج%20كاملة"> برامج كاملة</a></li> <li> <a href="http://raykcooldownload.blogspot.com/">العاب كاملة</a></li> <li> <a href="http://raykcooldownload.blogspot.com/"> افلام</a></li> <li> <a href="http://raykcooldownload.blogspot.com/search/label/اغاني"> اغاني</a></li> </ul></li> <li> <a href="http://raykcooldl.blogspot.com/"> free download</a><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"> </a> <ul> <li><a href="http://raykcooldl.blogspot.com/search/label/Application"> full application</a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Games"> full games</a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Movie"> movies</a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Music"> mp3</a></li> </ul></li> <li> <a href="http://raykcool.blogspot.com/2010/09/blog-post_7194.html"> الفهرس</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/site%20services"> ادارة الموقع</a><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"> </a> <ul> <li> <a href="http://raykcool.blogspot.com/2010/04/contact-me.html"> اتصل بي</a></li> <li><a href="http://raykcool.blogspot.com/search/label/Writers"> كتاب الموقع</a></li> <li> <a href="http://raykcool.blogspot.com/search/label/التبادل%20الاعلاني"> للاعلان</a></li> </ul></li> </ul>

و الان كل ما عليك فعله هو تغيير الاقسام و الاقسام الفرعية بالاقسام الخاصة بمدونتك
ارجو ان يكون الموضوع افادكم و لو في اي حاجة مبهمة ( حلوة مبهمة دي :) قولولي و انا اوضحها اك

روشنة 22

Thursday, March 10, 2011

اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

0 comments:

Post a Comment

تابع اخر الاخبار

اشترك فى مجموعتنا البريدية ليصلك جديد المدونة

مرحبا بزائرينا الكرام

استماع القراّن الكريم بصوت عبد الباسط عبد الصمد

المتابعون

أرشيف المدونة