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

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

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

وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب، من لوحة التحكم اتجه الى تصميم ثم تحرير 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/AVvXsEi8Y3FzMbx9M8ddobv_1IlO7ex_IhhC28MwnEOn2_MsjowBwiDi-IpaDY6-rnQjW6dvG6WGT-TFP71SobdqTlwlCTDiGZNhrqCs8_fpiIipOnyE_Qb5C2x0lMkz4pIuLGhxw6tg0860hnE/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 == ومثل، مؤشر ومثل، '= كوند>

***********************

***********************

اذا لم تجد المطلوب في الصفحة يمكنك البحث هنا في جوجل للتحويلك الي موضوع اخر

: شارك

Tweet

✚

مواضيع ذات صلة