اليوم ستتعرف على كيفية اضافة سلايدشو مدونة المحترف.
إقرأ أيضا :
طريقة تركيب إضافة السلايدر في مدونات بلوجر الشخصية:
وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب، من لوحة التحكم اتجه الى تصميم ثم تحرير 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/AVvXsEjqCaRUjjvMdndAK4MBeJMlm7dkUMCZC4hcum8tNR63SbBtPSgkUpP1v3pfvK26cKNvYSKDLpl1v5qYV7pipl7hKq6L0IqBf64T4nmqiD2AAdI_Ir0Unfd5bGvIeOFwjhqrsDGcpaT75iQ/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 # بي اللون الطاغي في مدونتك و اللذي يمكنك الحصول عليه من هنا
الآن ابحث عن:
</ head>
الآن أضف الكود التالي فوقه / قبله:
العلامة & 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<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
إذا (ومثل، والمحتوى مثل؛ في الدخول) {
فار 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.
مع تغيير التسمية باسم القسم الذي سيتم عرض مواضيعه عشوائيا
بعد ذلك ابحث عن:
</ body>
ثم الآن أضف الكود التالي فوقه / قبله:
العلامة & 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.
وفي الأخير قم بالبحث عن هذا الكود:
<div معرف = 'الرئيسي-المجمع'> أو <div معرف = 'المحتوى'> أو <div معرف = "المحتوى"> </ div> أو <div الطبقة = 'عمود الوسط الداخلية'>
القالب أضف الكود التالي بعده / أسفله:
(ملاحظة: إذا لم تجد أي كود من هذه الأكواد فقم بالبحت عن هذا الكود:
<ب: القسم الطبقة = "الرئيسي" معرف = showaddelement 'الرئيسي' = 'لا'> ثم ضع الكود الأتي فوقه / قبله )
<ب: إذا "البيانات: blog.pageType == ومثل، مؤشر ومثل، '= كوند>
<div معرف = 'alwansd'>
<div الطبقة = 'alwanw "معرف =' slider1 '>
<script>
دوكمنت (ومثل، العلامة & lt؛ النصي src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</ script>
</ div>
<div الطبقة = 'علوان-PS "معرف =' رقم الصفحات-slider1 '>
</ div>
</ div>
</ ب: إذا>