http://3.bp.blogspot.com/-9OUBdv54yf...roid+Dream.png

حصرياً قالب Droid Dream معرب على مدونة تقنية بشكل جذاب ورائع والوان متناسقة


http://4.bp.blogspot.com/-hBbsQvcq4C...s1600/info.png


1-عامود على يسار القالب.
2-ثلاثة اعمدة في الفوتر.
3-سلايدر مميز في اعلى المدونة.
4-خاصية قرأة المزيد.
5-ايقونات تابعني في اعلى المدونة(فيسبوك،تويتر،اراس اس).


مشاهدة - تحميل


لتعديل ايقونات تابعني في اعلى القالب


http://2.bp.blogspot.com/-oKknvnnS2z...-45+%D9%85.png

ابحث على هذا الكود بالاسفل بضغط على (Ctrl+f)

كود بلغة HTML:

---

<div id='social'>

---

قم بتعديل الكود حسب المطلوب

كود:

---

<a href='#'>
<img alt='Twitter' src='http://2.bp.blogspot.com/-BXy50aE3w-c/T01OmmeOWXI/AAAAAAAACiA/o-sXNx5WQng/s000/twitter.png'  title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://2.bp.blogspot.com/-m7_mpvFZ9dk/T01Omh3pHpI/AAAAAAAACiI/RQIZ37XcMhE/s000/rss.png'  title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://2.bp.blogspot.com/-ZIhUkYOuwB4/T01OnIe4dFI/AAAAAAAACiQ/ZsiHW6JI5Qk/s000/facebook.png'  title='Facebook'/></a>
</div>

---

قم بتعديل المربعات بالون الاحمر الى رابط حسابك او صفحتك في كل من الفيس بوك وتويتر وقم بتعديل رابط الار اس اس الخاص بك

لتعديل السلايدر العلوي


http://1.bp.blogspot.com/-KKVsORSqhr...%25D9%2585.png


قم بالبحث عن هذا الكود

كود بلغة HTML:

---

<div id='slider'>

---

وقم بتعديل الكود التالي

كود:

---

   

<a href='#' title='عنوان التدوينة1'>

  <img alt='' src='http://4.bp.blogspot.com/-ctXUCcOfDz8/T01OnTpvCxI/AAAAAAAACiY/YgFLHiduFAY/s000/4.jpg' title='عنوان التدوينة1'/>

  </a>

  <a href='#' title='عنوان التدوينة2'>

  <img alt='' src='http://4.bp.blogspot.com/-HI3sYUsBFNs/T01OnehlcEI/AAAAAAAACig/Igl23LUqcAs/s000/3.jpg' title='عنوان التدوينة2'/>

  </a>

  <a href='#' title='عنوان التدوينة3'>

  <img alt='' src='http://3.bp.blogspot.com/-rwAiCnjnSA8/T01OnkshhQI/AAAAAAAACio/CeNKe-GsduY/s000/2.jpg' title='عنوان التدوينة3'/>

  </a>

  <a href='#' title='عنوان التدوينة4'>

  <img alt='' src='http://4.bp.blogspot.com/-jv8swSUJT0E/T01On-5HsmI/AAAAAAAACiw/CvMHIXlcj64/s000/1.jpg' title='عنوان التدوينة4'/>

  </a>

  <a href='#' title='عنوان التدوينة5'>

  <img alt='' src='http://1.bp.blogspot.com/-LCe7UTRbW7s/T01OoNT_LiI/AAAAAAAACi4/uS5x_3oCkpg/s000/5.jpg' title='عنوان التدوينة5'/>

  </a>

---

قم تعديل حسب الالوان
الاحمر:رابط الصور
الاخضر:العنوان الذي تريده ان اسفل الصور.
الازرق:لتعديل الرابط

وهناك صورة مرفقة مع ملف القالب قابلة لتعديل PSD

اما بالنسبة لتغير الصورة المصغرة للتدوينات من اليسار الى اليمين فالطريقة بالاسفل


ادخل الى لوحة تحكم المدونة ثم تصميم تم تحرير Html

الان ابحث عن هذا الكود

كود بلغة HTML:

---

<span style="float:left; padding:0px 0px 5px 10px;">

---

استبدله بهاذا الكود

كود بلغة HTML:

---

<span style="float:right; padding:0px 0px 5px 10px;">

---

الان وان كان هناك اي مشكلة او اي استفسار بشأن القالب ارجو ترك رد

المصدر: مدونة تقنية
http://taqnya09.blogspot.com/2012/03/droid-dream.html