15482721749897530
recent
أخبار ساخنة

شرح اهم اكواد بلوجر للمصممين

الخط

شرح اهم اكواد بلوجر للمصممين 

اليكم اكواد بلوجر هامة جدا لمصممين بلوجر

شرح اهم اكواد بلوجر للمصممين

في عالم تصميم بلوجر اللغات المستخدمة فيه معروفة html ,css , java ,jquery ,bootstrap وقد وضعنا درس لكيفية اضافة مكتبة بوتستراب في موقعك ولكن توجد اكواد بلوجر الاساسية مثل كود الترميز او اكواد الستايل الخاص بالقالب او الاكواد الاخري مثل رسائل المدونة او اكواد الهيدر وغيرها , اليوم سوف تتعرف علي هذه الاكواد والتي ستساعدك ان كنت مصمم مبتدئ في مجال بلوجر , لندخل في الشرح 

- كود ترميز بلوجر 

هذا الكود الذي يظهر في بداية اي قالب وهي ترميز القالب انه بلوجر 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <b:include data='blog' name='all-head-content'/>

 هذا هو الكود ويجب ان يضع اعلي القالب 
مابعده هو كود الهيد واكواد الميتا تاج : افضل اكواد ميتا تاج 2019 

- اكواد الستايل

وهذا هو مكان الذي ستضع فيه اكواد ال css لتغيير شكل القالب 
تضع هذا الكود 
<b:skin><![CDATA[/*  
وبعدها يفضل ان تضع اكواد معلومات عن القالب مثل هذا الكود 
-----------------------------------------------
Blogger Template template
Name:     Arabko
Designer: Ehab Zayn
URL:      www.mrarabko.com
----------------------------------------------- 
ثم بعدها تضع اكواد ال css الخاصة بك والخاصة بقالبك حتي هذا الكود 
]]></b:skin> 
هذا كود نهاية الستايل 

- اضافة اكواد جافا في بلوجر 

هذه اصبحت بسيطة جدا كل ماعليك ان تضع اكواد الجافا قبل الوسمين  </head> أو </body> 
ولكن ضع اكواد الجافا في هذا الكود 


<script type='text/javascript'>
//<![CDATA[
ضع كود الجافا سكريبت هنا
//]]>
</script>

- ا لاكواد الفرعية او الثانوية في بلوجر  

هذه اكواد ستفيدك حتي للمعرفة ان كنت غير مصمم في بلوجر 
كود عنوان المدونة
<data:blog.title/>
كود وصف المدونة
 <data:description/> 

كود عنوان الموضوع
<data:post.title/>
كود محتوى الموضوع
<data:post.body/> 

كود اظهار توقيت نشر الموضوع
<data:post.timestamp/>
كود اظهار ناشر الموضوع
<data:post.author/> 
 كود اظهار التسميات او الأقسام الخاصة بالمواضيع
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>&#1548;</b:if>
</b:loop>
</b:if> 
كود عدد تعليقات الموضوع 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(http://1.bp.blogspot.com/-Dg9rkuNAhoQ/Uci-SUa2AMI/AAAAAAAACNc/awVz_l4YTPE/s1600/track.png) no-repeat;Padding-left:20px;opacity:0.5;'><b:if cond='data:post.numComments == 0'>لاتوجد تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> تعليق واحد <b:else/><data:post.numComments/> تعليقات </b:if> </b:if></a>
          </b:if>
        </b:if>
محتوي المواضيع او التدوينات 
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'></b:widget>
</b:section>

كود رابط الرسائل الأقدم
<data:olderPageUrl/>
كود عنوان الرسائل الأقدم
<data:olderPageTitle/>
كود رابط الرسائل الأحدث
<data:newerPageUrl/>
كود عنوان الرسائل الأحدث
<data:newerPageTitle/> 

انتظرو الجزء الثاني من الموضوع
ونكون وصلنا لنهاية موضوع اليوم  واذا واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا, او اذا كنت تريد شرح معين عن شي في بلوجر أو في SEO او في عالم المواقع عموما لاتتردد في كتابته في التعليقات 
شرح اهم اكواد بلوجر ( الجزء الثاني) للمصممين 
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة