السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي شرح اليوم على تركيب اضافة نافذة منبثقة تعرض روابط التحميل بطريقة عصرية

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

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

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

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

<b:if cond="data:view.isPost"><style type="text/css">/*<![CDATA[*/ /* abdoutech-download */ #abdoutech-download{opacity:0;min-height:550px;padding:30px 0 0;position:fixed;z-index:999999999;width:100%;height:100%;left:0;right:0;top:200%;bottom:0;background:-webkit-linear-gradient(left,#2348a5 0%,#195eca 100%);transition:all .2s ease} .btneffect{border:0;padding:20px 16px;font-size:14px;cursor:pointer;font-family:inherit;color:#fff;background:-webkit-linear-gradient(left,#2348a5 0%,#195eca 100%);border-radius:6px} .btneffect:before{content:"\f0ed";display:block;font-family:FontAwesome;height:28px;width:32px;line-height:25px;font-size:16px;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;margin-left:2px;margin-right:10px;color:#ffffff} .btneffect.reload:before{content:"\f021"!important} .btnclose{opacity:0;padding:16px 2px;position:fixed;font-family:inherit;z-index:999999999;width:73px;height:43px;line-height:0;left:0;right:0;bottom:500%;transition:all .2s ease;margin:0 auto;background:#fff;border:0;border-bottom:0;border-radius:21px 21px 0 0;cursor:pointer} .btnclose i{color:#1e52b7} #abdoutech-download.open{transition:all .2s ease;opacity:1;top:0} .btnclose.open{transition:all .2s ease;opacity:1;bottom:0} #abdoutech-download .abdoutech-downloadbg{background-position:center center;background-size:cover;height:100%;opacity:0.05;position:absolute;right:0;top:0;width:100%;z-index:-1} #abdoutech-download .count_direct_link .directdownloadlink,#abdoutech-download .count_direct_link.paused .countdownnumber{display:none} #abdoutech-download .count_direct_link .countdownnumber,#abdoutech-download .count_direct_link.paused .directdownloadlink{display:block} #abdoutech-download .count_direct_link .directdownloadlink{margin:0 auto 10px;text-align:center} #abdoutech-download .count_direct_link .countdownnumber .circle{border-radius:999px;box-shadow:0 0 0 10px rgba(255,255,255,0.5) inset;height:150px;left:0;margin:0 auto 10px;position:relative;right:0;width:150px} .count{animation-fill-mode:forwards;color:#ffffff;font-size:40px;line-height:150px;position:absolute;text-align:center;width:100%;z-index:2;-webkit-animation:fadeout .5s (20 + 1)+s 1 linear;-webkit-animation-fill-mode:forwards} @-webkit-keyframes l-rotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-180deg)}} @-webkit-keyframes r-rotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-180deg)}} @-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0.5}} #abdoutech-download .count_direct_link .directdownloadlink em{border-radius:100%;border:10px solid #8bc918;color:#8bc918;display:block;height:150px;margin:0 auto;width:150px} #abdoutech-download .count_direct_link .directdownloadlink em:hover{background-color:#8bc918;color:#ffffff} #abdoutech-download .count_direct_link .directdownloadlink em i.animated{font-size:57px;line-height:110px;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:1s ease 0s normal none infinite magic-mouse-icon;-moz-animation:1s ease 0s normal none infinite magic-mouse-icon;-o-animation:1s ease 0s normal none infinite magic-mouse-icon;animation:1s ease 0s normal none infinite magic-mouse-icon} @-moz-keyframes magic-mouse-icon{0%{margin-top:0;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}} @-webkit-keyframes magic-mouse-icon{0%{margin-top:0;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}} @-o-keyframes magic-mouse-icon{0%{margin-top:0;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}} @keyframes magic-mouse-icon{0%{margin-top:0;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}} #abdoutech-download .count_direct_link .directdownloadlink em:hover i.animated{line-height:140px;-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:1s;-moz-animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear} @-webkit-keyframes pulse{0{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}} @-moz-keyframes pulse{0{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}} #abdoutech-download h1{color:#ffffff;font-size:25px;font-weight:bold;margin:0 auto 10px;text-align:center;text-shadow:0 1px 0 #000000} #abdoutech-download h2{color:#ffffff;font-size:25px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #000000} #abdoutech-download h3{color:#ffffff;font-size:25px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #000000} #abdoutech-download .anotherserver{background-color:#ffffff;border-radius:5px;margin:20px auto;padding:15px;width:80%;overflow:hidden;display:none} #abdoutech-download .anotherserver ul li{float:right;margin:15px auto;padding:0 15px;width:33.333%} #abdoutech-download .anotherserver ul li a{background-color:#8bc918;color:#ffffff;display:block;font-size:22px;height:45px;line-height:45px;text-align:center} #abdoutech-download .anotherserver ul li a i{background-color:#7cba09;float:right;height:45px;line-height:45px;width:25%} #abdoutech-download .anotherserver ul li a span{float:left;width:75%} #abdoutech-download .anotherserver ul li a:hover{background-color:#7cba09} @media screen and (max-width : 768px) {#abdoutech-download .anotherserver ul li {float: none;width: 100%}} /* End abdoutech-download */ /*]]>*/ </style></b:if>

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

