سكربت عرض المانجا لمدونات الانمي

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي

اضافة اليوم سكربت يقوم بعرض لك صور المانجا و الفصول كلها ومعه ازرار تقوم بتحكم بحجم الصور

يمكنك معاينة الاضافة من هنا


شرح التركيب 

• اولا إبحث على </head> وضع الكود التالي فوقه مباشرة

<b:if cond='data:view.isPost'><style type='text/css'>/*<![CDATA[*/ .abdoutech-manga ol{margin:0} .abdoutech-manga ol li{list-style:none;position:relative;width:24%;height:330px;float:right;margin:6px 3px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out} .abdoutech-manga ol li span{position:absolute;top:0;right:0;z-index:999999;background:#101010;width:30px;height:30px;color:#fff;font-size:18px;text-align:center;line-height:27px;padding:1px 3px 6px 3px!important} .abdoutech-manga{font-style:normal;overflow:hidden;width:100%} .abdoutech-manga .menu-manga{padding:10px 20px!important;text-align:right;font-size:15px;background-color:rgb(16,16,16);border-radius:4px;color:#fff;width:100%;overflow:hidden;height:37px;margin:13px auto;display:inline-block} .abdoutech-manga .menu-manga .mangaresize{float:left;margin:0 auto} .abdoutech-manga .menu-manga .mangaresize .tool{float:right;cursor:pointer} .abdoutech-manga .menu-manga .mangaresize i{float:right;margin:0 6px;font-size:18px} .abdoutech-manga .menu-manga .manga-list{float:right;margin:-6px auto} .abdoutech-manga .menu-manga .manga-list select{background:#1516186e;border:0;color:#fff;margin:0 auto;font-family:inherit;padding:2px 7px} .abdoutech-manga img{display:none} .abdoutech-manga ol li img{display:initial!important;width:100%;height:auto} .abdoutech-manga ol[data-size="100"] li{width:100%;height:auto;float:none;margin:0 auto} .abdoutech-manga ol[data-size="50"] li{width:46%;height:800px;margin:7px 7px} /*]]>*/ </style></b:if>

• الان إبحث على </body> وضع الكود التالي فوقه مباشرة

<b:if cond='data:view.isPost'><script type='text/javascript'>//<![CDATA[ !function(){var e=document.createElement("script") e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/abdelalilebbihi/abdou_tech/gadget/list-manga.js" var t=document.getElementsByTagName("script")[0] t.parentNode.insertBefore(e,t)}(); //]]></script></b:if>

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

<i class="abdoutech-manga" data-name="تسمية المانجا"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitIHfAAdbKeRadAWffkRFXnbQRhmZg99KAPF7ALMpB3AmWpNyq0uwqNZWnhhebxSH7p4_FZIF9yJbJZJF3hu54rJPSA0X5-JB5hFzZXic34VjtjmKhbvTLuhTDSQRD2j9XEm3ugcHsJv-8/s640/pexels-photo-1028714.jpeg"/><img src="رابط صورة"></i>

يمكنك اضافة الكثير من الضور فقط بنسخ هذا و تكراره داخل الكود السابق 

<img src="رابط صورة">

شارك الموضوع عبر :



free-blogger