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

هل تعلم ياصديقي أن لديك ميزة مخفية مفيدة جداً في هاتفك الذكي وأنت لاتستعملها أبداَ ؟؟ نعم توجد بالفعل هذه الميزة في هاتفك وهي تعد واحدة من المميزات القوية والضرورية لكل مستخدم أندرويد ، فإن كنت متشوق لمعرفة هذه الميزة فهيا بنا لنتعرف عليها وكيف تصل اليها.

هذه الميزة تتمثل فى كتابة كل تريده فقط عن طريق نطقه ، سواء كانت باللغة العربية أو الإنجليزية أو اين كانت اللغة التى تتحدث بها ، وحتي لوكانت الجزائرية أو المغربية أو السعودية وغيرها ، قد يبدوا لك الأمر غريباً لكنه صحيح وفعال 100% ، ويمكنك الوصول الى هذه الميزة من خلال لوحة مفاتيح هاتفك فقط ، وذلك عبر النقر مطولاَ على هذه الأيقونة لتظهر لك هاته الخيارات ثم تقوم بالنقر على أيقونة المايكروفون هنا.

بعدها تنتقل مباشرةً الى الإعدادات عبر الضغط على أيقونة الإعدادات هنا.

ثم تقوم بالضغط علي إضافة المزيد من اللغات.

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

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

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

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

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

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

1. ولا نقوم بالذهاب الى تحرير القالب
2. ثم نبحث باستعمال  Ctrl+F عن الوسم ]]></b:skin>
3. ونضع فوقه مباشرة هذه الاكواد