<b:if cond='data:view.isPost'><script type='text/javascript'>/*<![CDATA[*/ // info script var noimg='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ePGbEGkF20QvAmRZX8Pra6r0g9QSBjwsL_dQS1pulqVsogr0I2HrQIhC2xOC7NPbrkAYnkE0Ygf89uckICP8kuSbivSXyVy5NTbr07m7qJ2gP9V9bEG4ML7y4s8n_Rbt-FxIYTkgcr0/s1600/90.jpg', text='اعد تحميل الصفحة لتحميل الملف مجددا'; // CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); // js Ready !function(){var e=document.createElement("script") e.type="text/javascript",e.async=!0,e.src="//cdn.jsdelivr.net/gh/abdelalilebbihi/abdou_tech/gadget/download-severs.js" var t=document.getElementsByTagName("script")[0] t.parentNode.insertBefore(e,t)}(); /*]]>*/</script></b:if>

احفظ القالب وتابع الشرح 

1. الان في كل تدوينة تريد ضهور فيها ازرار التحميل تضع الكود التالي في الموضوع

<button class='btneffect' type='button'>إضغط هنا لتحميل</button><div id='abdoutech-download'><div class='abdoutech-downloadbg'></div><div class='container'><div class='count_direct_link'><div class='countdownnumber'><div class='circle'><div class='count'>10</div><div class='l-half'></div><div class='r-half'></div></div></div><div class='directdownloadlink'></div></div><h1>جاري تحضير رابط التحميل المباشر بعد 30 ثانية</h1><div class='anotherserver'><ul><!-- روابط التحميل --><li> <a href='#' title='رابط التحميل'> <i aria-hidden='true' class='fa fa-cloud-download'></i> <span>رابط التحميل</span></a></li><li> <a href='#' title='رابط التحميل'> <i aria-hidden='true' class='fa fa-cloud-download'></i><span>رابط التحميل</span></a></li><li> <a href='#' title='رابط التحميل'> <i aria-hidden='true' class='fa fa-cloud-download'></i><span>رابط التحميل</span></a></li><!-- روابط التحميل --></ul><div class='clearfix'></div></div></div></div><button class='btnclose' type='button'><i class='fa fa-window-close'></i></button>



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

seif ahmed November 13, 2018 0 تعليق

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

منذو شهر  ظهر كود غريب يأتي في نهاية كل رابط تم الحصول عليه من الفيسبوك وهيا عبارة عن آلية التتبع الجديدة التي نفذها Facebook. يبدو من المحتمل أن يكون هذا ردًا على الأخبار الأخيرة التي تقول إن المتصفحات مثل Safari ستحظر ملفات تعريف ارتباط التتبع من الجهات الخارجية.

وشكل الرابط يكون على هذا الشكل 

www.abdoutech.com/?fbclid=XXXXXXXXXXXX

حيث المحدد بالاحمر يتغير كل مرة

• كيفية حذف كود التتبع

1. إبحث على <head> 
2. وضع الكود التالي اسفله مباشرة

<script type='text/javascript'>//<,e=c.href}catch(r){var t=RegExp("[?&]"+a+"=.*$") e=location.search.replace(t,""),e=location.pathname+e+location.hash}history.replaceState(null,"",e)}}() //]]></script>

seif ahmed November 11, 2018 0 تعليق

السلام عليكم متتبعي و زوار مدونة عبدو تكنولوجي, في هده التدوينة بحول الله سنطرق الى طريقة تركيب إضافة مشغل الموسيقى الى مدونات بلوجر.

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

