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

أضف تعليق

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

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

#alwansd{
height: 397px;
margin: 0 0 20px 20px;
padding: 15px 17px 15px 16px;
width: 617px;
background: #373737;
border-top: 4px solid #00B4FF;
}
.alwanw{
position: relative;
height:385px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 618px;
height: 11px;
margin-left: -1px;
}
.alwan-ps .toc{
font-size: 0px;
width: 50.5px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 597px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqRBn7BJIsIeZwc2YYs8p_95_dsxF4RFKUqwXO788PcI8lWXonNoofy2j2Dvjdm7LtJbSkJlTAkvcEsvZWhOVqesYrE7DCqDhHZEAVD7dEIL54kJ5ao5fYHJhel4hflJunowg9tNBvCUI/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#ffa800;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}

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

الآن ابحث عن :

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

numposts1 = 12;

label1 = "Yourlabel";

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv">
<div class="alwansf">
<a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo">
</div>
</div>
<div class="alwanip">
<h6>
<a href="'+posturl+'">'+posttitle+'</a></h6>
<div class="alwand" >
'+daystr+'</div>
<p>
'+removeHtmlTag(postcontent,summaryPost)+'...</p>
</div>
</div>
';   
document.write(trtd);     
j++;
}}
</script>

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

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

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

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

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

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

وفي الاخير قم بحفظ القالب .

بقلم عالم المعلوميات

بقلم عالم المعلوميات : مدون جزائري عمره 20 سنة, يهتم بكل ما هو جديد في عالم التقنيات و الأنترنت طموحه مساعدة الأخرين في الوصول إلى المعلومة بأسهل طريقة ممكنة يمكنكم متابعتي عبر مواقع التواصل الاجتماعية او , ، .

عن المدونة :

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

أخر الأخبار

عالم المعلوميات

أخر الأخبار