اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni

آخر الأخبار

random
جاري التحميل ...

  1. أخي ممكن كود العد التنازلي قبل ظهور رابط التحميل كما في موقع اختصار الروابط التابع لك

    ردحذف

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

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

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

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

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

.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}

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

.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}

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='labels-content'>
  <b:section class='section' id='main-content2'>
  <b:widget id='HTML345' locked='false' title='تصميم' type='HTML' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
  </div>
  </b:if>

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

column/حلقات/4 
يمكنك تغيير حلقات بالقسم الذي تريد إظهاره من موقعك الخاص و بعدها قم بحفظ و مبروك عليك الإضافة . 
بِقلمْ
Moulai Amine ، مدون عربي جزائري الجنسية اصيب بجنون التدوين و متابعة الجديد و حب المنافسة في هذا المجال ، وأهتم بجديد التقنيات وتطوير البرامج هدفي من خلال هذه المدونة هو مشاركة كل ما اراه مناسب و جديد و يأتي بالفائدة على الجميع انشاء الله ،

التعليقات


اتصل بنا

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

عن الموقع

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

أرشيف المدونة الإلكترونية

إحصاءات المدونة

جميع الحقوق محفوظة

اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni

| أبي مصدر فخري