.يمكنك معاينة الإضافة قبل إضافتها من هنا

معاينة

و الأن لم يتبقى لنا سوى التعرف على طريقة تركيب هده الإضافة, يمكنك تحميل الأكواد الخاصة بالإضافة مع الشرح من الرابط  التالي

تحميل الأكواد

.أتمنى أن تعجكم تدوينة اليوم ولا تنسو زيارتنا من حين الأخر

seif ahmed November 06, 2018 0 تعليق

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي اليوم اقدم لكم قالب اندرو بلاي النسخة الثانية بعد طرح النسخة السابقة يمكنك تحميلها من هنا اليوم اقدم النسخة الثانية وهيا الاكثر احترافية من قبلها 

مميزات القالب

1. سريع التحميل
2. الوان مريحة للعين
3. اكواد سيو حديثة
4. سكربت بعرض التطبيقات و معلومات عنها
5. صفحة مواضيع احترافية
6. محرك بحث احترافي
7. قائمة جانبية احترافية
8. و المزيد تكتشفه في المعاينة

فيديو شرح القالب

• اشياء لم تذكر في الفيديو

لأضهار المواضيع في الصفحة الرئيسية يجب تغيير التسميات التي ستجدها في التخطيط

<div class="download-posts row" data-label="هنا التسمية" data-num="عدد المواضيع التي تعرض">

معاينة تحميل القالب preview template version english

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

seif ahmed November 05, 2018 0 تعليق

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي في شرح اليوم اقدم لكم طريقة لتضمين فيديوهات اليوتيوب و الفيمو و الصيغ اخرا مثل ام بي ثري و ال ام بي فور  بمشغل احترافي جدا يمكنك معاينة المشغلات  من زر المعاينة التالي 

معاينة

الان نشرح طريقة التركيب الاضافة

1. اولا تبحث على </head> او /head>
2. وضع هذا الكود فوقه مباشرة

<link href='https://cdn.plyr.io/3.4.4/plyr.css' rel='stylesheet'></link>

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

<script src='//cdn.plyr.io/3.4.4/plyr.js'></script><script>/*<![CDATA[*/const players = Array.from(document.querySelectorAll('.js-player')).map(player => new Plyr(player));/*]]>*/</script>

• الان احفظ القالب 
• و لاضافة فيديو او شئ اخر ضع الاكواد التالية مع التغيير بما يناسبك

<audio class="js-player" controls=""> <source src="رابط الام بي ثري" type="audio/mp3"></source></audio> <video class="js-player" controls="" playsinline="" poster="الصورة المصغرة"><source src="رابط الفيديو ام بي فور" type="video/mp4"></source></video> <div class="js-player" data-plyr-embed-id="معرف الفيديو في اليوتيوب" data-plyr-provider="youtube"></div><div class="js-player" data-plyr-provider="vimeo" data-plyr-embed-id="معرف الفيديو في الفيمو"></div>

إذا اعجبتك اضافة اليوم لا تنسى الاشتراك في المدونة لكي تتوصل بكل ماهوا جديد

seif ahmed October 18, 2018 0 تعليق

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

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

هذه الاضافة تعمل في الصفحات و المواضيع فقط اما في الصفحة الرئيسية و الارشيف لا تعمل 

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

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

تحميل الاكواد

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

seif ahmed October 08, 2018 0 تعليق

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي اليوم اقدم لكم  قالب إكسترا شورت افضل قالب لاختصار الروابط القالب مدفوع وبسعر 5 دولار لاكن سوف يكون مجانا لعشرة تعليقات الاخيرة لمدة اربع وعشرين ساعه  يعني سوف يكون لعشرة اشخاص فقط 

مميزات القالب

1. سريع التحميل
2. سهولة الاستخدام
3. عداد تنازلي يمكنك التحكم فيه
4. شكل جميل و انيق 
5. اداة ازالة مانع الاعلانات اد بلوك
6. شكل ليلي اوتماتيكي حسب المنطقة الزائر
7. و المزيد تكتشفه بنفسك

معاينة

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

seif ahmed October 06, 2018 0 تعليق

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

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

يمكنك معاينة  RTL من هنا
يمكنك معاينة  LTR من هنا

شرح تركيب الاضافة بنسبة لمدونات ال RTL

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

