عرض مشاركة واحدة
قديم 12-03-2014, 03:49 PM   #1
يوزرسيف0
مدون جديد
 
تاريخ التسجيل: Dec 2014
المشاركات: 19
افتراضي قالب بلوجر احترافي لسنة 2015 محسن للسيو والموبايل

قالب جميل ورائع جدا



تحميل القالب === مشاهدة القالب


طريقة تعديل القالب ليتناسب مع استخداماتك :

1-تحسينات السيو والموبايل :

كود بلغة HTML:
<meta content='IE=edge' ='X-UA-Compatible'/>

    <meta content='IE=EmulateIE7' ='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>


-------------------------------------

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='وصف المداونة هنا ' name='description'/>
<meta content='الكلمات المفتاحية ' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
الجزء الاول من الكود خاص بتحسين السيو لاجهزة المحمولة ، وباقى الاكواد لها خصائص متعدة مثل كود لخفض ترتيب اليسكا وكذالك اضافة مدونتك الى محرك بحث الياهو ومحرك بحث يندكس ويسرع من الارشفة بشكل عام والجميل فى هذا الكود انة عندما يقوم الزائر بالبحث فى جوجل يظهر لة عنوان الموضوع على هذا الشكل " عنوان الموضوع | عنوان المدونة " وعندما يكتب الزائر فى جوجل اسم مدونتك تظهر على هذا الشكل " اسم المدونة | وصف مختصر لا يتعدى 160 حرف " مما يعطى تميزا وتالقا لموقعك بين المدونات الاخرى مثل ما هو الحال على مدونتى.


2-شعار القالب

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن هذه الكلمة : رابط الشعار

وضع رابط شعارك

كود بلغة HTML:
<a href='#'><img src='رابط الشعار'/></a>
3-شريط الروابط العلوي

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن هذا الكود :

كود بلغة HTML:
<div id='topmenu'>


4-تعديل شريط المواضيع




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

كود بلغة HTML:
<div class='mygallery'>
سوف تجد الكود التالي اسفله قم بتعديل روابط الصور والعنوانين والنصوص ورابط المواضيع
طبعاً رابط الموضوع سوف تكتب مرتين المرة الاولى عند كلمة رابط (1-2-3-4-5)والثانية رابط الموضوع (1-2-3-4-5)

كود بلغة HTML:
<li>
<div class='mytext'>
<a href='رابط1'>
<img class='sidim' src='رابط الصورة1'/>
</a>
<div class='clear'/>  
<h2><a href='رابط الموضوع1'>عنوان1</a></h2>
<p>النص 1</p>
</div>   	
</li>

الدعم العربي

يوزرسيف0 غير متواجد حالياً   رد مع اقتباس