المحترف للمعلوميات يقدم شرح تركيب سلايدرشو مدونة المحترف الجديد

اليوم ستتعرف على كيفية اضافة سلايدشو مدونة المحترف.

طريقة تركيب إضافة السلايدر في مدونات بلوجر الشخصية:

المحترف للمعلوميات يقدم شرح تركيب سلايدرشو مدونة المحترف الجديد

وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب، من لوحة التحكم اتجه الى تصميم ثم تحرير HTML، ضع علامة في خانة توسيع القوالب، ثم إضغط في الكيبورد على السيطرة + F، و ابحث عن الكود التالي:

]]>

ثم ضع فوقه / قبله كود CSS التالي:

#alwansd {

الطول: 397px؛

هامش: 0 0 20px 20px؛

الحشو: 15px 17px 15px 16px؛

العرض: 617px؛

خلفية: # 373737؛

الحدود بين كبار: 4PX الصلبة # 00B4FF .

}

.alwanw {

الموقف: النسبية.

الطول: 385px؛

}

.alwanw .contentdiv {

الرؤية: مخفي.

الموقف: مطلقة؛

التعتيم: 1؛

}

.alwan-PS {

مواءمة النصوص: الحق.

تطفو: اليسار.

العرض: 618px؛

الطول: 11px؛

هامش اليسار: -1px.

}

.alwan-PS .toc {

FONT-SIZE: 0px؛

عرض: 50.5px.

الطول: 11px؛

تعويم: الحق.

خلفية: # 5b5b5b.

هامش اليسار: 1PX.

}

.alwan-PS a.selected {

خلفية: #dfdfdf.

}

.alwan-PS .prev، .alwan-PS .next {عرض: لا شيء؛ }

.alwanip {

العرض: 597px؛

! الحشو: 10px أهمية.

أسفل: 0؛

تعويم: غادر أهمية.!

الموقف: مطلقة؛

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWl7NGZVz9mMqAXIdbftc_oWLxxxjFZLdDPD_cvFDF05uB-dVF7IVgQZ9g4CDz_JuJ96Lyatrda2nwtl1qsg3frphEFE2HJVOB5hviaesLBE6EqGzibKVHmVG9U_7Xwv-1XSeAe1FWWMs/s1600/backslide.png);

}

.alwanip ل{

اللون: #dcdcdc.

الخط: 12px droidkufi-جريء.

هامش: 0؛

الحشو: 0؛

خط الطول: 19px؛

}

.alwanip H6 {هامش: 0؛}

