اضافة سكربت الحلقات مثل مدونة المحترف

السلام عليكم متابعي المحظوظ للمعلوميات اقدم لكم اسكربت عرض الفيديوهات مثل مدونة المحظوظ للمعلوميات

وهي اضافية مميزه ورائعه بالوان جاذبة

نترككم مع تركيب الاضافة

1. توجة الي قالب ثم قم بتحرير html
2. قم بالبحث عن ]]></b:skin> 
3. وضع الكود التالي فوقه

/* videos */
h3.recent-title{ padding:6px 2px}
h3.recent-title a{ color:#2a4057;  font-weight:100;  font-size:16px}
ul#MOussa-videoes{ overflow:hidden;  padding:18px 0;  border:1px solid #E2E2E2;  background:#fff;  border-radius:0 0 3px 3px;  margin-bottom:14px;  padding-right:8px}
img.recent-images{ display:block;  width:100%;  border-radius:4px;  border:1px solid transparent;  height:140px}
#sidebar1 .widget-content img{ width:100%}
ul#MOussa-videoes >li{ float:right;  width:31%;  position:relative;  margin-bottom:10px;  padding-bottom:3px;  border-bottom:1px solid #ECECEC;  margin-right:1.4%}
div#tag-title p{ color:#F7F7F7;  line-height:32px;  margin-right:8px}
div#tag-title h2{ font-weight:400}
.utilisateur-posts div#tag-title h2{ font-weight:400;  font-size:19px;  position:relative;  top:-1px}
#MOussa-videoes >li >div#recent-last >a:after{ content:'\f01d';  font-family:fontawesome;  position:absolute;  top:0;  text-align:center;  left:-1px;  color:rgba(255,255,255,0.88);  right:0;  bottom:0;  padding-top:40px;  font-size:56px;  border-radius:2px;  width:100.2%;  height:101px;  background:rgba(49,70,90,0.51);  transition:0.21s}
ul#MOussa-videoes >li:hover div#recent-last >a:after{ padding-left:171px;  padding-top:13px;  padding-bottom:27px;  padding-right:0;  margin-right:0;  width:29%;  color:#D03F42;  font-size:38px;  background:rgba(255,255,255,0.65)}
#outher-posts #tag-title p{ font-size:14px;  margin-right:5px}
div#tag-title{ overflow:hidden;  clear:both;  background:#D03F42;  color:#fff;  padding:10px}
div#tag-title >h2, div#tag-title >p{ display:inline-block;  float:right}
.utilisateur-posts a.morree{ padding:0 9px}
div#tag-title h2:before{ content:'\f16a';  font-family:fontawesome;  width:32px;  background:#BD383A;  height:32px;  text-align:center !important;  line-height:32px;  display:inline-block;  font-size:17px;  border-radius:3px;  margin-left:6px}
a.morree:before{ content:'\f053';  float:left;  font-family:fontawesome;  margin-right:5px;  font-size:14px}
a.morree{ float:left;  display:block;  background:#fff;  color:#BD383A;  padding:0 12px;  font-size:16px;  line-height:32px;  border-radius:2px;  height:32px}

1. ثم قم بالبحث عن body
2. وضع الكود التالي في المكان التي تريده

<div class='amin-posts'>
<b:section id='videos-posts'>
  <b:widget id='HTML371' locked='true' title='' type='HTML'>
    <b:includable id='main'>
<div id='tag-title'>
<h2><data:title/></h2>
<p>
من تقديم أمين رغيب من الإثنين إلى الخميس
  </p>
<a class='morree' expr:href='&quot;/search/label/&quot; + data:content'>المزيد</a>
</div>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>

1. ثم قم بالبحث عن  </body>
2. وضع الكود التالي فوقه

<script type='text/javascript'>
/*<![CDATA[*/
var _0xcedb=["\x24\x28\x22\x23\x67\x20\x2E\x44\x2D\x34\x22\x29\x2E\x41\x28\x66\x28\x29\x7B\x31\x20\x65\x3D\x24\x28\x42\x29\x2E\x59\x28\x29\x3B\x71\x28\x65\x2E\x31\x31\x28\x22\x43\x22\x29\x29\x7B\x24\x28\x22\x23\x67\x22\x29\x2E\x43\x28\x29\x7D\x31\x35\x7B\x24\x2E\x31\x39\x28\x7B\x76\x3A\x22\x2F\x31\x38\x2F\x31\x37\x2F\x53\x2F\x2D\x2F\x22\x2B\x65\x2B\x22\x3F\x4F\x3D\x56\x2D\x4D\x2D\x4C\x26\x4B\x2D\x4E\x3D\x36\x22\x2C\x52\x3A\x22\x51\x22\x2C\x50\x3A\x22\x4A\x22\x2C\x48\x3A\x66\x28\x65\x29\x7B\x31\x20\x74\x3D\x22\x22\x3B\x31\x20\x6E\x3D\x22\x3C\x77\x20\x39\x3D\x27\x46\x2D\x47\x27\x3E\x22\x3B\x6B\x28\x31\x20\x72\x3D\x30\x3B\x72\x3C\x65\x2E\x33\x2E\x32\x2E\x6A\x3B\x72\x2B\x2B\x29\x7B\x6B\x28\x31\x20\x69\x3D\x30\x3B\x69\x3C\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x64\x2E\x6A\x3B\x69\x2B\x2B\x29\x7B\x71\x28\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x64\x5B\x69\x5D\x2E\x45\x3D\x3D\x22\x49\x22\x29\x7B\x74\x3D\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x64\x5B\x69\x5D\x2E\x63\x3B\x31\x62\x7D\x7D\x31\x20\x34\x3D\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x34\x2E\x24\x74\x3B\x31\x20\x24\x34\x3D\x24\x28\x27\x3C\x35\x3E\x27\x29\x2E\x79\x28\x34\x29\x3B\x31\x20\x38\x3D\x24\x34\x2E\x31\x36\x28\x27\x6D\x3A\x54\x27\x29\x2E\x31\x34\x28\x27\x38\x27\x29\x3B\x31\x20\x73\x3D\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x62\x2E\x24\x74\x3B\x31\x20\x6F\x3D\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x31\x61\x5B\x30\x5D\x2E\x31\x33\x3B\x6E\x2B\x3D\x27\x3C\x7A\x3E\x3C\x35\x20\x39\x3D\x22\x37\x2D\x68\x22\x3E\x3C\x61\x20\x63\x3D\x22\x27\x2B\x74\x2B\x27\x22\x3E\x3C\x6D\x20\x70\x3D\x22\x37\x2D\x31\x32\x22\x20\x57\x3D\x22\x75\x3A\x76\x28\x27\x2B\x38\x2B\x27\x29\x20\x55\x2D\x58\x20\x6C\x20\x6C\x3B\x75\x2D\x31\x30\x3A\x20\x5A\x22\x3E\x3C\x2F\x61\x3E\x3C\x2F\x35\x3E\x3C\x35\x20\x39\x3D\x22\x37\x2D\x68\x22\x3E\x3C\x78\x20\x70\x3D\x22\x37\x2D\x62\x22\x3E\x3C\x61\x20\x63\x3D\x22\x27\x2B\x74\x2B\x27\x22\x3E\x27\x2B\x65\x2E\x33\x2E\x32\x5B\x72\x5D\x2E\x62\x2E\x24\x74\x2B\x22\x20\x2E\x2E\x2E\x3C\x2F\x61\x3E\x3C\x2F\x78\x3E\x3C\x2F\x35\x3E\x3C\x2F\x7A\x3E\x22\x7D\x6E\x2B\x3D\x22\x3C\x2F\x77\x3E\x22\x3B\x24\x28\x22\x23\x67\x20\x2E\x44\x2D\x34\x22\x29\x2E\x41\x28\x66\x28\x29\x7B\x24\x28\x42\x29\x2E\x79\x28\x6E\x29\x7D\x29\x7D\x7D\x29\x7D\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x76\x61\x72\x7C\x65\x6E\x74\x72\x79\x7C\x66\x65\x65\x64\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x64\x69\x76\x7C\x7C\x72\x65\x63\x65\x6E\x74\x7C\x73\x72\x63\x7C\x69\x64\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x68\x72\x65\x66\x7C\x6C\x69\x6E\x6B\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x48\x54\x4D\x4C\x33\x37\x31\x7C\x6C\x61\x73\x74\x7C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x66\x6F\x72\x7C\x63\x65\x6E\x74\x65\x72\x7C\x69\x6D\x67\x7C\x7C\x7C\x63\x6C\x61\x73\x73\x7C\x69\x66\x7C\x7C\x7C\x7C\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x7C\x75\x72\x6C\x7C\x75\x6C\x7C\x68\x33\x7C\x68\x74\x6D\x6C\x7C\x6C\x69\x7C\x65\x61\x63\x68\x7C\x74\x68\x69\x73\x7C\x72\x65\x6D\x6F\x76\x65\x7C\x77\x69\x64\x67\x65\x74\x7C\x72\x65\x6C\x7C\x4D\x4F\x75\x73\x73\x61\x7C\x76\x69\x64\x65\x6F\x65\x73\x7C\x73\x75\x63\x63\x65\x73\x73\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x6A\x73\x6F\x6E\x70\x7C\x6D\x61\x78\x7C\x73\x63\x72\x69\x70\x74\x7C\x69\x6E\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x61\x6C\x74\x7C\x64\x61\x74\x61\x54\x79\x70\x65\x7C\x67\x65\x74\x7C\x74\x79\x70\x65\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x66\x69\x72\x73\x74\x7C\x6E\x6F\x7C\x6A\x73\x6F\x6E\x7C\x73\x74\x79\x6C\x65\x7C\x72\x65\x70\x65\x61\x74\x7C\x74\x65\x78\x74\x7C\x63\x6F\x76\x65\x72\x7C\x73\x69\x7A\x65\x7C\x6D\x61\x74\x63\x68\x7C\x69\x6D\x61\x67\x65\x73\x7C\x74\x65\x72\x6D\x7C\x61\x74\x74\x72\x7C\x65\x6C\x73\x65\x7C\x66\x69\x6E\x64\x7C\x70\x6F\x73\x74\x73\x7C\x66\x65\x65\x64\x73\x7C\x61\x6A\x61\x78\x7C\x63\x61\x74\x65\x67\x6F\x72\x79\x7C\x62\x72\x65\x61\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x72b0x1,_0x72b0x2,_0x72b0x3,_0x72b0x4,_0x72b0x5,_0x72b0x6){_0x72b0x5= function(_0x72b0x3){return (_0x72b0x3< _0x72b0x2?_0xcedb[4]:_0x72b0x5(parseInt(_0x72b0x3/ _0x72b0x2)))+ ((_0x72b0x3= _0x72b0x3% _0x72b0x2)> 35?String[_0xcedb[5]](_0x72b0x3+ 29):_0x72b0x3.toString(36))};if(!_0xcedb[4][_0xcedb[6]](/^/,String)){while(_0x72b0x3--){_0x72b0x6[_0x72b0x5(_0x72b0x3)]= _0x72b0x4[_0x72b0x3]|| _0x72b0x5(_0x72b0x3)};_0x72b0x4= [function(_0x72b0x5){return _0x72b0x6[_0x72b0x5]}];_0x72b0x5= function(){return _0xcedb[7]};_0x72b0x3= 1};while(_0x72b0x3--){if(_0x72b0x4[_0x72b0x3]){_0x72b0x1= _0x72b0x1[_0xcedb[6]]( new RegExp(_0xcedb[8]+ _0x72b0x5(_0x72b0x3)+ _0xcedb[8],_0xcedb[9]),_0x72b0x4[_0x72b0x3])}};return _0x72b0x1}(_0xcedb[0],62,74,_0xcedb[3][_0xcedb[2]](_0xcedb[1]),0,{}))
/* ]]> */
</script>

ملحوظه:ممكن وضع كود css بين   <style>css</style> فوق الوسم <head/>

ثم قم بحفظ القالب ومبروك عليك الاضافة