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

Admin Amer لا يوجد تعليق ادسنس اضافات بلوجر بلوجر سكربت أغسطس 10, 2019

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

Admin Amer

أغسطس 10, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

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

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

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

<b:if cond='data:view.isPost'><style type="text/css">/*<![CDATA[*/ /*===================================== = Page Navigation =====================================*/ div#pager-body-out br:first-of-type{display:none} #pager-body-out a:hover{text-decoration:underline} #pager-body-out a{color:#2c82c9} .page-navigation{position:relative;clear:both;overflow:hidden;margin-top:15px;padding:25px} #pager-page-number{padding-top:5px} #pager-prev{float:right;border-radius:0 5px 5px 0} #pager-next,#pager-prev{background:#fff;display:inline-block;cursor:pointer;margin:3px!important;-webkit-box-shadow:0 1px 3px 1px rgba(60,64,67,0.15),0 1px 2px 0 rgba(60,64,67,0.3);box-shadow:0 1px 3px 1px rgba(60,64,67,0.15),0 1px 2px 0 rgba(60,64,67,0.3);border-radius:50px} .pager-next-prev a{display:block} #pager-prev span:nth-child(1){float:left;font-size:15px;line-height:36px;position:relative;padding:4px 25px 2px 15px} #pager-prev span:nth-child(1):before{top:0;right:-11px;content:"\f105";font-family:fontawesome;background-color:#0c37de;color:#ffffff;padding:8px 0;width:25px;height:25px;line-height:11px;display:inline-block;border-radius:100px;text-align:center;font-size:14px;position:relative;transition:all 0.3s ease;margin-left:4px} #pager-next span:nth-child(1):before{top:0;left:-81px;content:"\f104";font-family:fontawesome;background-color:#0c37de;color:#ffffff;padding:8px 0;width:25px;height:25px;line-height:11px;display:inline-block;border-radius:100px;text-align:center;font-size:14px;position:relative;transition:all 0.3s ease;margin-left:4px} .pager-next-prev span{font-size:30px;color:#585858} #pager-prev span:nth-child(2){float:right;line-height:45px} #pager-next{float:left;margin:0} #pager-next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:3px 0 3px 52px;position:relative} #pager-next span:nth-child(2){float:left;line-height:45px} #pager-page-number{text-align:center;color:#ffffff;font-size:17px;line-height:30px;display:block;margin:0 auto;width:43px;height:42px;background:#0c37de;border-radius:50px;border:1px solid #ddd} #pager-next:hover,#pager-prev:hover{background:#0c37de} #pager-next span,#pager-prev span{color:#0c37de} #pager-next:hover span,#pager-prev:hover span,#pager-next:hover span:before,#pager-prev:hover span:before{color:#fff} #pager-next,#pager-prev{transition:all 0.3s} #pager-next:hover span:before,#pager-prev:hover span:before{background:#fff;color:#0c37de} /*]]>*/ </style></b:if>

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

تحميل من فايل ابلودتحميل من فور افرتحميل من ميديا فاير

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

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

<b:if cond='data:view.isPost'><div class='content-post' id='pager-body-out'/><div class='page-navigation' style="display:none"><div class='pager-next-prev' id='pager-prev'><a><span>السابق </span><span class='siki-prev'/></a></div><div class='pager-next-prev' id='pager-next'><a><span>التالي </span><span class='siki-next'/></a></div><div id='pager-page-number'/></div></b:if>


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

مثال على تقسيم صفحات لمدونات بلوجر

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

كيفية عمل وضع ليلي لمدونات بلوجر او اي استضافة ويتم تسجيله في كوكيز المتصفح Dark Mode كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر سكربت CSS أغسطس 09, 2019

كيفية عمل وضع ليلي لمدونات بلوجر او اي استضافة ويتم تسجيله في كوكيز المتصفح Dark Mode كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

أغسطس 09, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

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

• الكود التالي خاص ب الزر الذي يضغط عليه ويمكنك وضعه في اي مكان تريد ضهوره

<div class="switch-mode"><div id="switch-mode"><div class="switch-button"><span></span></div></div></div>

• و الكود التالي هوا كود الجافا سكريبت يمكنك تحميله من هنا او من هنا او من هنا [ رفعته لكي لا يتم تخريب الاكواد في الموضوع ]
• تضع الكود فوق ال 

• الان نتجه الى الجزء المتعب و الذي يحتاج الى إجتهاد فردي 
• ضع هذه الاكواد فوق ال 