.alwanip H6 ل: تحوم {لون: # ffa800؛}

.alwanip .alwand {الخط: 12px ارييل. هامش: 4PX 0؛ اللون: # a5a5a5. }

.alwanip ص {FONT-SIZE: 13px؛

هامش: 0؛

اللون: # a5a5a5.

خط الطول: 23px؛

}

.alwansf لIMG {تعويم: الحق المهم. }

.alwansf {تعويم: الحق المهم.! عرض: 100px المهم؛}

.column-الوسط الخارجي {

عرض: 100٪؛

}

مع تغيير 00b4ff # بي اللون الطاغي في مدونتك و اللذي يمكنك الحصول عليه من هنا

الآن ابحث عن:

الآن أضف الكود التالي فوقه / قبله:

العلامة & lt؛ & GT النصي.

imgr = صفيف جديد ()؛

imgr [0] = & مثل، HTTP: //lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg" ؛؛

showRandomImg = صحيح.

aBold = صحيح.

summaryPost = 150؛

numposts1 = 12؛

label1 = & مثل؛ Yourlabel ومثل ؛؛

وظيفة removeHtmlTag (strx، ختم) {فار ق = strx.split (& مثل؛ & LT؛ & مثل؛)؛ ل(فار ق}

؟ وظيفة showrecentposts1 (جسون) {ي = (showRandomImg) Math.floor ((imgr.length + 1) * Math.random ()): 0؛ حمل img = صفيف جديد ()؛ ل(فار ط = 0؛ ط العلامة & lt؛ numposts1 ، وأنا ++) {دخول فار = json.feed.entry [أنا]؛ فار posttitle = entry.title $ ر؛ فار PCM، فار posturl، وإذا (ط == json.feed.entry.length) كسر، ل(فار k=0;k

إذا (ومثل، والمحتوى مثل؛ في الدخول) {

فار postcontent = entry.content $ ر؛.}

آخر

إذا (ومثل، ملخص ومثل، في الدخول) {

فار postcontent = entry.summary $ ر؛.}

آخر فار postcontent = & مثل؛ & مثل ؛؛

أخر التاريخ = entry.published $ T؛

إذا (ي & GT؛ imgr.length-1) ي = 0؛

IMG [ط] = imgr [ي].

الصورة = postcontent. و= s.indexOf (ومثل، العلامة & lt؛ & IMG مثل؛)؛ ب = s.indexOf (ومثل، SRC = \ & مثل؛ & مثل،، أ). ج = s.indexOf (& مثل؛ \ & مثل؛ & مثل،، ب + 5)؛ د = s.substr (ب + 5، CB-5)؛

إذا ((أ = - 1) & أمبير؛! & أمبير؛ ب (= - 1) & أمبير؛! & أمبير؛ ج (= - 1) & أمبير؛! & أمبير؛ د (= & مثل؛ & مثل؛)!) IMG [ط] = د.

فار الشهر = [1،2،3،4،5،6،7،8،9،10،11،12]، فار يوم = postdate.split (& مثل؛ - & مثل؛) [2] .substring (0،2)؛ فار م = postdate.split (& مثل؛ - & مثل؛) [1]؛ فار ذ = postdate.split (& مثل؛ - ومثل؛) [0]؛ على (فار U2 = 0؛ U2 العلامة & lt؛ month.length، U2 ++) {إذا (parseInt (م) == الشهر [U2]) {م = month2 [U2]، كسر.

}}

فار daystr = يوم + & # 39؛ & # 39؛ + M + & # 39؛ & # 39؛ + Y.

فار trtd = & # 39؛ العلامة & lt؛ شعبة الطبقة = & مثل؛ contentdiv ومثل؛ & GT؛ & LT، شعبة الطبقة = & مثل؛ alwansf ومثل؛ & GT؛ & لتر؛ وأ href = & مثل؛ & # 39؛ + posturl + & # 39؛ & مثل؛ & GT ، العلامة & lt؛ = & IMG عرض مثل؛ 617 & مثل. ارتفاع = & مثل؛ 385 & مثل. الطبقة = & مثل، alignnone ومثل. SRC = & مثل؛ & # 39؛ + IMG [أنا] + & # 39؛ & مثل؛ / & GT؛ & LT؛ / A & GT؛ & LT، شعبة الطبقة = & مثل؛ sliderPostInfo ومثل؛ & GT؛ & LT؛ / شعبة وGT؛ & LT؛ / شعبة وGT؛ & LT ، شعبة الطبقة = & مثل؛ alwanip ومثل؛ & GT؛ & LT، H6 & GT؛ & لتر؛ وأ href = & مثل؛ & # 39؛ + posturl + & # 39؛ & مثل؛ & GT؛ & # 39؛ + posttitle + & # 39؛ العلامة & lt؛ / A & GT؛ & LT؛ / H6 & GT؛ & LT، شعبة الطبقة = & مثل؛ الوند ومثل.

دوكمنت (trtd)؛

ي ++؛

}}

العلامة & lt؛ / النصي و GT.

مع تغيير التسمية باسم القسم الذي سيتم عرض مواضيعه عشوائيا

بعد ذلك ابحث عن:

ثم الآن أضف الكود التالي فوقه / قبله:

العلامة & lt؛ النصي SRC = & # 39؛ المتشعب: //dl.dropbox.com/u/12924430/contentslider.js'؛ & GT؛ & LT؛ / النصي و GT.

العلامة & lt؛ & GT النصي.

featuredcontentslider.init ({

معرف: & مثل؛ slider1 ومثل ؛، // معرف المنزلق الرئيسي DIV

contentsource: [ومثل، مضمنة ومثل ؛، & مثل؛ & مثل؛]، // القيم الصالحة: [ومثل، مضمنة ومثل ؛، & مثل؛ & مثل؛] أو [ومثل، اياكس ومثل ؛، ومثل، path_to_file ومثل؛]

جدول المحتويات: & مثل؛ # زيادة ومثل ؛، // القيم الصالحة: ومثل؛ # زيادة ومثل ؛، ومثل، ورسائلي ومثل ؛، [ومثل، label1 ومثل ؛، ومثل، label2 ومثل ؛، الخ]

nextprev: [ومثل، والسابق مثل ؛، & مثل؛ التالي ومثل؛]، // تسميات لومثل، ومثل السابق. وو مثل، بجانب ومثل؛ الروابط. تعيين إلى & مثل؛ & مثل. لإخفاء.

enablefade: [صحيح، 0.5]، // [صح / خطأ، fadedegree]

autorotate: [صحيح، 6000]، // [صحيح / صحيح، pausetime]

عند_التغيير: وظيفة (previndex، curindex) {معالج الأحداث // أطلق كلما تعديلات في السيناريو الشريحة

// previndex يحمل الرقم القياسي من الشريحة الأخيرة ينظر B4 الحالية (1 = الشريحة 1، 2 = 2 الخ)

// curindex يحمل الرقم القياسي ليظهر حاليا الشريحة (1 = الشريحة 1، 2 = 2 الخ)

}

})

العلامة & lt؛ / النصي و GT.

وفي الأخير قم بالبحث عن هذا الكود:

أو

القالب أضف الكود التالي بعده / أسفله:

(ملاحظة: إذا لم تجد أي كود من هذه الأكواد فقم بالبحت عن هذا الكود:

<ب: القسم الطبقة = "الرئيسي" معرف = showaddelement 'الرئيسي' = 'لا'> ثم ضع الكود الأتي فوقه / قبله )

<ب: إذا "البيانات: blog.pageType == ومثل، مؤشر ومثل، '= كوند>

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