الأربعاء، 29 يناير 2014

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

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

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

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

التعديل على القوالب الخاصة

التعديل على أكواد تهيئة محركات البحث:
البحث عن الكود التالى:
<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>


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

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

http://hulk20142012.blogspot.com/

وإستبداله برابط الشعار الخاص بمدونتك.

التعديل على السلايد شو:

  •  الذهاب إلى لوحة التحكم.
  • ثم من القائمة الجانبية >>> تخطيط
  • تحرير 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 -->

0 التعليقات:

المشاركات الشائعة