<b:if cond='data:view.isHomepage'><style>.bubblingG{text-align:center;width:93px;height:49px;margin:0 auto;margin-right:44%} .bubblingG span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:24px auto;background:rgb(231,73,55);border-radius:49px;-o-border-radius:49px;-ms-border-radius:49px;-webkit-border-radius:49px;-moz-border-radius:49px;animation:bubblingG 1.5s infinite alternate;-o-animation:bubblingG 1.5s infinite alternate;-ms-animation:bubblingG 1.5s infinite alternate;-webkit-animation:bubblingG 1.5s infinite alternate;-moz-animation:bubblingG 1.5s infinite alternate} #bubblingG_1{animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s} #bubblingG_2{animation-delay:0.45s;-o-animation-delay:0.45s;-ms-animation-delay:0.45s;-webkit-animation-delay:0.45s;-moz-animation-delay:0.45s} #bubblingG_3{animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s} @keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);transform:translateY(-20px)}} @-o-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-o-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-o-transform:translateY(-20px)}} @-ms-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-ms-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-ms-transform:translateY(-20px)}} @-webkit-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-webkit-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-webkit-transform:translateY(-20px)}} @-moz-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-moz-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-moz-transform:translateY(-20px)}} #products{background-color:#f7f7f7;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;padding:50px 0;text-align:center} #products .title{border-bottom:1px solid #959595;color:#e64938;display:table;font-family:inherit;font-size:25px;margin:0 auto 40px;padding:0 100px 10px;position:relative} #products .title::after{background-color:#e64938;bottom:-2px;content:"";display:table;height:5px;left:0;margin:0 auto;position:absolute;right:0;width:40%} #products ul li{float:right;margin:0 0 0 30px;width:352px;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s} #products ul li:hover,#products ul li:focus,#products ul li:active{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36);transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36)} #products ul li:last-child{margin:0 auto} #products ul li .titlee{background-color:#01add3;color:#ffffff;display:block;font-family:inherit;font-size:18px;height:45px;line-height:45px;padding:0 50px;position:relative;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #products ul li .titlee::after{background-color:#04c9f5;color:#ffffff;content:"\f104";font-family:FontAwesome;font-size:28px;height:45px;line-height:45px;position:absolute;right:0;text-align:center;top:0;width:45px} #products ul li .content{background-color:#ffffff;padding:5px} #products ul li .content img{margin:0 auto 5px;width:100%} #products ul li .content span{background-color:#717171;color:#f5d220;direction:ltr;float:right;font-size:20px;height:40px;line-height:40px;text-align:center;width:49%} #products ul li .content a{background-color:#01add3;color:#ffffff;display:block;float:left;font-size:15px;font-weight:bold;height:40px;line-height:40px;text-align:center;width:49%} #products ul li .content a:hover{background-color:#04c9f5} #products ul li:nth-child(2n) .titlee{background-color:#a5c769} #products ul li:nth-child(2n) .titlee:after{background-color:#b9dd79} #products ul li:nth-child(2n) .content a{background-color:#a5c769} #products ul li:nth-child(2n) .content a:hover{background-color:#b9dd79} #products ul li:nth-child(3n) .titlee{background-color:#8c76bd} #products ul li:nth-child(3n) .titlee:after{background-color:#9e85d6} #products ul li:nth-child(3n) .content a{background-color:#8c76bd} #products ul li:nth-child(3n) .content a:hover{background-color:#9e85d6} #products a.more{background-color:#e74937;border-bottom:3px solid #a13326;border-radius:3px;color:#ffffff;display:inline-block;font-size:15px;font-weight:bold;margin:30px auto 0;padding:5px 60px;text-shadow:0 1px 0 #a13326} #products a.more:hover{background-color:#a13326} </style></b:if>

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

