فيديو: شرح إضافة عنوان ونص بديل للصور في مدونات بلوجر

خاصية جديدة أضافتها بلوجر الي محرر التدوينات الخاص بها ، الخاصية الجديدة تتيح لك امكانية اضافة عنوان ونص بديل للصور، النص البديل له اهمية كبيرة في تهيئة موقعك لمحركات البحث، فإضافة السمة  alt و title للصور تمكن محرك البحث من قراءة الصورة مثل النصوص، اي أن الصور تكون قابلة للبحث.

خطوات اضافة السمة "title" والسمة "alt":

1. قم بإضافة الصورة بأي طريقة سواء رفعها من جهازك او عن طريق رابط لها.
2. بعد ادراج الصورة قم بالضغط عليها واختار "خصائص Properties" .
3. سيظهر لك صندوق حواري يمكنك من خلالة اضافة سمتي "title" و "alt".

شاهد الفيديو:

• مزيد من المعلومات عن السمات في لغة HTML
• مزيد من المعلومات عن الصور والسمة alt في لغة HTML

إقرأ المزيد

NewsNet قالب اخباري معرب لمدونات بلوجر

قالب NewsNet - قالب اخباري معرب لمدونات بلوجر، قالب مناسب للمدونات الاخبارية ذات الأخبار المتخصصة أو الأخبار المتنوعة.

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

• قالب بثلاثة أعمدة.
• صديق لمحركات البحث.
• متوافق مع أحدث الاصدارات من المتصفحات المختلفة.
• خاصية إقرأ المزيد.
• مرفق ملف psd للوجو .
• هناك نسخة تحتوي علي سلايد شو وأخري لا تحتوي علي سلايد شو... حسب رغبتك.

حول القالب:

تعريب وتطوير: مينا

تصميم: Lasantha Bandara

معاينة النسخة الإنجليزية: من هنا

تحميل القالب معرب + سلايد شو : حمل من هنا

تحميل القالب معرب بدون سلايد شو : حمل من هنا

صور القالب:

إعداد القالب:

1- تعديل السلايد شو:

• من تبويب القالب Template اختار تحرير HTML
• قم بالبحث عن الكود التالي:

<div class='imageElement'>

ستجدة مكرر 5 مرات كل مرة بهذا الشكل:

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>هنا وصف ليظهر في السلايدشو أسفل العنوان</p>
<a class='open' href='#' title='مدونة مينا'/>
<img alt='نص بديل' class='full' src='رابط الصورة هنا'/>
</div>

• لتغير العنوان قم باستبدال النص المحدد باللون الأزرق بعناوينك.
• لتغير الوصف قم باستبدال النص المكتوب باللون الأحمر بوصفك.
• قم بتغير # برابط الموضوع واستبدل مدونة مينا بعنوان الرابط او اي نص.
• لتغير الصورة قم بتغير ما هو مكتوب باللون البني برابط الصورة، يمكنك بعد alt ادخال نص بديل. ( مزيد من المعلومات حول النص البديل )

2- تهيئة القالب لمحركات البحث:

- من تبويب القالب Template اختار تحرير HTML
- ثم قم بالبحث عن : وصف قصير عن موقعك ،واستبدلها بوصف لمدونتك وبعدها سيصبح العنوان افضل لمحركات البحث حيث سيظهر بهذا الشكل:
اسم المدونة | الوصف الذي كتبته

إقرأ المزيد

فيديو: حفظ نسخة احتياطية من قالب بلوجر

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

الفيديو التالي هو شرح لكيفية حفظ نسخة احتياطية من قالب بلوجر ..

إقرأ المزيد

قالب Schedule معرب لمدونات بلوجر

قالب Schedule معرب لمدونات بلوجر Blogger

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

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

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

حول القالب:

القالب من تعريب وتطوير : مينا

تصميم:  Deluxe Template

النسخة الغير معربة: هنا

تحميل القالب معرب : من هنا

صور القالب:

إعداد القالب:

1- للإضافة السلايد شو:

• من تخطيط Layout --> اختار اضافة اداة جديدة Add a Gadget  
• ثم اختار HTML/JavaScript وقم باضافة الكود التالي:

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg95PeI8prsoFeeZyzFT3X85E4GX82AARPGd-L259yrSeZIr0Y01cxkXfptiYcsJHMoRK7u1RBgubbnpHXjOC7pjTgHGNv35y8SbMAmer_4ZZzWEaDDjcgta3h95D97CbDI4RJCj6h9mzbl/s1600/1.jpg" />
<span><strong><a href="#">عنوان 1</a></strong>

<p>وصف 1 هنا</p>
</span>
</li>

<li class="s3sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq3pPsrsHa62BgocPo3y70LJmGqbO-BAKjzC4NZYxrnuEYZwINcsaM-SnS5SPbh2bAJ0voql2pRrCMrqoxUH2hPvEAmESF5VIu-y2kblSGHYjL2PdHX4nglRmA97UKNWmCiWynTyDEWzig/s1600/2.jpg" />
<span><strong><a href="#">عنوان 2</a></strong>

<p>وصف قصير هنا ليظهر في السلايد شو</p>
</span>
</li>

<li class="s3sliderImage">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6XIZWYvUOxbAmhz3GoiDMZhxTq707YrEEq9r1poHJe60CkYQV5cSGxwwf9jf7FzjWhf0Lg0kE_mbthiN919EVwIgQaPz6gseJNbcwdYVVAAvF3SW8ncpWCEXErnDZhKx_zfbVAP4wz0nT/s1600/3.jpg" />
<span><strong><a href="#">عنوان 3</a></strong>