<style type="text/css">/*<![CDATA[*/ /*===================================== = button Dark Mode =====================================*/ .switch-mode{display:inline-block;margin:0 0 0 10px;background:transparent;min-width:180px;height:64px;line-height:64px;padding:0 15px;position:relative} .switch-mode #switch-mode{display:inline-block;width:40px;height:6px;background:#1a1c25;border-radius:3px;position:relative;top:1.5px;cursor:pointer} .switch-mode #switch-mode .switch-button{width:14px;height:14px;display:block;background:#eb1111;position:absolute;top:-5px;left:0;border-radius:100%} .switch-mode #switch-mode.active .switch-button{background:#0ca71b;left:auto;right:0} /*===================================== = body Dark Mode == ضع اكواد التنسيق اسفل التعليق هذا =====================================*/ /*]]>*/ </style>

• الجزء الاول من الكود الذي تعليقه button Dark Mode ذالك شكل الزر الذي وضعت اكواده في اول الشرح يعني يمكنك تغيير شكل حتى يتناسب مع شكل مدونتك
• و خصصت جزى في الكود اسم تعليقه body Dark Mode ذالك تضع عليه اكواد ال css  الجديدة التي تحتوي على الوان ال Dark Mode سوف اعطيك مثال على كيفية اضافة ستايل خاص للوضع اليلي 

مثال

• لدينا عنوان مقال class او id الخاص به title-post ويكون  في اكواد css  الخاصة به في الوضع العادي لون الخط اسود او اي لون اخر وانتا تريد تغيير لونه عندا الوضع اليلي فعليك سوف عمل هكذا