<b:if cond='data:view.isHomepage'><script type='text/javascript'>//<![CDATA[ var imgsoon ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMACWDMTflyEnBEbahWrOLagCEsNy1Hw_VGFchpFEzl9RF4H7d5qnAQvM_NnKAfJEycdM3NfWuUCM2o9jQ970PAod6IE5S6awrb7VDpyeIBX0JlV_XqUVhAvncp1jqrFsvm3KzGoF5K4/w360-c-h265/742isdrv1.png', noimg ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_d6WcpQ93UUUiVnCIQgjiaxEtHV3n6dHdLV_18o9TwF0fHqWqRCZ6MVcsSQxn4Gf5YLc_s8yjyi7T1yk3jG_aQsVq01UGR6BaVqd3r5ZDYQaB_YCd-bGzCftuMxRsNcdDPJuq6Pzp4fb9/s1600/noimg.png", linkscript ='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/products-abdoutech.js'; var node = document.createElement('script'); node.type = 'text/javascript'; node.async = true; node.src = linkscript; var runscript = document.getElementsByTagName('script')[0]; runscript.parentNode.insertBefore(node, runscript); //]]></script></b:if>

• الان ضع الكود التالي في المكان الذي تريد ضهور فيه الاضافة مع التغيير بما يناسبك

<div id="products"><div class="container"><div class="title">منتجاتنــا</div><ul id='products-abdoutech' source='http://store.abdoutech.com' source-label='بلوجر' num-source='3'></ul><div class="clearfix"></div><a class="more" href="#" title="عرض المزيد من المنتجات">عرض المزيد من المنتجات</a></div></div>

شرح تركيب الاضافة بنسبة لمدونات ال LTR

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

<b:if cond='data:view.isHomepage'><style>.bubblingG{text-align:center;width:93px;height:49px;margin:0 auto;margin-right:44%} .bubblingG span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:24px auto;background:rgb(231,73,55);border-radius:49px;-o-border-radius:49px;-ms-border-radius:49px;-webkit-border-radius:49px;-moz-border-radius:49px;animation:bubblingG 1.5s infinite alternate;-o-animation:bubblingG 1.5s infinite alternate;-ms-animation:bubblingG 1.5s infinite alternate;-webkit-animation:bubblingG 1.5s infinite alternate;-moz-animation:bubblingG 1.5s infinite alternate} #bubblingG_1{animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s} #bubblingG_2{animation-delay:0.45s;-o-animation-delay:0.45s;-ms-animation-delay:0.45s;-webkit-animation-delay:0.45s;-moz-animation-delay:0.45s} #bubblingG_3{animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s} @keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);transform:translateY(-20px)}} @-o-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-o-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-o-transform:translateY(-20px)}} @-ms-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-ms-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-ms-transform:translateY(-20px)}} @-webkit-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-webkit-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-webkit-transform:translateY(-20px)}} @-moz-keyframes bubblingG{0%{width:10px;height:10px;background-color:rgb(231,73,55);-moz-transform:translateY(0)}100%{width:23px;height:23px;background-color:rgb(255,255,255);-moz-transform:translateY(-20px)}} #products{background-color:#f7f7f7;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;padding:50px 0;text-align:center} #products .title{border-bottom:1px solid #959595;color:#e64938;display:table;font-family:inherit;font-size:25px;margin:0 auto 40px;padding:0 100px 10px;position:relative} #products .title::after{background-color:#e64938;bottom:-2px;content:"";display:table;height:5px;right:0;margin:0 auto;position:absolute;left:0;width:40%} #products ul li{float:left;margin:0 30px 0 0;width:352px;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s} #products ul li:hover,#products ul li:focus,#products ul li:active{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36);transition-timing-function:cubic-bezier(0.47,2.02,0.31,-0.36)} #products ul li:last-child{margin:0 auto} #products ul li .titlee{background-color:#01add3;color:#ffffff;display:block;font-family:inherit;font-size:18px;height:45px;line-height:45px;padding:0 50px;position:relative;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #products ul li .titlee::after{background-color:#04c9f5;color:#ffffff;content:"\f104";font-family:FontAwesome;font-size:28px;height:45px;line-height:45px;position:absolute;left:0;text-align:center;top:0;width:45px} #products ul li .content{background-color:#ffffff;padding:5px} #products ul li .content img{margin:0 auto 5px;width:100%} #products ul li .content span{background-color:#717171;color:#f5d220;direction:rtl;float:left;font-size:20px;height:40px;line-height:40px;text-align:center;width:49%} #products ul li .content a{background-color:#01add3;color:#ffffff;display:block;float:right;font-size:15px;font-weight:bold;height:40px;line-height:40px;text-align:center;width:49%} #products ul li .content a:hover{background-color:#04c9f5} #products ul li:nth-child(2n) .titlee{background-color:#a5c769} #products ul li:nth-child(2n) .titlee:after{background-color:#b9dd79} #products ul li:nth-child(2n) .content a{background-color:#a5c769} #products ul li:nth-child(2n) .content a:hover{background-color:#b9dd79} #products ul li:nth-child(3n) .titlee{background-color:#8c76bd} #products ul li:nth-child(3n) .titlee:after{background-color:#9e85d6} #products ul li:nth-child(3n) .content a{background-color:#8c76bd} #products ul li:nth-child(3n) .content a:hover{background-color:#9e85d6} #products a.more{background-color:#e74937;border-bottom:3px solid #a13326;border-radius:3px;color:#ffffff;display:inline-block;font-size:15px;font-weight:bold;margin:30px auto 0;padding:5px 60px;text-shadow:0 1px 0 #a13326} #products a.more:hover{background-color:#a13326} </style></b:if>

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