<p>وصف 3 هنا.</p>
</span>
</li>

<div class="clear s3sliderImage"></div>
</ul>
</div>

• لتغير الصور قم باستبدال الروابط المحددة باللون الأحمر بروابط صورك.
• لتغير العنوان قم باستبدال المكتوب باللون الأخضر بعناوين اخري.
• قم بتغير # برابط الموضوع .
• لتغير الوصف قم بتغير ما هو مكتوب باللون الأزرق.

2- تهيئة القالب لمحركات البحث:

- من تبويب القالب Template اختار تحرير HTML
- ثم قم بالبحث عن : وصف قصير عن موقعك ،واستبدلها بوصف لمدونتك وبعدها سيصبح العنوان افضل لمحركات البحث حيث سيظهر بهذا الشكل:
اسم المدونة | الوصف الذي كتبته

إقرأ المزيد

قالب Movie show معرب لمدونات بلوجر Blogger

قالب Movie show معرب لمدونات بلوجر Blogger

خصائص قالب Movie Show :

• قالب بثلاثة أعمدة.
• صديق لمحركات البحث.
• يحتوي علي سلايد شو slideshow .
• ملخص تلقائي مع صورة مصغرة في الرئيسية.
• خاصية إقرأ المزيد تلقائية.
• تمييز تعليق الكاتب.
• متوافق مع أحدث الإصدارات من  IE, Chrome , Firefox .
• مرفق ملف PSD للوجو وأيضا أيقونة favicon.

حول القالب:

 قالب Movie Show مناسب للمدونات التي تهتم بـ الافلام - اخبار الفنانين - الفيديو - السنيما ، والقالب مناسب للعديد من المجالات الأخري.

القالب من تعريب وتطوير: مينا
تصميم : themesnack.net
النسخة الغير معربة: movie show
تحميل القالب معرب: حمل من هنا

صور القالب:
اضغط علي الصورة لتراها بحجمها الطبيعي

إعداد القالب والتحكم به:

1- التعديل علي السلايد شو Slideshow.

للتحكم بما يظهر في السلايد شو اتبع الآتي..

اذا كنت تستخدم لوحة التحكم الجديدة من بلوجر

Template >> Edit HTML

ثم قم بالبحث عن:

 <div id='slider-container'> 

ستجد كود السلايد شو بهذا الشكل:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <div class='crosscol'>
<div id='slider-container'>

<div id='slider'>

  <a href='#' title='Introducing WP Theme'>

 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijoAdMV9wKZlg-K0DyI_IyO1Q1pC4URNT-hdVEVjsTbIn6fpFmfyf-RoHqueGuOuxdwKmcI8cNhjh6kT5_0sEyJLlOQyby-pNa2n8nL708EWEGSUBmmCnwoopO-STjIs2U2l9nh7A8Vwed/s1600/1.jpg' title='Introducing WP Theme'/>

 </a>

  <a href='#' title='Another image in a post'>

 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgq6JYIq2qJNsv4wrNZrvfiCm2YQOj6bOvt3rTjv4wibvP4oB0AJGjr5pQsGARESlAX1Ar5wd5MXSwAvTqZE3obH1UUhTySAhbfETEUwW1taGjScnfVuCNSDvCWgBj3G_4YvD3_xaqeZNO/s1600/2.jpg' title='Another image in a post'/>

 </a>

  <a href='#' title='An image in a post'>

 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv2ZmRcuQD4n25d_0IgQJGptYKJud2rm4jlySbu3gwTdEwKfg6dScFkc-uO7MiwR3xia3UbZRn8jDfI-4VqL_KLKhxrdyr9TW6ww2QE9SSNK7yyWBOG1HhaeD2BdKvVdUUa4nISPrk3VgA/s1600/3.jpg' title='An image in a post'/>

 </a>

  <a href='#' title='Testing HTML elements'>

 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgek5sCBTYKmzb1B_rTIEWpBh7Zid0vF2OUKaWPReRhcq2tYb4DSSqkL7wsB0MWy9_g3DlFyb8K3jpksKKbZZ8vUZK-uY4ZOZr0dd8DxFCA39mJxTvJ4vH9QsA5TVZ4rIWCC5sKVeeIOXei/s1600/4.jpg' title='Testing HTML elements'/>

 </a>

  <a href='#' title='Category Hierarchy'>

 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKv-K7BAf4GWKU7bbXUd5whQzvcLkEi-u5JMNJbfc9qAgElMCgVbNyYJPn2R3RTMGy6jpm6poPln75YbzaA9JEKk6KKw9OPD_qFwBHhwrGszVnS2eLhX6UlkZWa8OIplVQb3JTNWBWTD4H/s1600/6.jpg' title='Category Hierarchy'/>

 </a>

 </div>

<br clear='all'/>

</div>

      </div>
</b:if>
</b:if>

ويمكنك استبدال الصور والوصف واللينكات الموجودة بالصور والوصف واللينكات التي تريدها ...

مثال :

<a href='رابط الموضوع' title='عنوان الموضوع'>
 
 <img alt='اسم للصورة' src='رابط الصورة' title='اسم للصورة'/>
 
 </a>

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

إقرأ المزيد