قالب اكسبيرت جيمر Abdou Gamer v2 - قالب لعرض الالعاب و عمل المراجعات على بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق بلوجر قوالب قوالب بلوجر فبراير 07, 2020

قالب اكسبيرت جيمر Abdou Gamer v2 - قالب لعرض الالعاب و عمل المراجعات على بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

فبراير 07, 2020

0 تعليقات

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

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

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

اقدم لكم اليوم قالب بلوجر اكسبيرت جيمر بنسخته الثانية هوا قالب لمدونات بلوجر خاص ب الالعاب و المراجعات و اخبار الألعاب

القالب سهل الاستعمال و لديه العديد من المميزات الجميلة و الخفيفة

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

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

تعديلات على القالب

1. لاضافة الايقونات في القائمة او في عناوين الاضافات عليك سوى اضافة اسم الايقونة امام العنوان مثال :  تجربة/fa fa-home
2. للحصول على الايقوان من هذا الموقع من هنا
3. مع الملف القالب ستجد ملف مكتوب عليه كود التقييم عدل عليه وضع في اي موضوع للمراجعات
4. ملف صفحة اتصل بنا انسخ اكواده وافتح صفحة وضعه مع التعديل على رابط المدونة و تغيير معرف المدونة هذا 55316786663129171 ب الخاص بك

معاينة تحميل القالب

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

Admin Amer لا يوجد تعليق بلوجر قوالب قوالب بلوجر أكتوبر 01, 2019

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

Admin Amer

أكتوبر 01, 2019

0 تعليقات

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

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

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

اقدم لكم قالب سمبل بلوق هوا قالب متعدد الاستعمالات وبسيط جدا وسريع وسهل التعديل عليه

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

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

 تعديلات

• تعديل صغير فقط ستجده في التخطيط author-info هذه الاضافة خاصة بمدونين المدونة 

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

واذا اردت اضافة مشرف اخر اضغط على إضافة اداة

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

معاينة تحميل القالب

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

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 تعليقات

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

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

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

قالب انيمينيا من افضل قوالب لعرض الانمي حيث يمتاز إستخدامه حيث لديك دليل قالب كامل يعلمك كيف التعامل معه 

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

1. سريع التحميل
2. صفحات عرض [صفحة اخبار , صفحة عرض الانمي , صفحة عرض حلقات , صفحة عرض مانجا , صفحة قراءة المانجا]
3. شكل مخصص لكل نوع من منشور [انمي افلام , حلقات , انمي سلسلة,اخبار]
4. قائمة منسدلة
5. صفحة تحميل الحلقات ذكية
6. صفحة مواعيد حلقات
7. لوحة توليد اكواد الموضوع حسب نوع المنشور

صور للقالب 

صفحة الرئيسية من قالب انيمينيا

صفحة عرض الانمي من قالب انيمينيا

صورة لعرض الحلقة من قالب انيمينيا

صورة لعرض المانجا من  قالب انيمينيا

صورة لعرض الفصول من قالب انيمينيا

معاينة

سعر القالب 5$ فقط  يمكنك مراسلتي من هنا

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

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=""  حتى يصبح الكود هكذا

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