<b:if cond='data:view.isHomepage'><script type='text/javascript'>//<![CDATA[ //LTR var imgsoon ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMACWDMTflyEnBEbahWrOLagCEsNy1Hw_VGFchpFEzl9RF4H7d5qnAQvM_NnKAfJEycdM3NfWuUCM2o9jQ970PAod6IE5S6awrb7VDpyeIBX0JlV_XqUVhAvncp1jqrFsvm3KzGoF5K4/w360-c-h265/742isdrv1.png', noimg ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_d6WcpQ93UUUiVnCIQgjiaxEtHV3n6dHdLV_18o9TwF0fHqWqRCZ6MVcsSQxn4Gf5YLc_s8yjyi7T1yk3jG_aQsVq01UGR6BaVqd3r5ZDYQaB_YCd-bGzCftuMxRsNcdDPJuq6Pzp4fb9/s1600/noimg.png"; linkscript ='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/products-abdoutech-ltr.js'; var node = document.createElement('script'); node.type = 'text/javascript'; node.async = true; node.src = linkscript; var runscript = document.getElementsByTagName('script')[0]; runscript.parentNode.insertBefore(node, runscript); //]]></script></b:if>

• الان ضع الكود التالي في المكان الذي تريد ضهور فيه الاضافة مع التغيير بما يناسبك

<div id="products"><div class="container"><div class="title">products</div><ul id="products-abdoutech" num-source="NUM SHOW " source-label="NAME LABEL" source="LINK BLOG"></ul><div class="clearfix"></div><a class="more" href="#" title="View more products">View more products</a></div></div>



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

تحميل الكود من هنا

الى هنا نصل الى نهاية الشرح لاتنسى الاشتراك في المدونة لكي تتوصل بكل ما هوا جديد

seif ahmed September 19, 2018 0 تعليق

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

اليوم اقدم لكم سكربت يحمي مدونتك من اضافة اد بلوك التي تخفي الاعلانات على الزائرين و التي تسبب في خسائر كبيرة على المدونين

اضافة اليوم تمتاز بصعوبة حذفها من الكونسول حيث ستعمل على اعادة تحميل الصفحة كل مرة يتم المساس ب الكود هذا يجعل الزائر يزيل برنامج اد بلوك 

يمكنك معاينة اد بلوك من هنا

شرح التركيب

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

<style>/*anti ad block*/ #adblock_abdoutech{z-index: 999999999;position:fixed!important;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#adblock_abdoutech p{opacity:1;filter:none;font:bold 16px tajawal;text-align:center;margin:20% 0}#adblock_abdoutech p a,#adblock_abdoutech p i{font-size:12px}#adblock_abdoutech ~ *{display:none} </style>

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

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

seif ahmed September 07, 2018 0 تعليق

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

اقدم لكم سلايدر شو بنسخة الثامنة بعد ما نشر عدة نسخ و البعض منهم 

1. سلايد شو ارلينا ديزاين الاحترافي لعرض اخر المواضيع لمدونات بلوجر
2. سلايد شو احترافي يعرض المواضيع حسب التسمية الاصدار الثالث
3. سلايد شو يعرض المواضيع حسب التسمية الشكل الرابع
4. سلايد شو احترافي بشكل جديد يعرض المواضيع حسب التسمية
5. سلايد شو الشكل الخامس لمدونات بلوجر
6. سلايد شو حسب التسمية لمدونات بلوجر | الشكل السادس
7. سلايد شو حسب التسمية لمدونات بلوجر إحترافي | الشكل السابع

