مدونة مينا

تصميم وتطوير المواقع ومتابعة كل ما هو جديد في عالم الويب، دروس، قوالب، اضافات، هاكات.

أهم الإختلافات بين HTML و XHTML

تعرف علي أهم الاختلافات بين HTML و XHTML وهل هما لغة ةاحدة أم ماذا؟

قالب Blue Business

قالب Blue Business قالب Blue Business ، مجاني، قالب مناسب للشركات..

قالب MY CV ، قالب HTML بسيط مناسب للأفراد والشركات

قالب MY CV ، قالب HTML بسيط مناسب للأفراد والشركات، في صفحة واحدة يمكنك ضم ما تريد من معلومات .

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

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

   
‏إظهار الرسائل ذات التسميات قوالب بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات قوالب بلوجر. إظهار كافة الرسائل

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


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

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

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

حول القالب:

تعريب وتطوير: مينا
تصميم: Lasantha Bandara
معاينة النسخة الإنجليزية: من هنا
تحميل القالب معرب + سلايد شو : حمل من هنا
تحميل القالب معرب بدون سلايد شو : حمل من هنا

صور القالب:

قالب اخباري معرب لمدونات بلوجر + سلايد شو NewsNetقالب اخباري معرب لمدونات بلوجر بدون سلايد شو NewsNet
قالب اخباري معرب لمدونات بلوجر المواضيع NewsNet

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

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 معرب لمدونات بلوجر Blogger
خصائص قالب Movie Show :
  • قالب بثلاثة أعمدة.
  • صديق لمحركات البحث.
  • يحتوي علي سلايد شو slideshow .
  • ملخص تلقائي مع صورة مصغرة في الرئيسية.
  • خاصية إقرأ المزيد تلقائية.
  • تمييز تعليق الكاتب.
  • متوافق مع أحدث الإصدارات من  IE, Chrome , Firefox .
  • مرفق ملف PSD للوجو وأيضا أيقونة favicon.
حول القالب:
 قالب Movie Show مناسب للمدونات التي تهتم بـ الافلام - اخبار الفنانين - الفيديو - السنيما ، والقالب مناسب للعديد من المجالات الأخري.

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

صور القالب:
اضغط علي الصورة لتراها بحجمها الطبيعي
قالب Movie show معرب لمدونات بلوجر Blogger - صفحة الموضوعقالب Movie show معرب لمدونات بلوجر Blogger - الرئيسية

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