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

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

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

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

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

/* 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}

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

<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='"/search/label/" + data:content'>المزيد</a>
</div>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

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

<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/>

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