لاكن شكل اليوم متغيير عن الباقي فهوا يتميز ب فلاتر إحترافية ومميزة ومتجاوب مع جميع المقاييس

يمكنك معاينة السلايد شو من هنا

الان نشرح كيفية التركيب

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

<b:if cond='data:view.isHomepage'><link href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css' id='swiper-css' media='all' rel='stylesheet' type='text/css'/><style type='text/css'>.abdoutech-slider{width:95%;position:relative;max-width:800px;margin:auto;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,0.2);padding:25px;border-radius:25px;height:400px;transition:all .3s} @media screen and (max-width:992px){.abdoutech-slider{max-width:680px;height:400px}} @media screen and (max-width:768px){.abdoutech-slider{min-height:500px;height:auto;margin:180px auto}} @media screen and (max-height:500px) and (min-width:992px){.abdoutech-slider{height:350px}} .abdoutech-slider__item{display:flex;align-items:center} @media screen and (max-width:768px){.abdoutech-slider__item{flex-direction:column}} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__img img{opacity:1;transition-delay:.3s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *{opacity:1;transform:none} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(1){transition-delay:0.3s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(2){transition-delay:0.4s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(3){transition-delay:0.5s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(4){transition-delay:0.6s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(5){transition-delay:0.7s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(6){transition-delay:0.8s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(7){transition-delay:0.9s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(8){transition-delay:1s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(9){transition-delay:1.1s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(10){transition-delay:1.2s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(11){transition-delay:1.3s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(12){transition-delay:1.4s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(13){transition-delay:1.5s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(14){transition-delay:1.6s} .abdoutech-slider__item.swiper-slide-active .abdoutech-slider__content > *:nth-child(15){transition-delay:1.7s} .abdoutech-slider__img{width:300px;flex-shrink:0;height:300px;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);box-shadow:4px 13px 30px 1px rgba(252,56,56,0.2);border-radius:20px;transform:translateX(80px);overflow:hidden} .abdoutech-slider__img:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);border-radius:20px;opacity:0.8} .abdoutech-slider__img img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;border-radius:20px;transition:all .3s} @media screen and (max-width:768px){.abdoutech-slider__img{transform:translateY(-50%);width:90%}} @media screen and (max-width:576px){.abdoutech-slider__img{width:95%}} @media screen and (max-height:500px) and (min-width:992px){.abdoutech-slider__img{height:270px}} .abdoutech-slider__content{padding-left:29px;text-align:right;} @media screen and (max-width:768px){.abdoutech-slider__content{margin-top:-80px;text-align:center;padding:0 30px}} @media screen and (max-width:576px){.abdoutech-slider__content{padding:0}} .abdoutech-slider__content > *{opacity:0;transform:translateY(25px);transition:all .4s} .abdoutech-slider__code{color:#7b7992;margin-bottom:15px;display:block;font-weight:500;font-size:13px;font-family:inherit;} .abdoutech-slider__title{font-size:24px;font-weight:700;color:#0d0925;margin-bottom:20px} .abdoutech-slider__text{color:#4e4a67;margin-bottom:30px;line-height:1.5em} .abdoutech-slider__button{ display:inline-flex;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);padding:15px 35px;border-radius:50px;color:#fff;box-shadow:0 14px 80px rgba(252,56,56,0.4);text-decoration:none;font-weight:500;justify-content:center;text-align:center;letter-spacing:1px;float:right;margin-right:3%;} @media screen and (max-width:576px){.abdoutech-slider__button{width:100%}} .abdoutech-slider .swiper-container-horizontal > .swiper-pagination-bullets,.abdoutech-slider .swiper-pagination-custom,.abdoutech-slider .swiper-pagination-fraction{bottom:10px;right:0;width:100%} .abdoutech-slider__pagination{position:absolute;z-index:21;left:12px!important;width:11px!important;text-align:center;right:auto!important;top:50%;bottom:auto!important;transform:translateY(-50%)} @media screen and (max-width:768px){.abdoutech-slider__pagination{transform:translateX(50%);right:50%!important;top:205px;width:100%!important;display:flex;justify-content:center;align-items:center}} .abdoutech-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:8px 0} @media screen and (max-width:768px){.abdoutech-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px!important}} .abdoutech-slider__pagination .swiper-pagination-bullet{margin: 3px 0 !important;width:11px;height:11px;display:block;border-radius:10px;background:#062744;opacity:0.2;transition:all .3s} .abdoutech-slider__pagination .swiper-pagination-bullet-active{opacity:1;background:#fd3838;height:21px;box-shadow:0 0 20px rgba(252,56,56,0.3)} @media screen and (max-width:768px){.abdoutech-slider__pagination .swiper-pagination-bullet-active{height:11px;width:30px}} </style> </b:if>

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

