مدونة محرك التقنية

Comments

تطبيق المدونة

الدرس23- إضافة صورة مصغرة بجانب عنوان التدوينة في بلوجر

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



تابعو معي

1- نتوجه الى لوحة التحكم
2- تم نظغط على قالب
3- تم Html تحرير
4- الان اضغط  Ctrl+f
5- <b:if cond='data:post.title'>

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

<!--  thumbnail @ posts titles, alblogger.com -->     <style>.titlethumb {float: right;width: 50px;margin-left: 20px;height: 50px;border-radius: 5px;}</style>      <b:if cond='data:post.thumbnailUrl'><img class='titlethumb' expr:src='data:post.thumbnailUrl'/></b:if>

 ولي التحكم في طول و العرض الصورة غير في الكود

 width: 50px;
height: 50px
; غير الرقم 50 


إلى هنا تنتهي تدوينتنا لهذا اليوم أي استفسار نحن لإشارة
0
8:18 ص شارك:

الدرس 22- أفضل طريقة لتحسين سيو مدونتك بلوجر 2016

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



 لتحسين سيو مدونتك سوف أقدم لكم بعض النصائح والاخطاء الذي تقع فيها أخي الكريم

  النصائح ::

  1-  قدم شئ متميز أو موضوع أو إضافات جميلة عن منافسيك مما يجعل للزائر يختار موقعك بدلا من المواقع الأخرى.

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

 3-  قم بعمل حملات إعلانية تستهدف بها زوار من أماكن معينة تضمن لك تفاعل مع محتوى مدونتك

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

 5- تأكد من حشو مواضيعك بالكلمات الدلالية الرئيسية لموقعك ولا تهتم بالعدد أو الكثافة فقط اهتم بأهم الكلمات الرئيسية لموقعك 

 6- إعتمد على طرح الأسئلة في مواضيعك لأن أغلب الزوار حاليا يبحثون في محركات البحث بعبارات السؤال مثلا " كيف يمكنني تحسين سيو موقعي؟ 

 7- تأكد من تنوع مصادر زيارات موقعك لأن ذلك يعزز ثقة محركات البحث في موقعك.

  الأخطاء التي تقع فيها ::

 1- لا تعتمد على مواقع جلب الزيارات.

 2- لا تستخدم كلمات دلالية غير مرتبطة بموقعك حتى وإن كان لها ارتباط جزئي بإحدى مواضيعك

 3- لا تقم بنشر مواضيع كثيرة في وقت واحد بل اجعل فاصل زمني بين كل موضوع وموضوع

   إلى هنا تنتهي تدوينتنا لهذا اليوم أي استفسار نحن لإشارة

2
12:55 م شارك:

إضافة أزرار مواقع التواصل الاجتماعية بشكل إحترافي

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


تابعو معي ..

 طريقة التركيب
