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

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

(1) هذه الخطوة خاصة للكاتب الشخصي والجماعي لا تتردد بتعديل عليها .

أولا تقوم بدخول الى قالب ثم إبحث عن هذا كود

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

(2) هذه الخطوة خاصة بالمدونة التي تحتوي على كاتب واحد فقط لا غير .

إبحث عن هذا كود إذا وجدت إثنان فالثاني هو المقصود وإذا وجدت أكثر 3 أو 4 المقصود هو الموجود أسفل كلمة إقرأ المزيد أو كلمة أكمل القراءة

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

بعد إضافة الكود قم بتغييركتابة الموجودة باللون الأزرق بالمعلومات الخاصة بك ثم قم بحفظ النموذج

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

(3) بالنسبة للمدونة التي تحتوي على أكثر من كاتب .

إبحث عن هذا كود إذا وجدت إثنان فالثاني هو المقصود وإذا وجدت أكثر 3 أو 4 المقصود هو الموجود أسفل كلمة إقرأ المزيد أو كلمة أكمل القراءة

<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='رابط مدونتك'>إسم الكاتب الأول</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='رابط مدونة الكاتب الثاني'> إسم الكاتب الثاني</a></h3> <p> فقرة تضم نبذة عن الكاتب الثاني </p> </div> </b:if> </b:if> 

(ملاحظة) هذا كود يعطيك 2 كتاب فقط إذا كنتم أكثر من 2 كتاب كرر نفس كود أسفله مباشرة سيصبح 4 وهكذا...

بعد إضافة الكود قم بتغيير كتابة الموجودة باللون الأزرق بالمعلومات الخاصة بك ثم قم بحفظ النموذج

وهنا نكون قد إنتهينا من إضافة تعريف أكثر من كاتب ومبروك عليكم .

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

وبالنسبة للكاتب الثاني اطلب منه أن يعطيك اسم حساب جوجل الخاص به ثم ضعه مكان (إسم حساب جوجل للكاتب الثاني) لكي يظهر أسفل أي موضوع تعريف