<b:if cond='data:view.isHomepage'><script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js'/><script src='https://rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/slider-v8.js'/></b:if>

• الان ضع الكود التالي في المكان الذي تريد ضهور فيه السلايدر

<div class="abdoutech-slider" expr:data-blog='data:blog.homepageUrl'/>

الى هنا نصل الى نهاية الشرح لا تنسى الاشتراك في المدونة لكي تتوصل بكل جديد

seif ahmed September 05, 2018 0 تعليق

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

شرح اليوم على اضافة سيرفرات بث او لعرض حلقات او افلام + روابط التحميل + سكربت يعرض الحلقات بشكل إحترافي

شرح اليوم ب الفيديو لذا قم بتحميل الاكواد عبر رابط التحميل اسفل الموضوع و اتبع الشرح ب الفيديو

معاينةتحميل الملف

seif ahmed September 01, 2018 0 تعليق

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي اضافة اليوم هيا عبارة عن شريط اخبار يعرض اخر التدوينات على مدونات بلوجر بطريقة إحترافية 

الاكواد تمتاز بأخر  الاكواد البرمجية الحصرية 

معاينة

شرح التركيب

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

<b:tag name='style' type='text/css'><b:if cond='data:view.isMultipleItems'>.clearfix:after,.clearfix:before,.container:after,.container:before{display:table;content:" "} .container{position:relative} @media (min-width:1200px){.container{width:1170px}} @media (min-width:992px){.container{width:970px}} @media (min-width:768px){.container{width:750px}} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.container{width:750px}} @media (min-width:992px){.container{width:970px}} @media (min-width:1200px){.container{width:1170px}}#breakingnews{background-color:#003350;bottom:0;height:50px;position:fixed;right:0;width:100%;z-index:9999} #breakingnews .title{background-color:#d60f0a;float:right;height:65px;line-height:65px;position:relative;text-align:center;top:-15px;width:4%} #breakingnews .title img{height:40px;width:40px;margin-top: 14px} #breakingnews .title::after{border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #cc0500 transparent;_border-color:#000000 #000000 #cc0500 #000000;_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');content:"";display:inline-block;height:0;left:-15px;line-height:0;position:absolute;top:0;width:0} .marquee{direction:ltr;float:right;height:50px;overflow:hidden;width:96%} #breakingnews .marquee .js-marquee ul li{direction:rtl;display:inline-block;float:right;font-size:18px;line-height:50px;margin:0 0 0 35px;padding:0 0 0 35px;position:relative} #breakingnews .marquee .js-marquee ul li::before{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUgWRuus3JcHNJgCBJ0XtJqPpOXMQ9g9Va79gX41Grz56_DMCUHso6a1xdpb3sRLG7g4NJyWMORxR4kFf84MldHrbtIJQw-1xY06oishecGmnjg2kcB4wQcsG95u-jXWgumtNwhH81HQ/s1600/small-logo.png");background-size:35px 35px;content:"";display:inline-block;height:35px;left:-35px;line-height:35px;margin:0 15px;position:absolute;top:5px;width:35px} #breakingnews .marquee .js-marquee ul li a{color:#fff} #breakingnews .marquee .js-marquee ul li a:hover{color:#e01914} #breakingnews button.closebtn{background-color:#df0303;border:medium none;border-radius:3px;color:#fff;float:left;font-family:play;font-size:20px;height:30px;left:5px;line-height:30px;padding:0;position:absolute;text-align:center;top:10px;width:30px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} #breakingnews button.closebtn:hover{background-color:#d00000} </b:if></b:tag>

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

تحميل الملف

• الان لتغيير الوجو الخاص بي إبحث على رابط  الصورة هذا من هنا  وغيره بصورة التي تريدها انت

الان إحفظ القالب ومبروك عليك الاضافة لاتنسى الاشتراك في المدونة لكي تتوصل بكل ما هوا جديد

seif ahmed August 23, 2018 0 تعليق