ادخل الى لوحة التحكم
اذهب للقالب واختر تحرير HTML
ابحث عن ]]></b:skin>  بالضغط على CTRL+F
وضيف الكود التالي فوقة:
.sw-social-counter{clear: both;  overflow: hidden;  margin-bottom: -16px;} .sw-social-counter .sc-wrapper{margin: 0 -7px;} .sw-social-counter .sc-wrapper .sc-item{padding: 0 7px;float: right;margin-bottom: 22px;width: 28.8%;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner{text-align: center;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon{display: block;background: #4968a9;margin: 0;padding: 12px 0;font-size: 24px;color: #fff;position: relative;transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .sc-icon{opacity: 0.9;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon:after{content: "";border-top: 7px solid #4968a9;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;left: 50%;bottom: -6px;margin-left: -7px;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .like-count{color: #747474;padding: 6px;display: block;clear: both;border: 1px solid #EFEFEF;border-top:none;position: relative;letter-spacing: 0px;font-family: cursive;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .like-count{color: #626060;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss{background: #fd9f13;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss:after{border-top-color: #fd9f13;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter{background: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter:after{border-top-color: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin{background: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin:after{border-top-color: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube{background: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube:after{border-top-color: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo{background: #5BC8FF;min-height: 48px;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo:after{border-top-color: #5BC8FF;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus{background: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus:after{border-top-color: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble{background: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble:after{border-top-color: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram{background: #2f689b;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram:after{border-top-color: #2f689b;} #Label1 ul li{list-style:none;width:48%;float:right;padding:0 2px 0 3px;position:relative;} #Label1 li a{position: relative;width: 80%;float: right;display: block;padding: 4px .3em .4em .6em;margin: 2px;background: transparent;border: 1px solid #E7E7E7; color: #444;text-decoration: none;text-shadow: 1px 1px rgba(255, 255, 255, 0.48);font-family:cursive;text-align: right;} #Label1 li:after{  content: "\f0da";font: 18px fontawesome;left: 22px;top: 9px;position: absolute;color: #0FD2AD;} #Label1 ul li span{background: #0FD2AD;float: left;border:1px solid #0BBB9A;border-right: 0;color: #fff;font-weight: 700;margin-left: -3px;font: 11px electrolize;height: 84%;width: 22px;text-align: center;line-height: 30px;position: absolute;margin-top: 1.9px;} #Label1 li a:hover {color: #0FD2AD;border: 1px solid #E4E4E4;} .item-title {text-align: right;}


  ثم اذهب للتخطيط واختر اضافة اداة - HTML/JavaScript  وضيف الكود التالي مع تغيير مايلزم



<div id="sw_social_count-2" class="sw-social-counter"> <div class="sc-wrapper clearfix"> <!-- Facebook --> <div class="fb-like-button sc-item"> <div class="sc-item-inner"> <a href="#" title="Facebook" target="_blank"><span class="fa fa-facebook sc-icon"></span> <span class="like-count">1235</span> </a></div></div> <!-- RSS --> <div class="rss-button sc-item"> <div class="sc-item-inner"> <a href="#" title="" target="_blank"> <span class="fa fa-rss sc-icon"></span> <span class="like-count">إشترك</span> </a></div></div> <!-- Twitter --> <div class="twitter-like-button sc-item"> <div class="sc-item-inner"> <a href="#" title="" target="_blank"> <span class="fa fa-twitter sc-icon"></span> <span class="like-count">739</span> </a></div></div> <!-- Linkedin --> <!-- Vimeo --> <div class="vimeo-linke-button sc-item "> <div class="sc-item-inner"> <a href="#" title="" target="_blank"> <span class="fa fa-youtube sc-icon"></span><span class="like-count">83</span> </a></div></div><!-- Google Plus --> <div class="gplus-like-button  sc-item"> <div class="sc-item-inner"> <a href="#" title="" target="_blank"> <span class="fa fa-google-plus sc-icon"></span> <span class="like-count">76</span></a></div></div> <!-- Instagram --> <!-- Sound Cloud --> <div class="dribbble-like-button  sc-item "> <div class="sc-item-inner"> <a href="#" title="" target="_blank"> <span class="fa fa-dribbble sc-icon"></span><span class="like-count">9000</span> </a></div></div></div></div> 


 ليصلك جديد المدونة اضغط على انضم معنا اي استفسار اكتبة بالتعليقات
11:26 ص شارك:

الدرس 21- طريقة تشغيل فيديوهات الفيس بوك بجودة HD

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


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

1. أولا نذهب الى الحساب الشخصي في الفيس بوك تم نذهب الى الاعدادات 


2. في القائمة الموجودة على اليسار أضغط على الفيديوهات
3. تم نتوجه الى خيار Qualité par défaut de la vidéo أو جودة الفيديو الافتراضية ثم اختر HD si disponible أو فيديوهات HD  


المتميز العربي | أنس باعلي 



0
3:11 ص شارك:

الدرس 20- إضافة المشاركات المميزة في بلوجر

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




ويمكنك إضافتها من خلال التخطيط والتي سوف تجدها متل هذا الشكل




كيف نضيف المشركات المميزة في بلوجر  

1. نذهب إلى لوحة تحكم بلوجر ثم نضعط على تبويب التخطيط بعده نقوم بإضافة أداة جديدة 

 2. ونبحث عن كملة  " مشاركة مميزة "

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

وبالطبع مع وجود هذه الإضافة سوف تجلب الكثير من الأفكار إلى المدونين من أجل تطوير الإضافة 







1
3:44 ص شارك:

الدرس 19- أداة للتعرّف على جميع الأخطاء التي يجب إصلاحها في موقعك

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


تابعو معي...


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

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

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





عن طريق إستخدام أداة PageSpeed Insights التابعة لشركة جوجل فإنك سوف تتمكن من الإلمام بجميع الأشياء التي يحتاج إليها موقعك إلى جانب الأخطاء التي سوف يكون مطلوبا منك التعديل عليها و إصلاحها من أجل تحسين أداء موقعك على شبكة الأنترنت .;




و من أجل الإستفادة من أداة PageSpeed Insights و تحليل الموقع أو المدونة الخاصة بك فإن كل ما عليك القيام به هو النقر على الرابط أسفل التدوينة ثم تقوم بوضع رابط موقعك أو مدونتك في الخانة ثم الظغط على أيقونة ” تحليل ” أو الظغط على زر Enter و سوف تحصل على جميع النتائج .



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





0
8:24 ص شارك:

[ الحلقة 1] إزالة الخلفية لأي صورة بسهولة تامة وبدون برامج

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

 تابعو معي ............




2
4:50 ص شارك:

الدرس 18- تعرف على مجموع عدد اللايكات التي حصلت عليها صفحتك

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

تابعو معي



1==>> نقوم بالدخول إلى إلى الرابط التالي
lemooo 
2 ==>> قم بوضع رابط صفحتك على الفيسبوك ثم إضغط على Analyze
بعد ذلك تنتظر قليلا وسيعطيك النتائج كما هي موضحة في الصورة



ولكي تعرف مجموع عدد اللايكات التي حصلت عليها صفحتك تنزل إلى الاسفل وسوف ترى مجموع اللايكات التي حصلت عليها صفحتك كما في الصورة 



إلى هنا ينتهي درسنا إلى هذا اليوم دمتم في رعاية الله وحفضه 


4
3:50 ص شارك:

الدرس 17 - إجعل مدونتك أو موقعك موقع إجتماعي بهذه الاضافة

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


طريقة الاضافة

  •   اولا توجه لهذا الموقع من هنا
  • ثم قم بالتسجيل في الموقع لا داعي لشرح التسجيل فهو سهل جدا ستخرج لك نافذة بها الشبكات الاجتماعية سجل بالتي تريد.
بعد تجيلك بالموقع ستضهر لك هاته الصفحة اضغط علىCreate New Spot كما موضح في الصورة.



املئ البيانات بما يناسبك 

Spot Name ----- اسم الموقع
Spot Category--- نوع مدونتك يعني ثقافية اخبارية موقع العاب ...الى اخره
Allowed Languages----- اللغة الغة الرئيسية هي الانجليزية ويمكنك اضافة لغات اخرى
Upload your Spot Logo---- صورة الدردشة ضع الوجو الخاص بك
Positioning------- ضهور الدردشة على اليمين او اليسار
Brand Color------ لون الدردشة
ثم اضغط حفض ستضهر لك هاته الصفحة انسخ الكود


بعد نسخك للكود اذهب للقالب ثم تحرير ثم الصق الكود الذي نسخته تحت الرمز

----------------------------------------------------------------------
<body>
----------------------------------------------------------------------
ثم احفض القالب ومبروك عليك الاضافة ارجو ان تكون الاضافة قد اعجبتكم وشكرا لكم واي مشاكل يمكن طرحها في التعليق .
 


    2
    7:38 ص شارك:

    تحميل قالب بلوجر احترافي : قالب اتقان النسخة الثالثة بشكل جديد 2015

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



    بعض من مميزاة القالب..

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

    التحميل و المعاينة

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

    تحميل القالب


      
    0
    5:16 ص شارك:

    الأعضاء

    اتصل بي

    الاسم

    بريد إلكتروني *

    رسالة *