مدونة المعرفة الاحترافية: تتحصص في كل ما يتعلق ببلوجر و أدسنس من شروحات واضافات وقوالب,والربح من النت,برامج,شروحات,هنا طريقك للأحتراف

تابعنا على

test

الموبيل

Post Top Ad

Your Ad Spot

23‏/4‏/2013

الطريقة الصحيحة لأضافة تعريف كاتب التدوينة تحت الموضوع

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

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





/* Author Bio */
.postauthor {
    background: #F5F5F5;
    border-top: 1px solid #e1e1e0;
    border-bottom: 1px solid #e1e1e0;
    overflow: hidden;
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede;
    float: right;
    margin-left: 1em;
}
.postauthor h3 {
    color: #666;
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 0;
}
.postauthor p {
    color: #515151;
    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'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> نبذة عن الكاتب </p>
</div>
</b:if>

أرجوا ان يكون الموضوع قد نال اعجابكم لا تحرمونا من تعليقاتكم أو استفساراتكم

هناك 6 تعليقات:

  1. http://www.world2technology.blogspot.com

    ردحذف
  2. موضوع مفيدة وهذه مدونتى
    http://egypt4abroad.blogspot.com/

    ردحذف
  3. موضوع رائع
    ارجو اعطائي النصائح حول مدونتي http://karrar0.blogspot.com/

    ردحذف
  4. شكرا جزيلا موضوع قيم
    http://www.1bestonline.com/

    ردحذف
  5. طب لو حبيت احذف الكود من الموقع احذفها ازاي http://hasanamen.blogspot.com.eg/

    ردحذف

شـاركنـا بتعليقك , أستفسارك ,رأيك كل هذا يهمنا
رجـاء تجنب استعمال التعليقات لبث روابط اعلانية

Post Top Ad

Your Ad Spot