.sosmedarl-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}.sosmedarl-img{position:relative;max-height:255px;overflow:hidden}.sosmedarl-img img{max-width:100%;width:100%;transition:all .6s}.sosmedarl-img:hover img{transform:scale(1.2) rotate(-10deg)}.sosmedarl-img:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.sosmedarl-img:hover:before{background:rgba(0, 0, 0, 0.6)}.aboutfloat-img{text-align:center}.sosmedarl-float{text-align:center;display:inline-block}.sosmedarl-float a{background:transparent;color:#243750;padding:8px 14px;z-index:2;display:table-cell;font-size:90%;text-transform:uppercase;vertical-align:middle;border:2px solid #243750;border-radius:3px;transition:all .3s}.sosmedarl-float:hover a{background:#e74c3c;color:#fff;border-color:transparent}.sosmedarl-float a i{font-weight:normal;margin:0 5px 0 0}.sosmedarl-wrpicon{display:block;margin:15px auto 0;position:relative}.sosmedarl-wrpicon .extender{width:90%;display:block}.extender{text-align:center;font-size:16px}.extender .sosmedarl-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.extender .sosmedarl-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%}.extender .sosmedarl-icon i{font-family:fontawesome;margin:0 3px 0 0}.sosmedarl-icon.fbl a{background:#3b5998}.sosmedarl-icon.twitt a{background:#19bfe5}.sosmedarl-icon.crcl a{background:#d64136}.sosmedarl-icon.fbl a:hover,.sosmedarl-icon.twitt a:hover,.sosmedarl-icon.crcl a:hover{background:#243750}.extender .sosmedarl-icon:hover a,.extender .sosmedarl-icon a:hover{color:#fff}.sosmedarl-info{margin:10px 0;font-size:13px;text-align:center}.sosmedarl-info p{margin:5px 0}.sosmedarl-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}.sosmedarl-info h4 span{position:relative;display:inline-block;padding:0 10px;margin:0 auto}

1. الآن بعد هذه الخطوة نحفظ القالب
2. وننتقل الى التخطيط
3. ثم نختار آداة Html/Javasscript
4. ونضع فيه هذه الاكواد

<div class="sidebar_about_author">
<div class="inner_wrapper">
<div class="sosmedarl-img">
<img alt="Judul Blog" class="img-responsive" height="auto" src="http://www.m5zn.com/newuploads/2017/05/20/png//4af9a07bb9c6f3b.png" width="300" />
</div>
</div>
<div class="sosmedarl-info">
  <h4><span>مبتكرويب</span></h4>
<p>مدونة تقنية عريبية تقنية, تأسست سنة 2016 هذفها نشر مواضيع تقنية والمتعلقة بالبلوجر, تسعى الى الارتقاء بالويب العربي والمغربي الى الافضل, مديرها محمد ابراهيم.</p>
</div>
<div class="aboutfloat-img"><span class="sosmedarl-float"><a href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=3016169891337403942" rel="nofollow" target="_blank" title="Join Our Site"><i class="fa fa-user"></i> إنضم إلينا</a></span></div>
<div class="sosmedarl-wrpicon">
<ul class="extender">
<li class="sosmedarl-icon fbl"><a href="https://www.facebook.com/moptkerweb" target="_blank" title="تابعنا على فيسبوك"><i class="fa fa-facebook fa-fw"></i></a></li>
<li class="sosmedarl-icon twitt"><a href="https://twitter.com/Moptker_web" target="_blank" title="تابعنا على تويتر"><i class="fa fa-twitter fa-fw"> </i></a></li>
<li class="sosmedarl-icon crcl"><a href="https://plus.google.com/u/0/+MohamedEbrahemELJOKER2" rel="nofollow" target="_blank" title="تابعنا على جوجل بلس"><i class="fa fa-google-plus fa-fw"></i></a></li>
</ul>
</div>
</div>

مبروك عليك الاضافة

اذا واجهتك اى مشاكل قباب التعليقات مفتوح دائما

يمكنك ايضا قراءة

1. اضافة صفحة خطأ 404 متحركة ومتطورة
2. تحميل قالب ادوات الاحترافى

اضافة صفحة خطأ 404 متحركة ومتطورة

اضافة صفحة خطأ 404 متحركة ومتطورة 

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

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

1. كالعادة ننتقل الى لوجة تحكم المدونة ثم تحرير القالب
2. ثم ابحث عن الوسم <body> باستعمال Ctrl+f
3. واضف تحته هذه الاكواد

صورة للتوضيح ↓↓

<b:if cond='data:blog.pageType == &quot;error_page&quot;'><style>/*====================================== errorPage v3 By: "www.moptker-web.com"=====================================*/  body {  background-color: #2F3242;}svg {  position: absolute;  top: 50%;  right: 50%;  margin-top: -250px;  margin-right: -400px;}.message-box {  height: 200px;  width: 380px;  position: absolute;  top: 50%;  right: 50%;  margin-top: -100px;  margin-right: 50px;  color: #FFF;  font-family: Roboto;  font-weight: 300;}.message-box h1 {  font-size: 60px;  line-height: 46px;  margin-bottom: 40px;}.buttons-con .action-link-wrap {  margin-top: 40px;}.buttons-con .action-link-wrap a {  background: #68c950;  padding: 8px 25px;  border-radius: 4px;  color: #FFF;  font-weight: bold;  font-size: 14px;  transition: all 0.3s linear;  cursor: pointer;  text-decoration: none;  margin-left: 10px}.buttons-con .action-link-wrap a:hover {  background: #5A5C6C;  color: #fff;}#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {  animation: float 1s infinite ease-in-out alternate;}#Polygon-2 {  animation-delay: .2s;}#Polygon-3 {  animation-delay: .4s;}#Polygon-4 {  animation-delay: .6s;}#Polygon-5 {  animation-delay: .8s;}@keyframes float { 100% {    transform: translateY(20px);  }}@media (max-width: 450px) {  svg {    position: absolute;    top: 50%;    right: 50%;    margin-top: -250px;    margin-right: -190px;  }  .message-box {    top: 50%;    right: 50%;    margin-top: -100px;    margin-right: -190px;    text-align: center;  }}</style><svg width="380px" height="500px" viewBox="0 0 837 1045" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">        <path d="M353,9 L626.664028,170 L626.664028,487 L353,642 L79.3359724,487 L79.3359724,170 L353,9 Z" id="Polygon-1" stroke="#007FB2" stroke-width="6" sketch:type="MSShapeGroup"></path>        <path d="M78.5,529 L147,569.186414 L147,648.311216 L78.5,687 L10,648.311216 L10,569.186414 L78.5,529 Z" id="Polygon-2" stroke="#EF4A5B" stroke-width="6" sketch:type="MSShapeGroup"></path>        <path d="M773,186 L827,217.538705 L827,279.636651 L773,310 L719,279.636651 L719,217.538705 L773,186 Z" id="Polygon-3" stroke="#795D9C" stroke-width="6" sketch:type="MSShapeGroup"></path>        <path d="M639,529 L773,607.846761 L773,763.091627 L639,839 L505,763.091627 L505,607.846761 L639,529 Z" id="Polygon-4" stroke="#F2773F" stroke-width="6" sketch:type="MSShapeGroup"></path>        <path d="M281,801 L383,861.025276 L383,979.21169 L281,1037 L179,979.21169 L179,861.025276 L281,801 Z" id="Polygon-5" stroke="#36B455" stroke-width="6" sketch:type="MSShapeGroup"></path>    </g></svg><div class="message-box">  <h1>404</h1>  <p>الصفحة غير موجودة</p>  <div class="buttons-con">    <div class="action-link-wrap">      <a onclick="history.back(-1)" class="link-button link-back-button">الرجوع الى الوراء</a>      <a href="" class="link-button">الانتقال الى الصفحة الرئيسية</a>    </div>  </div></div>  </b:if><b:if cond='data:blog.pageType != &quot;error_page&quot;'>

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

↷ صورة للتوضيح ↶

</b:if>