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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر مشاركة الشائعة أكتوبر 17, 2017

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

Admin Amer

أكتوبر 17, 2017

0 تعليقات

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

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

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

معاينة




نبدأ بشرح على بركة الله

1. إبحث على  وضع هذا فوقه

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><style type='text/css'>/* مشاركة شائعة */ #indexpopular ul li:hover .item-title a{color:#07ACEC!important}#indexpopular ul{margin:0;padding:0}#indexpopular ul li{width:150px;float:left;height:150px;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);padding:10px!important;margin-right:10px;margin-bottom:15px}#indexpopular .item-thumbnail{margin:0}#indexpopular img{width:180px;height:100px}#indexpopular .item-title{text-align:center;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;overflow:hidden}#indexpopular h2{text-align:center;background:#07acec;color:#fff;font-family:'Roboto',sans-serif;width:200px;padding:10px;margin:10px auto;text-transform:uppercase;border-radius:3px;font-size:15px} </style></b:if></b:if>

1. الان ضع هذا فوق الفوتر 

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><b:section class='indexpopular' id='indexpopular' maxwidgets='1' showaddelement='yes'> <b:widget id='PopularPosts16' locked='false' title='مشاركة الشائعة' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>6</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>false</b:widget-setting> <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'><li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div></b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 170, "1:1") : data:post.thumbnail' var='image'> <img alt='Popular Posts' border='0' expr:src='data:image'/> </b:with> </a> </div></b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div></b:if> </div><div class='clear'/> </b:if> </li></b:loop> </ul></div></b:includable> </b:widget></b:section><div class='clear'/></b:if></b:if>






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

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر أكتوبر 13, 2017

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

Admin Amer

أكتوبر 13, 2017

0 تعليقات

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

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

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

معاينة




طريقة التركيب سهلة ابحث على  وضع هذا الكود فوقه

