:: # دورة الاختبارات الهندسية والجيوفيزيائية للتربة#14 يوليو 2024م#اسطنبول#metc (آخر رد :جهاد سعيد)       :: # دورة الهندسة الأمنية لإدارة الطوارئ#30 يونيه 2024م#دبي#metc (آخر رد :جهاد سعيد)       :: افضل شركة تنظيف بالطائف (آخر رد :ضياء روحي)       :: خدمات شركة الحمد (آخر رد :soha mag)       :: # دورة الإستراتيجيات الحديثة لإدارة أقسام نظم المعلومات#7 يوليو2024م #اسطنبول#metc (آخر رد :جهاد سعيد)       :: دورة إستراتيجية توجيه وتحفيز وتمكين العاملين في العلاقات العامة لبناء بيئة عمل عالية (آخر رد :زينة محمد)       :: دورة حقوق الإنسان في القانون الدولي والشريعة الإسلامية-دورات الأعلام والعلاقات مركزit (آخر رد :زينة محمد)       :: دورة خبير معتمد في العلاقات العامة والإتيكيت والبروتوكول الرسمي والدولي-دورات الأعلام (آخر رد :زينة محمد)       :: دورة الإعلام والعلاقات العامة-دورات الأعلام والعلاقات مركزitr (آخر رد :زينة محمد)       :: دورة العلاقات العامة الدولية والمراسم وإدارة سمعة وصورة المنظمة-دورات- الأعلام والعلا (آخر رد :زينة محمد)      
اختر لونك:
وَقُلِ اعْمَلُوا فَسَيَرَى اللَّهُ عَمَلَكُمْ وَرَسُولُهُ وَالْمُؤْمِنُونَ ۖ وَسَتُرَدُّونَ إِلَىٰ عَالِمِ الْغَيْبِ وَالشَّهَادَةِ فَيُنَبِّئُكُم بِمَا كُنتُمْ تَعْمَلُونَ [ التوبة : ( 105 )] كلمة الإدارة

يرجى إختيار القسم المناسب قبل النشر وسيعاقب المخالف بإنذار أول مرة وسيتم حظره إذا تكرر ذلك كلمة الإدارة

يُمنع كتابة مواضيع السحر والشعوذة والروحانيات والابراج بكافة الأشكال والمخالف سيعاقب بحظر مؤقت وإذا تكرر سيكون حظر دائم تنبيه هام جداً



أضف رد جديد

قديم 11-04-2019, 03:19 PM   #1
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
تاريخ التسجيل: Feb 2019
العمر: 38
المشاركات: 1,149
التقييم: 10
افتراضي طريقة إضافة الشريط الجانبي لبلوجر بعدة تبويبات

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

طريقة تركيب الإضافة :
1- من لوحة التحكم >> قالب >> تحرير HTML
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغيير
3- قم بالبحث عن الكود التالي ]]></b:skin> بالاستعانة بلوحة التحكم (CTRL+F)
بعد ان تجد الكود أضف مباشرة فوقه الكود التالي :

/ * Multi Tab Widget * /
.multitab-section {background: # fff; text-transform: uppercase; width: 100%}
.multitab-widget {list-style: none; margin: 0 0 10px; padding: 0}
.multitab-widget li {list-style: none; padding: 0; margin: 0; float: left}
.multitab-widget li a {background: # 22a1c4; color: # fff; display: block; padding: 15px; font-size: 13px; text-decoration: none}
.multitab-tab {border: 0; width: 33.3%; text-align: center}
.multitab-section h2, h3 .multitab-section, .multitab-section h4, h5 .multitab-section, .multitab-section h6 {display: none;}
.multitab-li widget solid # 22a1c4; font-size: 14px; text-transform: capitalize}
بعد ذالك قم بالبحث عن </ body> و أضف فوقه الكود التالي :

<Script type = 'text / javascript'>
// <! [CDATA [
// Multi tab widget
jQuery (document) .ready (function ($) {$ (". multitab-widget-content-widget-id"). hide (); $ ("ul.multitab-widget-content-tabs-id li: first a ") .addClass (" multitab-widget-current "). show (); $ (". multitab-widget-widget-content-id: first '). show (); $ ("ul.multitab-widget-content -tabs-id li a "). click (function () {$ (" ul.multitab-widget-content-tabs-id li a "). removeClass (" multitab-current widget-a "); $ (this) .addClass ("multitab-widget-current"); $ (". multitab-widget-content-widget-id"). hide (); var activeTab = $ (this) .attr ("href"); $ (activeTab ) .fadeIn (); return false;});});
//]]>
</ Script>
بعد ذالك قم بالبحث عن <div id = 'sidebar-wrapper'> و أضف تحته الكود التالي :

<Div class = 'multitab-section'>
<Ul class = 'multitab multitab-widget-widget-content-tabs-id'>
<Li class = 'multitab-tab'> <a href='#multicolumn-widget-id1'>Latest</a> </ li>
<Li class = 'multitab-tab'> <a href='#multicolumn-widget-id2'>Tags</a> </ li>
<Li class = 'multitab-tab'> <a href='#multicolumn-widget-id3'>Archive</a> </ li>
</ Ul>
<Div class = 'multitab-widget-content multitab-widget-widget-content-id' id = 'multicolumn-widget-ID1'>
<B: section class = 'sidebar' id = 'sidebartab1' preferred = 'yes' />
</ Div>
<Div class = 'multitab-widget-content multitab-widget-widget-content-id' id = 'multicolumn-widget-ID2'>
<B: section class = 'sidebar' id = 'sidebartab2' preferred = 'yes' />
</ Div>
<Div class = 'multitab-widget-content multitab-widget-widget-content-id' id = 'multicolumn-widget-id3'>
<B: section class = 'sidebar' id = 'sidebartab3' preferred = 'yes' />
</ Div>
</ Div>
بعد ان تنتهي قم بحفض القالب ، و غير اسماء التبويبات اذا كنت تريذ ذالك ، لا تنسو ان تضعو مشاكلكم ، و استفساراتكم ، في التعليقات تحت ، شكرا ...


raheel غير متواجد حالياً   اقتباس
أضف رد جديد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
إنشاء مجتمع باستخدام ووردبريس مُتعدّد المواقع مهرة النجدية قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 1 22-07-2019 07:19 PM
خمس طرائق لإجراء تعديلات على قالب Twenty Seventeen في ووردبريس مهرة النجدية قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 1 22-07-2019 07:12 PM
إنشاء مجتمع باستخدام ووردبريس مُتعدّد المواقع مهرة النجدية قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 1 22-07-2019 07:02 PM
طريقة إضافة ملفات sitemap في بلوجر raheel قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 11-04-2019 03:27 PM
إنشاء تطبيق Facebook: للحصول على معرف التطبيق. القيصر قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress 0 11-03-2019 05:23 AM


الساعة الآن 06:20 PM

 


Content Relevant URLs by vBSEO ©2010, Crawlability, Inc.