/* هذه في الوضع العادي*/ .title-post{ color: #000; } /* هذه في الوضع اليلي*/ .body.dark-mode .title-post{ color: silver; }


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

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

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

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

اضافة مواضيع ذات صلة اسفل التدوبنة لبلوجر الشكل السادس كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر سكربت أغسطس 08, 2019

اضافة مواضيع ذات صلة اسفل التدوبنة لبلوجر الشكل السادس كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

أغسطس 08, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

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

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

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

<b:if cond='data:view.isPost'><link defer='defer' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css' rel='stylesheet'/><style type="text/css">/*<![CDATA[*/ /*===================================== = title =====================================*/ .widget-title{margin:0 0 15px;font-size:16px;line-height:20px;position:relative;margin-bottom:23px} .widget-title:before{top:inherit;bottom:0;height:3px;margin-top:0;background-color:#1e55a3;content:'';display:inline-block;position:absolute;left:0;width:100%} .widget-title span{padding:0 15px;position:relative;color:#fff;font-weight:400;line-height:28.8px;font-size:18px;text-transform:capitalize;background-color:#1e55a3;letter-spacing:-0.49px;display:inline-block;-webkit-transition:.35s cubic-bezier(.39,.58,.57,1) 0s;-moz-transition:.35s cubic-bezier(.39,.58,.57,1) 0s;-o-transition:.35s cubic-bezier(.39,.58,.57,1) 0s;transition:.35s cubic-bezier(.39,.58,.57,1) 0s;z-index:1} .widget-title span:before{border-bottom-color:#1e55a3;background:#fff;content:'';display:inline-block;position:absolute;top:0;width:0;height:0;border-bottom:30px solid #1e55a3;border-right:20px solid transparent;z-index:1;right:-20px;background-color:transparent!important} .widget-title span:after{content:'';display:inline-block;position:absolute;top:0;width:0;height:0;border-bottom:30px solid #000;border-right:20px solid transparent;z-index:1;right:-20px;background-color:transparent!important;border-bottom-color:rgba(255,255,255,.43);z-index:2;-webkir-box-shadow:-2px 2px 2px rgba(0,0,0,.1);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.1);box-shadow:-2px 2px 2px rgba(0,0,0,.1)} /*===================================== = slider =====================================*/ .related-items .post{width:31.3333%;height:253px;float:right;margin:5px 3px;overflow:hidden} .related-items{overflow:hidden;padding:5px} .related-items .post .post-thumbnail{margin-bottom:10px;line-height:0;position:relative;height:188px} .related-items .post .post-thumbnail .postCategory{position:absolute;top:0;right:0;z-index:1;line-height:0;font-size:0} .related-items .post .post-thumbnail .postCategory a{padding:4px 9px;background:#1e55a3;color:#fff;margin-bottom:3px;font-weight:400;font-size:11px;text-transform:uppercase;display:inline-block;line-height:1.7;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top} .related-items .post .post-thumbnail img{width:100%;height:100%} .related-items .post .title{font-size:15px;line-height:1.4;text-align:inherit;text-transform:none;color:#020202;letter-spacing:-0.3px;font-weight:600} .related-items .post .title span{font-weight:600} .related-items .owl-item .post{width:auto;height:auto;float:none} .related-items .owl-nav div{opacity:0;transition:all .3s ease-in-out;top:33%;padding:0;background:#1e55a3;width:35px;height:35px;position:absolute;text-align:center;color:#ffffff} .related-items .owl-nav .owl-next{right:5px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px} .related-items .owl-nav .owl-prev{left:4px;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0} .related-items .owl-nav .owl-next:before,.related-items .owl-nav .owl-prev:before{font-family:FontAwesome;display:block;line-height:35px;font-size:30px} .related-items .owl-nav .owl-next:before{content:"\f105"} .related-items .owl-nav .owl-prev:before{content:"\f104"} .related-items:hover .owl-nav div{opacity:1;transition:all .3s ease-in-out} /*]]>*/ </style></b:if>

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

تحميل من فايل ابلودتحميل من فور افرتحميل من ميديا فاير

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

<b:if cond='data:view.isPost'><div class='box' id='related-slider'><div class='widget-title'><span>مواضيع ذات صلة</span></div><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'><div class='related-posts' data-num='8' expr:data-qism='data:label.name' type='slider'/></b:if></b:loop></div></b:if>

• تعديلات بسيطة

• لزيادة عدد المواضيع غيير هذا 

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

Admin Amer لا يوجد تعليق اختصار الروابط اضافات بلوجر بلوجر سكربت أغسطس 07, 2019

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

Admin Amer

أغسطس 07, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

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

• شرح التركيب

•  تفتح صفحة جديدة وتضع الكود التالي عليها 

تحميل من فايل ابلودتحميل من فور افرتحميل من ميديا فاير

• الان لديك تعديل بسيط فقط وهوا الذهاب الى هذا الموقع للحصول على مفتاح خاص بموقعك للكابتشا

رابط الموقع من هنا

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

• عندا حصولك على مفتاح موقعك ضعه على الكود الذي حملته من قبل
• تحديدا هنا data-key
• لتغيير عداد التحميل غيير data-wait="15"
• لإيقاف حذف المسار اجعل data-path="true" الى data-path="false"
• اذا اردت حذف الكابتشا نهائيا احذف من الكود هذا الجزى data-key=""  حتى يصبح الكود هكذا

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

إضافة نموذج توظيف لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر سكربت يوليو 24, 2019

إضافة نموذج توظيف لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

يوليو 24, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

اقدم لكم اليوم اضافة توظيف احترافية وتعمل 100%  بطريقة سهلة 

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


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

صورة لشكل نموذج التوظيف لمدونات بلوجر

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

• التركيب سهل جدا 

1. افتح صفحة جديد لنموذج التوظيف
2. ثم حمل هذه الاكواد وانسخها كلها وضعها في الصفحة  تحميل من هنا
3. الان بعد التحميل وتركيب الاكواد في الصفحة غيير معرف المدونة التي مع الاكواد 4827076580675305449
4. وغيير ايضا رابط هذا q-tech-template.blogspot.com الى رابط مدونتك لاكن يجب اضافة الرابط بدون www. كما في الكود الذي حملته بضبط يعني لو لم تعمل الاضافة فيوجد خطأ في تركيبك للإضافة

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

صورة لشكل الرسالة التي تصل الى البريد الإلكتروني

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

سلايد شو لمدونات بلوجر يعرض اكثر من قسم - سلايد شو رقم 13 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر سكربت سلايد شو سلايدر شو يونيو 21, 2019

سلايد شو لمدونات بلوجر يعرض اكثر من قسم - سلايد شو رقم 13 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

يونيو 21, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

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

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

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

<b:if cond='data:view.isHomepage'><link defer='defer' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css' rel='stylesheet'/><style type="text/css">/*<![CDATA[*/ /*===================================== = slider =====================================*/ .sliders{display:none} .slider-card{direction:ltr;height:503px;position:relative;overflow:hidden;padding-top:25px;background:-webkit-linear-gradient(#2c2d2c,#131514);background:linear-gradient(#2c2d2c,#131514)} .backImage{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;filter:blur(0)} .slider-card .QualitySpan{text-align:center;color:#323232;position:absolute;right:10px;top:10px;background:#fff;font-size:14px;padding:4px 8px;border-radius:4px;font-weight:700;border:0;font-family:font,neo;box-shadow:0 0 5px rgba(0,0,0,.5490196078431373)} .slider-card>span.nextslider-card{-webkit-transform:translate(-80px,0);transform:translate(-80px,0);position:absolute;-webkit-transition:.3s all ease;transition:.3s all ease;width:60px;height:60px;border-radius:15px;top:50%;left:20px;background:#262626;margin-top:-30px;z-index:10;box-shadow:0 1px 16px rgba(0,0,0,.47);line-height:54px;text-align:center;color:#fafafa;cursor:pointer;padding-top:5px;font-size:35px;padding-right:8px} .slider-card>span.prevslider-card{-webkit-transform:translate(80px,0);transform:translate(80px,0);position:absolute;-webkit-transition:.3s all ease;transition:.3s all ease;width:60px;border-radius:15px;height:60px;top:50%;right:20px;box-shadow:0 1px 16px rgba(0,0,0,.47);background:#262626;margin-top:-30px;z-index:10;padding-top:5px;line-height:53px;cursor:pointer;text-align:center;color:white;font-size:31px;padding-right:0;padding-left:2px} .slider-card:hover>span{-webkit-transform:translate(0);transform:translate(0)} .slider-card li .container{height:500px;position:relative;width:1200px;margin:0 auto} .bottomBarDetails>.social-shares{float:right;color:#ddd;font-weight:700;font-size:12px;left:initial;margin-left:8px;position:static;border-top:0;padding-top:0;margin-top:0} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .slider-card .owl-item{overflow:hidden} .owl-item .imdbSpan{-webkit-transition:.3s all ease;transition:.3s all ease;position:absolute;top:42px;left:10px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.43);background:#efaf22;z-index:100;font-weight:700;font-size:17px;color:#2f2f2f;padding:5px 10px 6px;font-family:neo} .slider-card li{list-style:none;padding-top:10px;height:590px;position:relative;z-index:1;-webkit-transition:.1s all linear;transition:.1s all linear;background-repeat:no-repeat;background-size:100%;background-position:0% 25%} .slider-card li a:nth-child(5){display:none} .slider-card li:before{content:'';position:absolute;top:-10%;left:-10%;z-index:-2;width:120%;opacity:.3;-webkit-filter:blur(3px);height:120%;background-size:100%;background-position:center} .coverSlider{height:100%;overflow:hidden;background-position:top center;background-size:cover;position:relative;-webkit-transition:.3s all ease;transition:.3s all cubic-bezier(.56,.28,.34,1.34)} .slider-card li a .coverSlider:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.84));background:linear-gradient(transparent,rgba(0,0,0,.84));-webkit-transition:.4s .1s all ease;transition:.4s .1s all ease;opacity:0;-webkit-transform:translate(0,150px);transform:translate(0,150px)} .titleSmalled{position:absolute;bottom:0;right:0;width:100%;font-size:19px;-webkit-transform:translate(0,0%);transform:translate(0,0%);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.84));background:linear-gradient(transparent,rgba(0,0,0,.84));font-weight:700;padding:30px 15px 10px;color:white;-webkit-transition:.3s all ease;transition:.3s all cubic-bezier(.56,.28,.34,1.34)} .slider-card li a:hover .titleSmalled{-webkit-transform:translateY(-29px);transform:translateY(-29px)} .YearSpan{position:absolute;top:10px;left:10px;background:rgba(33,33,33,.88);border-radius:4px;padding:3px 6px 2px;font-weight:700;color:white;z-index:10;font-family:neo;font-size:13px} .YearSpan i{margin-left:3px} .posterSlider{width:90px;height:110px;border:3px solid #f3f3f3;box-shadow:0 1px 3px rgba(0,0,0,.37);position:absolute;top:195px;right:12px;-webkit-transform:translate(110px,0);transform:translate(110px,0)} .slider-card li a:hover .posterSlider{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.4s .2s all ease;transition:.4s .2s all cubic-bezier(.56,.28,.34,1.34)} .slider-card li a img{width:100%;height:100%} .detailsDesc{height:113px;background:-webkit-linear-gradient(rgb(0,0,0),rgba(0,0,0,.54));background:linear-gradient(rgb(0,0,0),rgba(0,0,0,.54));border-top:2px solid rgb(2,2,2);padding:15px 23px;font-size:15px;font-weight:700;color:#efefef} .bottomBarDetails{position:absolute;top:9px;right:9px} .bottomBarDetails>div>div{background:rgba(255,255,255,.7607843137254902);margin-bottom:4px;padding:4px 8px;border-radius:7px;font-size:13px;color:#000;font-weight:700;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;-o-transition:.4s all ease;transition:.4s all ease;-webkit-transform:scale(0);transform:scale(0)} .bottomBarDetails>div>div:nth-child(1){transition-delay:.1s} .bottomBarDetails>div>div:nth-child(2){transition-delay:.2s} .bottomBarDetails>div>div:nth-child(3){transition-delay:.3s} .bottomBarDetails>div>div:nth-child(4){transition-delay:.4s} a.box:hover .bottomBarDetails>div>div{transform:scale(1)} .bottomBarDetails>div>div i{margin-left:4px} .slider-card li a{right:0;box-shadow:0 1px 6px rgba(0,0,0,.54);height:433px;overflow:hidden;text-align:right;direction:rtl;display:inline-block;position:relative;width:24.1%;width:calc(25% - 10px);float:right;margin-right:5px;margin-left:5px;border:3px solid #fff} .slider-card li a:hover .coverSlider{height:316px} .slider-card li a:hover .titleHovered{-webkit-transform:translateY(-120px);transform:translateY(-120px);-webkit-transition:.4s .2s all ease;transition:.4s .2s all cubic-bezier(.56,.28,.34,1.34)} .slider-card li a:hover .coverSlider:after{opacity:1;-webkit-transform:translate(0);transform:translate(0)} .slider-card li a:hover .bottomBarDetails{-webkit-transform:scale(1);transform:scale(1)} @media (max-width:1199px){.slider-card{height:initial;padding-bottom:10px}.slider-card li .container{width:100%;height:initial}.slider-card li{height:initial}.slider-card li a{width:24%;width:calc(25% - 10px);height:293px}.posterSlider{display:none}.titleSmalled{font-size:15px}.slider-card li a:hover .titleSmalled{-webkit-transform:translateY(0);transform:translateY(0)}} @media (max-width:767px){.slider-card li a{width:48%;width:calc(50% - 10px);margin-bottom:10px}} @media (max-width:399px){.slider-card li a{height:200px}} /*]]>*/ </style></b:if>

• ثانيا ابحث في القالب على   وضع هذا الكود فوقه
• تحميل الكود من هنا

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

<b:section class='sliders' id='slider' cond='data:view.isHomepage'> <b:widget id='TextList2' locked='false' title='اقسام الموقع' type='TextList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='shownum'/> <b:widget-setting name='item-6'>حيوانات</b:widget-setting> <b:widget-setting name='item-5'>قهوة</b:widget-setting> <b:widget-setting name='item-4'>رسوم</b:widget-setting> <b:widget-setting name='item-3'>عقل</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='item-2'>ألوان</b:widget-setting> <b:widget-setting name='item-1'>ابداع</b:widget-setting> <b:widget-setting name='item-0'>فنون</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/></b:includable> <b:includable id='content'><div class='slider-card'> <div class='backImage' style='background-image: url()'/> <span class='nextslider-card'><i class='fa fa-chevron-left'/></span> <span class='prevslider-card'><i class='fa fa-chevron-right'/></span> <b:tag class='slides owl-carousel owl-theme wow' data-wow-duration='1s' name='div'> <b:loop values='data:items' var='item2'><b:tag expr:data-qism='data:item2' id='slide-1Cover' name='li'/></b:loop></b:tag> </div></b:includable> </b:widget></b:section>


الان احفظ و إذهب الى التخطيط واضف التسميات التي تريد ضهور لها مواضيع

تركيب لوحة تفعيل قوالب بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تفعيل حماية سكربت يونيو 18, 2019

تركيب لوحة تفعيل قوالب بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

يونيو 18, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

شرح اليوم بفيديو جميع الروابط تجدها اسفل الموضوع

• الكود الاول للوحة التحكم تفتح له صفحة على مدونة اخرا وتضع الكود التالي عليها

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

• الكود الثاني الذي تضعه على المدونة مثل الفيديو 

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

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