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

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

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 كتبها: المدون التقني - الخبير عامر بشير

اضافة صندوق الاشتراك بالمواقع التواصل الاجتماعي بشكل #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 كتبها: المدون التقني - الخبير عامر بشير

اضافة عداد المتابعين على السايدبار بشكل جديد وحصري 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 كتبها: المدون التقني - الخبير عامر بشير

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

Admin Amer

أكتوبر 10, 2017

0 تعليقات

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

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

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

معاينة
تحميل

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

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

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

Admin Amer

أكتوبر 09, 2017

0 تعليقات

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

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

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

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

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

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

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

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

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

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

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

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

النسخة 1

النسخة 2

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

 

 

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

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

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

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

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

Admin Amer

أكتوبر 06, 2017

0 تعليقات

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

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

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

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

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

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

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

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

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

Admin Amer

أكتوبر 05, 2017

0 تعليقات

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

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

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

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

معاينة



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




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

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

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

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

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

0 تعليقات

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

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

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

معاينة تحميل

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

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

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

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 اللون الذي تريدهالان احفظ و عاين الاضافة



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