jeudi 12 octobre 2017

أسهل طريقة لإضافة سلايدشو إحترافي الإصدار الثاني يقوم بعرض مواضيع المدونه تلقائيا

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

في البداية يمكنك معاينة السلايد شو على الموقع التالي :

طريقة التركيب : 

أولا قم بتحرير القالب ثم Ctrl+f و ابحث عن وسم ]]>  و ضع الكود التالي قبله :

.recent-posts-title h2 {border-radius: 8px 8px 0px 0px;background-color: #444;color: #fff;padding: 9px 11px;margin-bottom: 0px;font-size: 16px;border-bottom: 3px;line-height: 25px;text-align: right;font-weight: 700;font-family: Mahdi-font;}
.recent-posts-title a#more {float: left;line-height: 18px;display: block;background: #ff8b18;color: #fff;font-weight: 700;font-size: 18px;padding:0px 11px;border-radius: 3px;padding-bottom: 12px;}
div#main-content2 .HTML{margin-bottom:14px;width: 85.5%;margin: 0 auto;z-index: 1;}
div#main-content2 .column .block-columen:first-child .mag-thumb a{height:408px}
div#main-content2 .column .widget-content{background:#fff;  padding:12px 12px;  overflow:hidden}
div#main-content2 .column .block-columen:first-child{height:408px;  margin-left:1%}
div#main-content2 .column .block-columen{height:200px;  float:right;  width:49.5%;  position:relative;  margin-bottom:1%;  overflow:hidden}
div#main-content2 .column .block-columen .mag-thumb a{width:100%;  height:200px;  display:block;  overflow:hidden;  position:relative}
div#main-content2 .column .block-columen .mag-thumb{height:100%}
div#main-content2 .column .mag-content{position:absolute;  bottom:0;  z-index:99999;  padding:20px;  display:block;  background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));  background-image:-moz-linear-gradient(transparent,rgba(0,0,0,.7));  background-image:linear-gradient(transparent,rgba(0,0,0,.7));  right:0;  left:0}
div#main-content2 .column .block-columen:nth-child(4){width:100%}
div#main-content2 .column .mag-content .mag-title a{color:#fff; font-size: 19px; font-weight: 100;}
div#main-content2 .column .mag-content .recent-meta >span{display:inline-block;  color:#e2e2e2;  font-size:14px;font-weight:600;  margin-left:11px}
div#main-content2 .column .mag-content .recent-meta >span:before{width:10px;  height:10px;  background:#e2e2e2;  border-radius:50%;  content:"";  display:inline-block;  margin-left:6px}

الان قم بالبحث عن وسم  و ضع الكود التالي قبله :

.recent-posts-title h2 {background-color: #243750;color: #fff;padding: 8px 6px;margin-bottom: 14px;font-size: 16px;border-bottom: 3px;line-height: 25px;text-align: right;font-weight: 700;font-family: Mahdi-font;}
.recent-posts-title a#more {float: left;line-height: 33px;display: block;background: #fff;color: #243750;font-weight: 100;font-size: 17px;padding: 0 10px;border-radius: 3px;}
div#main-content2 .HTML{margin-bottom:14px}
div#main-content2 .column .block-columen:first-child .mag-thumb a{height:408px}
div#main-content2 .column .widget-content{background:#fff;  padding:12px 12px;  overflow:hidden}
div#main-content2 .column .block-columen:first-child{height:408px;  margin-left:1%}
div#main-content2 .column .block-columen{height:200px;  float:right;  width:49.5%;  position:relative;  margin-bottom:1%;  overflow:hidden}
div#main-content2 .column .block-columen .mag-thumb a{width:100%;  height:200px;  display:block;  overflow:hidden;  position:relative}
div#main-content2 .column .block-columen .mag-thumb{height:100%}
div#main-content2 .column .mag-content{position:absolute;  bottom:0;  z-index:99999;  padding:20px;  display:block;  background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));  background-image:-moz-linear-gradient(transparent,rgba(0,0,0,.7));  background-image:linear-gradient(transparent,rgba(0,0,0,.7));  right:0;  left:0}
div#main-content2 .column .block-columen:nth-child(4){width:100%}
div#main-content2 .column .mag-content .mag-title a{color:#fff; font-size: 19px; font-weight: 100;}
div#main-content2 .column .mag-content .recent-meta >span{display:inline-block;  color:#e2e2e2;  font-size:14px;font-weight:600;  margin-left:11px}
div#main-content2 .column .mag-content .recent-meta >span:before{width:10px;  height:10px;  background:#e2e2e2;  border-radius:50%;  content:"";  display:inline-block;  margin-left:6px}

الكود الاخير يمكنك وضعه في اي مكان تريد سواء قبل مواضع المدونة او بعدها



 
 
     
 
 
   


 

 

   
 

 

   

 

 

 

التعديل الاخير هو الذهاب الى التخطيط و ستجد صندوق جديد ضع به الكود التالي :

column/حلقات/4 
يمكنك تغيير حلقات بالقسم الذي تريد إظهاره من موقعك الخاص و بعدها قم بحفظ و مبروك عليك الإضافة . 

Aucun commentaire:

Enregistrer un commentaire