طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf
اليوم ستتعرف على كيفية اضافة سلايدشو مدونة المحترف.
طريقة تركيب إضافة السلايدر في مدونات بلوجر الشخصية :
وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب, من لوحة التحكم اتجه الى تصميم ثم تحرير 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/AVvXsEgD-pi_dxMbxmvPs7PPVmznh7nbLglZorHjRyJDOQYOLHNl8ptIjbnvO7O8_k_ypgViwT7hPjbLp1LkiudEt0D69YtwGOIybvZWFlfL2Frx0hvb55Ref-RAKm-orv7Nq77fu2FJCiHBJC0/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%;
}
الآن أضف الكود التالي فوقه/قبله :
مع تغيير Your Label باسم القسم الذي سيتم عرض مواضيعه عشوائيا
بعد ذلك ابحث عن :
تعليقات
إرسال تعليق