الخميس، 1 أغسطس 2013

إضافة تعريف كاتب الموضوع لمدونات بلوجر

4:41 ص  Unknown  لا يوجد تعليقات


 إضافة تعريف كاتب الموضوع لمدونات بلوجر الشخصية و الجماعية






1 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية

هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML  و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin>  و قبله مباشرة ضع كود CSS الآتي :



/* Author Bio */

.postauthor {

: #F5F5F5; 
    border-to

    backgroun
dp: 1px solid #e1e1e0; 

olid #e1e1e0; 
    overflow: hidden; 

    border-bottom: 1px 
s    padding: 0.7em;
}
.postauthor img {

: right; 
    margin-left: 1em;

    border: 5px solid #e2dede; 
    floa
t
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 

    color: #515151; 
   

    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
 font-size: 12px; 


    margin-bottom: 10px;
    margin-top: 0;
}


/* Author Bio End */

الخطوة الثانية :  ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  ثم مباشرة بعدها ضع الكود الآتي:


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

<div class='postauthor'>

src='رابط الصورة الشخصية' width='80'/>

 <img alt='' height='80'
 

<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>


 

<p> فقرة تضم نبذة عن الكاتب </p>


 

/div>



<</b:if>

غير ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث سيمكنك معاينة صنيعك عبر التوجه لصفحة موضوع ما على مدونتك.


2 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*)  كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  و مباشرة بعدها ضع الكود الآتي:


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

<!-- تعريف الكاتب الأول -->

 == &quot;أحمد&quot;'>

<b:if cond='data:post.autho
r

div class='postauthor'>



<   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>


   <h3>بقلم <a href='Blog Link'> أحمد </a></h3>


   <p> فقرة تضم نبذة عن الكاتب </p>


 </div>

</b:if>

يف الكاتب الثاني -->
<b:if c

<!-- تع

رond='data:post.author == &quot;جواد&quot;'>


<div class='postauthor'>


   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>


   <h3>بقلم <a href='Blog Link'> جواد </a></h3>


   <p> فقرة تضم نبذة عن الكاتب </p>


 </div>

</b:if>




</b:if

>

قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...


منشورة في:

0 التعليقات:

إرسال تعليق