/*===================================== = Social Box =====================================*/ .social-box{float:left;width:100%;display:inline-flex} .instagram{background:rgb(217,45,119);background:-moz-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-webkit-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-o-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-ms-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:linear-gradient(120deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%)} .facebook{background:#4267b2} .youtube{background:#e52d27;/* fallback for old browsers */ background:-webkit-linear-gradient(to bottom,#b31217,#e52d27);/* Chrome 10-25,Safari 5.1-6 */ background:linear-gradient(to bottom,#b31217,#e52d27);/* W3C,IE 10+/ Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+ */} .instagram,.facebook,.youtube{width:100%;height:175px} .instagram a i,.facebook a i,.youtube a i:hover{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease} .instagram a,.facebook a,.youtube a{display:block;text-decoration:none;font-size:17px;padding:50px 0 35px 0;text-align:center;width:68%;margin:auto} .instagram a i,.facebook a i,.youtube a i{display:block;font-size:2em;padding:15px;background-color:#fff;border-radius:10px;width:68px;text-align:center;margin:0 auto;margin-bottom:20px;border:solid 3px #fff;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg)} .instagram a i{color:#ea4f49;transition:all 0.5s ease} .facebook a i{color:#4267b2;transition:all 0.5s ease} .youtube a i{color:#d23b40;transition:all 0.5s ease} .instagram:hover i,.facebook:hover i,.youtube:hover i{color:#fff;border-radius:50px;background-color:transparent;margin-bottom:15px;-webkit-transform:rotate(-0deg);-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);transform:rotate(-0deg)} @media screen and (max-width:340px){.social-box{display:block}.instagram a,.facebook a,.youtube a{padding:25px 0 10px 0}.instagram,.facebook,.youtube{height:125px}} body#layout .social-box{display:none}





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

<div class='social-box'><div class='instagram'><a class='wow slideInUp' href='https://www.instagram.com/'><i class='fa fa-instagram'></i></a></div><div class='facebook'><a class='wow slideInUp' href='https://www.facebook.com/'><i class='fa fa-facebook'></i></a></div><div class='youtube'><a class='wow slideInUp' href='https://www.youtube.com/'><i class='fa fa-youtube'></i></a></div></div>

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر أكتوبر 11, 2017

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

Admin Amer

أكتوبر 11, 2017

0 تعليقات

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

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

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

معاينة

1. التركيب سهل عليك الذهاب الى التخطيط وفتح اضافة HTML/JAVA SCRIPT وضع هذا الكود و احفظ

<div class="social-counter"> <a class="count facebook" href="#"> <div class="icon"><i class="fa fa-facebook"></i></div><p><span>34.2k</span>متابع</p><p class="action-btn">لايك الان</p></a> <!-- TWITTER --> <a class="count twitter" href="#"> <div class="icon"><i class="fa fa-twitter"></i></div><p><span>28.6k</span> متابعين</p><p class="action-btn">تابع الان</p></a> <!-- YOUTUBE --> <a class="count youtube" href="#"> <div class="icon"><i class="fa fa-youtube"></i></div><p><span>8.6k</span> مشترك</p><p class="action-btn">إشترك الان</p></a> <!-- GOOGLE PLUS --> <a class="count google-plus" href="#"> <div class="icon"><i class="fa fa-google-plus"></i></div><p><span>17.3k</span> متابع</p><p class="action-btn">+1</p></a> <!-- INSTAGRAM --> </div><style>.social-counter{ padding: 0; display: block; } .count{ display: block; padding: 7px 0; text-align: left; transition: all 0.5s ease; } .count:hover{ background: rgba(0,0,0,0.033); transform: scale(1.065); } .count .icon{ background: #aaa; display: inline-block; float: left; color: white; font-size: 22px; margin-left: 5px; text-align: center; width: 45px; height: 45px; border-radius: 50%; text-shadow: 0 0 3px rgba(0,0,0,0.2); display: table; } .count .icon i{ display: table-cell; vertical-align: middle; } .count p{ display: inline-block; font-size: 13px; color: #888; margin: 11px; } .count p span{ color: black; font-size: 18px; font-weight: bold; padding-right: 2px; } .count .action-btn{ float: right; display: inline-block; background: #aaa; color: white; padding: 3px 6px; border-radius: 3px; font-size: 14px; margin: 11px; } /*== COLORS ==*/ .facebook .icon{background:#3b5999;} .facebook .action-btn{background:#3b5999;} .facebook .icon i{padding-top:2px;} .twitter .icon{background:#55acee;} .twitter .action-btn{background:#55acee;} .twitter .icon i{padding-top:2px;} .youtube .icon{background:#cd201f;} .youtube .action-btn{background:#cd201f;} .youtube .icon i{font-size:24px} .google-plus .icon{background:#dd4b39;} .google-plus .action-btn{background:#dd4b39;} .google-plus .icon i{font-size: 18px; padding-top: 1px;} .instagram .icon{background:#e4405f;} .instagram .action-btn{background:#e4405f;} .rss .icon{background:#f57d00;} .rss .action-btn{background:#f57d00;} .social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5} .social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea} .social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3} .social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d} .social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c} .social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924} .social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700} .social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606} .social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029} .social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f} .social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366} .social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489} .social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85} .social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89} .social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084} .social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418} .behance .icon i{font-size:18px;} .social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877} .social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00} .snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black} .snapchat .action-btn{text-shadow: 0 0 1px black} </style>


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

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر أكتوبر 10, 2017

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

Admin Amer

أكتوبر 10, 2017

0 تعليقات

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

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

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

معاينة
تحميل

قبل تحميل القالب, يجب عليك الموافقة على قوانين المدونة . ايرجى وضع علامة في المربع أدناه لتأكيد موافقتك!
نعم، أقبل الشروط والأحكام

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

Admin Amer لا يوجد تعليق Blogger BloggerWidgets أكتوبر 09, 2017

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

Admin Amer

أكتوبر 09, 2017

0 تعليقات

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

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

ما هو زر صعود ونزول ؟

زري الصعود و النزول هما زران يعملان في كلا الإتجاهين للإنتقال لأعلى ولأسفل بسهولة وجيزة، بدلاً من تحريك الماوس.

هذه إحدى الطرق لتشجيع المستخدمين على تصفح المزيد من المحتوى الآخر بسهولة.

يلعب زري الصعود و النزول دورًا مهمًا لموقع يحتوي على محتوى به صفحة طويلة.

بالنسبة إلى المواقع التي تحتوي على الكثير من المعلومات على صفحاتها، سيتم تمرير محتوى آخر دون إدراك أنه يتم التمرير إلى أسفل الصفحة.

حسنًا ، بالنسبة لأولئك الذين يرغبون في تثبيت أزرار الصعود والنزول على مدوناتهم، يرجى إتباع الخطوات أدناه :

كيفية تثبيت زر الذهاب صعودا وهبوطا على مدونة

الخطوة الأولى، إفتح إلى بلوجر ⇐ أنقر فوق المظهر ⇐ ثم فوق تحرير HTML

هذا الرمز الذي سأشاركه يستخدم رمز Fontawesome ، إذا لم تتم إضافته. أضف الكود أدناه قبل في محرر النماذج.

بعد إضافة رمز Fontawesome ، يرجى إضافة الرمز أدناه قبل مباشرة

النسخة 1

النسخة 2

 ثم أضف الكودين أدناه قبل

 

 

  وأيضا أضف هذا الكود تحت نفس الوسم 

ثم قم بحفظ جميع التغييرات وسترى النتيجة.

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

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

Admin Amer لا يوجد تعليق بلوجر تهكير قوالب أكتوبر 06, 2017

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

Admin Amer

أكتوبر 06, 2017

0 تعليقات

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

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

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

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

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

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

قبل تحميل القالب, يجب عليك الموافقة على قوانين المدونة . ايرجى وضع علامة في المربع أدناه لتأكيد موافقتك!
نعم، أقبل الشروط والأحكام

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

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

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

Admin Amer

أكتوبر 05, 2017

0 تعليقات

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

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

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

لا تنسى الاشتراك في  المدونة لكي يصلك اخر القوالب و الاضافات

معاينة



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




تعليق تحفيزي إن امكن ❤❤

قبل تحميل القالب, يجب عليك الموافقة على قوانين المدونة . ايرجى وضع علامة في المربع أدناه لتأكيد موافقتك!
نعم، أقبل الشروط والأحكام

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر أكتوبر 04, 2017

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

Admin Amer

أكتوبر 04, 2017

0 تعليقات

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

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

السلام عليكم مرحبا بكم في مدونة الخبير عامر بشير اليوم اقدم لكم اضافة رائعة عبارة عن شريط تنبيه تضع فيه اي جديد حول المدونة ويلفت انتباه الزائر وعندا ضغط على اخفاء الشريط ب علامة X يضهر زر اخر على شكل ↓ يعيد لك الشريط بطريقة سلسة رائعة 

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

الان نتجه لتركيب الاضافة 

1. إبحث على  وضع هذا الكود فوقه

<style>.bar_abdoutech{width: 100%; margin: 0; height: 50px; display: table; font-size: 17px; line-height: 50px; font-weight: 600; -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255); font-family: inherit; border-color: rgb(255, 255, 255); background-color: #3b78e7; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15); text-align: center;} .bar_abdoutech .bar-but{font-size: 17px; font-weight: bold; margin-right: 25px; background: #fff; padding: 5px; color: #fff; background-color: #f2132d; line-height: 1.05; padding: 4px 15px; cursor: pointer; text-decoration: none; border-radius: 3px;} .bar_abdoutech .bar-but a{color:#fff; text-decoration: none;} .bar_abdoutech i { float: right; padding-right: 40px; cursor: pointer; line-height: 50px; } body{margin-top:-49.33px;} body{margin-top:49.33px ;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;} .toggleclose{top:-75px!important;} .togglebody{margin-top:0!important;} .fa-arrow-down { position: fixed; right: 30px; top: -2px; background:#3b78e7; color: #FFFFFF; width: 40px; height: 30px; border-radius: 3px; line-height: 12px!important; padding-top: 10px; padding-right: 0!important; } .bar_abdoutech{z-index:99999;top:0;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;position:fixed} .abdoutech_com { color:#f2132d; margin-left:10px; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @media screen and (max-width:800px) { .bar_abdoutech{display:none;} body { margin-top: 0; } } </style><script>//<![CDATA[ jQuery(document).ready(function(){ jQuery( '.bar_abdoutech i' ).click(function() { jQuery( '.bar_abdoutech' ).toggleClass( 'toggleclose' ); jQuery( 'body' ).toggleClass( 'togglebody' ); jQuery( '.bar_abdoutech i' ).toggleClass( 'fa-times' ); jQuery( '.bar_abdoutech i' ).toggleClass( 'fa-arrow-down' ); }); }); //]]></script>

1. الان إبحث على  وضع هذا تحته

<div class='bar_abdoutech'><span class='abdoutech_com'>مهم!</span>يجب الاشتراك في المدونة لكي يصلك كل جديد من اضافات بلوجر<span class='bar-but'><a href='https://www.blogger.com/follow.g?blogID=3722130491596449320'>من هنا</a></span><i class='fa fa-times'></i></div>

مع تغيير كلمات و الرابط

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

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

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

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

Admin Amer

أكتوبر 02, 2017

0 تعليقات

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

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

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

معاينة تحميل

قبل تحميل القالب, يجب عليك الموافقة على قوانين المدونة . ايرجى وضع علامة في المربع أدناه لتأكيد موافقتك!
نعم، أقبل الشروط والأحكام

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر هواتف أكتوبر 01, 2017

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

Admin Amer

أكتوبر 01, 2017

0 تعليقات

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

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

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

ما عليك سوى وضع هذا الكود 

<!-- Browser Color Bar --><!-- Chrome, Firefox OS and Opera --><meta content='#4285f4' name='theme-color'/><!-- Windows Phone --><meta content='#4285f4' name='msapplication-navbutton-color'/><!-- iOS Safari --><meta content='#4285f4' name='apple-mobile-web-app-status-bar-style'/>



غير هذا الكود #4285f4 اللون الذي تريدهالان احفظ و عاين الاضافة



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

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر محرك بحث سبتمبر 30, 2017

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

Admin Amer

سبتمبر 30, 2017

0 تعليقات

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

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

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

و تحميل الاكواد مع الشرح من هنا او من هنا

ملاحظة :

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

كل الحقوق محفوظة لالخبير عامر بشير ممنوع نسخ الموضوع جزاك الله خيرا

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

1. إضافة زرالمشاهدة أثناء التصفح لبلوجر على فيديوهات التي ترفع على المدونة
2. سلايد يعرض أخر التعليقات في المدونة بشكل خرافي
3. سلايد شو تلقائي احترافى يعرض اخر المواضيع بشكل عشوائى #1
4. سكربت لتحويل فيديوهات يوتويب للـ MP3
5. طريقه تحميل وتركيب قالب المحترف الخبير عامر بشير النسخة الثالث عشر 2017 والتعديل عليه بالكامل
6. تحميل قالب اكسبيرت الثماني النسخة المدفوعة مجانا
7. كيفية وضع اعلان ادسنس فوق واسفل و وسط مواضيع بلوجر و وضع اعلانين بجنب بعض و التحكم 
8. الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف و الاجهزة اللوحية 

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

Admin Amer لا يوجد تعليق 404 اضافات بلوجر بلوجر صفحة خطأ سبتمبر 28, 2017

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

Admin Amer

سبتمبر 28, 2017

0 تعليقات

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

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

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

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

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

الان اولا إبحث على  وضع هذا تحته مباشرة

<b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>



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

<b:if cond='data:blog.pageType == "error_page"'><style type='text/css'> .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer{ display:none; } .error-container .top-bar{height:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-clip:padding-box;border-top:thin solid #eaeae9;border-bottom:thin solid #ddd;background:linear-gradient(#e7e7e6,#e0e0e0)}.error-container .circles{margin:5px 12px}.error-container .circle{height:10px;width:10px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#fdb45c}#maximize-circle{background-color:#1bc656}.errorwrapper{max-width:600px;margin:0 auto;background:#E7E7E7;padding-bottom:70px;border:1px solid #ddd;border-radius:4px}.error-header{margin-top:50px}.error-title{line-height:42px}.error-title span{background:#333;color:#666;padding:30px;font-size:200%;border-radius:100%;}.error-image img{display:block;font-size:72px;font-weight:700;margin:10px auto 40px}.error-container{background:#fafafa;display:table;height:100vh;overflow:hidden;width:100%;}.error404 .anonymous{margin:0 auto 20px;display:block}.error-404{display:table-cell;vertical-align:middle}.error-404 .page-content p{color:#666}.error-title{color:#666;font-size:42px;font-weight:700;text-transform:uppercase;margin:0;text-align:center;line-height:normal;}.search-title{font-size:48px;color:#3f3f46}.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}a.buttonerror {background:#314151;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);color:#fff;font-size:13px;cursor:pointer;margin-right:5px;padding:15px 20px;font-weight:bold;border-radius:4px}#ctforce {position:absolute;right:0;top:-30px;color:transparent}.cpright{opacity:0} </style><span id='ctforce'></span><div class='error-container'><section class='error-404 not-found text-center'><div class='errorwrapper'><div class='top-bar'><div class='circles'><div class='circle' id='close-circle'></div><div class='circle' id='minimize-circle'></div><div class='circle' id='maximize-circle'></div></div></div><header class='error-header'><h1 class='error-title'>خطأ في الرابط</h1></header><div class='page-content'><p>هذه الصفحة ليست موجودة , أو قد تم حذفها من قبل أحد مشرفي المدونة</p></div><br/><center><a class='buttonerror waves-effect waves-light' href='/'>الرجوع للصفحة الرئيسية</a></center></div></section></div></b:if>


ملاحظة في مكان .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer


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

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تعليقات سبتمبر 28, 2017

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

Admin Amer

سبتمبر 28, 2017

0 تعليقات

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

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

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

هذا الكود ضعه تحت ال 

<group description="شكل صندوق كتابة التعليق"> <variable name="body.font" description="Font" type="font" default="normal normal 14px 'changa', sans-serif" value="normal normal 14px 'monospace', sans-serif"/> <variable name="body.text.color" description="Text Color" type="color" default="#222" value="#222222"/><variable name="body.text.font" description="2" type="font" default="$(body.font)" value="normal normal 14px 'monospace', sans-serif"/><variable name="posts.background.color" description="6" type="color" default="#fff" value="#ffffff"/><variable name="body.link.color" description="7" type="color" default="#2196f3" value="#2196f3"/><variable name="body.link.visited.color" description="8" type="color" default="$(body.link.color)" value="#2196f3"/><variable name="body.link.hover.color" description="9" type="color" default="$(body.link.color)" value="#2196f3"/><variable name="blog.title.font" description="10" type="font" default="$(monospace)" value="$(monospace)"/><variable name="blog.title.color" description="11" type="color" default="#fff" value="#ffffff"/><variable name="header.icons.color" description="12" type="color" default="#fff" value="#ffffff"/><variable name="tabs.font" description="13" type="font" family="$(body.font.family)" size="$(body.font.size)" default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/><variable name="tabs.color" description="14" type="color" default="#ccc" value="#cccccc"/><variable name="tabs.selected.color" description="15" type="color" default="#fff" value="#ffffff"/><variable name="tabs.overflow.background.color" description="16" type="color" default="$(posts.background.color)" value="#ffffff"/><variable name="tabs.overflow.color" description="17" type="color" default="$(posts.text.color)" value="#222222"/><variable name="tabs.overflow.selected.color" description="18" type="color" default="$(posts.title.color)" value="#212121"/><variable name="posts.title.color" description="19" type="color" default="#212121" value="#212121"/><variable name="posts.title.font" description="20" type="font" default="$(monospace)" value="$(monospace)"/><variable name="posts.text.font" description="21" type="font" default="$(body.text.font)" value="normal normal 14px 'monospace', sans-serif"/><variable name="posts.text.color" description="22" type="color" default="$(body.text.color)" value="#222222"/><variable name="posts.icons.color" description="23" type="color" default="#707070" value="#707070"/><variable name="labels.background.color" description="24" type="color" default="$(sidebar.backgroundColorTopHD)" value="$(sidebar.backgroundColorTopHD)"/></Group>


 الان ابحث على هذا الكود data:post.commentFormIframeSrc

و ضع هذا امامه

+ "&skin=contempo" + data:variantParam

قالب ارلينا ديزاين الاحترافي من الخبير عامر بشير ذات سيو رهييب |TEMPLATE ARLINA DESIGN كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق بلوجر قوالب سبتمبر 27, 2017

قالب ارلينا ديزاين الاحترافي من الخبير عامر بشير ذات سيو رهييب |TEMPLATE ARLINA DESIGN كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

سبتمبر 27, 2017

0 تعليقات

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

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

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

معاينة تحميل

قبل تحميل القالب, يجب عليك الموافقة على قوانين المدونة . ايرجى وضع علامة في المربع أدناه لتأكيد موافقتك!
نعم، أقبل الشروط والأحكام