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

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

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

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

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

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

والآن إتبع الخطوات:

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

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

والآن فقد تم تركيب القالب ولكن لابد من بعض التعديلات التى تناسب مدونتك ولابد إتباع هذه الخطوات:

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

التعديل على الميتا تاج (Metatag):

البحث عن الكود التالى:

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

tle/></ti
<b:else/>
<title><data:blog.pageName/> | <data:blog.t
itle>

>

</b:i
f

وكتابة وصف قصير لمدونتك فى المكان المحدد له.

التعديل على الشعار (اللوجو):

البحث عن رابط اللوجو: وليكن شعار مدونتى الذى أستخدمه فى القوالب :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7Hzdtgy_VdXexn3EuxfqbmkR5a-dLTnNeIFJMDj-fftgOzKgN_idCMl4ZAnjVXs0avOJ7hkXhdv44EKPhF07aiWrHPUoqIKmpkVDJDbQFo8ysfZvIn59serMAIECDMagj9XH2pBk-Jw/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;'>



des'>


<div class='fp-post'>
<div c
<div class='featuredposts clearfix'>

<div class='fp-sl

ilass='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>

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

ابط الموضوع'>|  إحترف الفوتوشوب  |
</a></h3>
<p>وصف قصير للموضوع.
<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='
ر..</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 -->