سيدنا محمد وعلى آله وصحبه أجمعين

شرح تركيب قالب بلوجر والتعديل عليه بالصور للمبتدئين

• سجل دخولك من هذا الرابط 
• الدخول إلى مدونتك التى ترغب إضافة القالب إليها.

1.  من القائمة الجانبية نختار قالب.
2. ثم نضغط على زر نسخ إحتباطى /إستعادة .
3. تنزيل النموذج بالكامل(وهذه الخطوة هامة جدا لحفظ نسخة من القالب الحالى عند عمل أى تعديل فى الأكواد).
4. تحميل القالب الموجود على جهازك (Browse) بصيغة XML
5. إضغط تحميل

1. بعد دخول لوحة التحكم وإختيار قالب نقوم بإختيارتحرير Html
2. ثم الضغط على متابعة
3. إستخدام الكيبورد فى البحث Ctrl+F
4. تابع شرح كامل لمحرر Html على منصة بلوجر 

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | وصف قصير لمدونتك </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCAOnIreONk9T87rbEdy0KNsdH51ipObfPp1YeAt2s1MoZ_REb2A_38nB00RKcKTxE5tGtlq-odpJ_Hg3StmEY3-_ny6SvouNzhzzKYNRXISfV-mK7WIqki7ZESVF6G5AdxpTPhIC7sBE/s1600/header-object.png

•  الذهاب إلى لوحة التحكم.
• ثم من القائمة الجانبية >>> تخطيط
• تحرير Slide Show
• إضافة الصور والروابط ووصف قصير للموضوع فى الأماكن المحددة بالكود :

<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>


<div class='featuredposts clearfix'>

<div class='fp-slides'>


<div class='fp-post'>
<div class='fp-thumbnail'><a href='http://conda3ianllkhir.blogspot.com/search/label/%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'><img src="http://img210.imageshack.us/img210/2596/157388imgcache.jpg" width="500,hight=300/" /></a></div>
<h3 class='fp-title'><a href='http://conda3ianllkhir.blogspot.com/search/label/%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع...</p>
</div>


<div class='fp-post'>
<div class='fp-thumbnail'><a href='رابط الموضوع'><img src="رابط الصورة" width="500,hight=300/" /></a></div>
<h3 class='fp-title'><a href='رابط الموضوع'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع...</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='رابط الموضوع'><img src="رابط الصورة" width="500,hight=300/" /></a></div>
<h3 class='fp-title'><a href='رابط الموضوع'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع...</p>
</div>




<div class='fp-post'>
<div class='fp-thumbnail'><a href='رابط الموضوع'><img src="رابط الصورة" width="500,hight=300/" /></a></div>
<h3 class='fp-title'><a href='رابط الموضوع'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع...</p>
</div>



<div class='fp-post'>
<div class='fp-thumbnail'><a href='رابط الموضوع'><img src="رابط الصورة" width="500,hight=300/" /></a></div>
<h3 class='fp-title'><a href='رابط الموضوع'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع...</p>
</div>
</div>           

<div class='fp-nav clearfix'>
<span class='fp-pager'/>                
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></span></div>
          
</div>


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

<!-- Featured Content Slider End -->