اضافات بلوجر

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

اضافات بلوجر

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

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

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

/* 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>

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

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

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- الكاتب الأول -->
<b:if cond='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 cond='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 cond='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 لتعدل خلفية و حدود مستطيل تعريف الكاتب …اضافات بلوجر تعريف الكاتب

عياش محمد

شاب جزائري . مهتم جداً بالمعرفة والإطلاع على كل ما هو جديد في عالم التقنية والعمل من خلال الإنترنت. متابع ومهتم بكل ما له علاقة بعالم تكنولوجيا الإتصالات والإنترنت بشكل عام . أقرأ بإستمرار في الكثير من المجالات، وخصوصاً في مجال التقنية والعمل اونلاين . أبحث جيداً قبل كتابة أي موضوع في الموقع . وأختار مصادري بدقة وعناية بناءاً على التنوع والجودة . هدفي تقديم قيمة حقيقية تستحق وقت القراء الأعزاء وتساعدهم علي النجاح. شعاري في الكتابة دائماً هو الجودة، مهما كلفني ذلك من وقت ومجهود.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى