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

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

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

]]> </ ب: الجلد>

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

#alwansd {

{الطول: 185px؛ الخلفية: RGB (90، 90، 90)؛ هامش: 0 0 20px 20px؛ الحدود القاع: 4PX الصلبة # 00B4FF؛}
.alwanw {الموقف: النسبية؛ الطول: 160px؛}
.alwanw .contentdiv {الرؤية: مخفي؛ الموقف: مطلقة؛ الطول: 96٪؛ مرشح و: معرف البرنامج: DXImageTransform.Microsoft.alpha (التعتيم = 100)؛ - MOZ-التعتيم: 1؛ التعتيم: 1؛}
.alwan-PS {مواءمة النصوص: اليمنى. تعويم: غادر؛ العرض: 50px؛ الطول: 25px؛ هامش اليسار: 355px؛}
.alwan-PS ل{عرض: لا شيء؛}
.alwan-PS .prev {عرض: كتلة؛ FONT-SIZE: 0px؛ الخلفية: # 66c7d6 عنوان (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77tz-3hlDDhHPQ_SBqp4nMr2TDLf7kXk5nquiQWQxHZRN8mKgGeZ7eRmmpQmsVHfZlxlbQ6d0fc0ztjSJuV7BPmwoL3T3S87ZKKNUJb6_eXfEO-5YnczUVNg4GceqkIYBP0HhAJLJk6M/s1600/pre. بابوا نيو غينيا) مركز عدم تكرار؛ العرض: 25px؛ الطول: 25px؛ تعويم: غادر؛}
.alwan-PS .prev: تحوم {خلفية: # 595959 عنوان (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77tz-3hlDDhHPQ_SBqp4nMr2TDLf7kXk5nquiQWQxHZRN8mKgGeZ7eRmmpQmsVHfZlxlbQ6d0fc0ztjSJuV7BPmwoL3T3S87ZKKNUJb6_eXfEO-5YnczUVNg4GceqkIYBP0HhAJLJk6M/s1600/pre.png) مركز عدم تكرار. }
.alwan-PS .next {عرض: كتلة؛ FONT-SIZE: 0px؛ الخلفية: # رابط 00B4FF (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraVtHMj74Co8gdDh3KUQDua11hufTotUl_vMFVxP1r-E5KjZkCjUEwQGQ5LMZ7EBjFI2uNBiwThsGRUt61-chcEfahJOuluS4RstDhp0VTayx2JRVp-7yonyCiWy0_Qne9xgdX3VLdiU/s1600/next.png) تركز عدم تكرار؛ العرض: 25px؛ الطول: 25px؛ تعويم: الحق؛}
.alwan-PS .next: تحوم {خلفية: # 595959 عنوان (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraVtHMj74Co8gdDh3KUQDua11hufTotUl_vMFVxP1r-E5KjZkCjUEwQGQ5LMZ7EBjFI2uNBiwThsGRUt61-chcEfahJOuluS4RstDhp0VTayx2JRVp-7yonyCiWy0_Qne9xgdX3VLdiU/s1600/next.png) مركز عدم تكرار؛}
.alwanip {العرض: 377px؛ الحشو: 5px 5px 5px 5px أهمية؛ القاع: 0؛ تعويم: غادر أهمية؛ الهامش الأيمن: 148px؛}
.alwanip ل{لون: #dcdcdc، الخط: 13px droidkufi-جريء، هامش: 0؛ الحشو: 0؛ خط الطول: 19px؛}
.alwanip H6 {هامش: 5px 0 0 0؛}. H6 alwanip ل: تحوم {لون: # 00B4FF؛} alwanip .alwand {الخط: 12px ارييل. هامش: 5px 0؛ اللون: # a5a5a5. } .alwanip ص {FONT-SIZE: 13px؛ هامش: 0؛ اللون: # a5a5a5؛ خط الطول: 23px؛} alwansf لIMG {تعويم:.! الحق المهم. } .alwansf {تعويم: الحق المهم.! عرض: 100px المهم؛}
.column-الوسط الخارجي  {

عرض: 100٪؛

}

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

الآن ابحث عن: 

</ head>

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

<script>
/ * سيناريو من: HTTP: //simplexdesign.blogspot.com/ * /
imgr = صفيف جديد ()؛
imgr [0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg".
showRandomImg = صحيح.
aBold = صحيح.
summaryPost = 150؛
numposts1 = 10؛
label1 = "عرض الشرائح".
وظيفة removeHtmlTag (strx، ختم) {فار ق = strx.split ("<")؛ ل(فار ق}
؟ وظيفة showrecentposts1 (جسون) {ي = (showRandomImg) Math.floor ((imgr.length + 1) * Math.random ()): 0؛ حمل img = صفيف جديد ()؛ ل(فار ط = 0؛ ط <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؛
إذا (ي> imgr.length-1) ي = 0؛
IMG [ط] = imgr [ي].
الصورة = postcontent. و= s.indexOf ("<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]، فار month2 = ["يناير"، "فبراير"، "مارس"، "أبريل"، " قد "،" يونيو "،" يوليو "،" أغسطس "،" سبتمبر "،" أكتوبر "،" نوفمبر "،" ديسمبر "]؛ فار يوم = postdate.split (" - ") [2] .substring (0 ، 2)؛ فار م = postdate.split ("-") [1]؛ فار ذ = postdate.split ("-") [0]؛ على (فار U2 = 0؛ U2 <month.length، U2 ++) { إذا (parseInt (م) == الشهر [U2]) {م = month2 [U2]، كسر.
}}
فار daystr = يوم + '' + م + '' + ذ.
فار trtd = '<div الطبقة = "contentdiv"> <div الطبقة = "alwansf"> <a عرض href="'+posturl+'"> <IMG = "245" ذروة = "189" الطبقة = "alignnone" SRC = "'+ IMG [أنا] +" "/> </A> <div الطبقة =" sliderPostInfo "> </ div> </ div> <div الطبقة =" alwanip "> <H6> <أ href = ل"' + posturl + ""> '+ posttitle + "</A> </ H6> <div الطبقة =" الوند ">" + daystr +' </ div> <p> و'+ removeHtmlTag (postcontent، summaryPost) + "... </ P> </ div> </ div> '؛   
دوكمنت (trtd)؛     
ي ++؛
}}


</ script> العلامة & 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>

</ ب: إذا>

إقرأ أيضا :

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

 تحميل أفضل قالب بلوجر صديق لمحركات البحث السيو

 كيفية تحسين وزيادة أرشفة مواضيع المدونة بشكل محترف بدون إحتكار