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

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

اضافات بلوجر

-أولا نتوجه إلى القالب ونقوم بالبحث على كلمة  "  ]]></b:skin>  " عن طريق Ctrl+F

ونقوم بوضع هذا الكود قلبه مباشرة 

/*------post author------*/

.post_author {background: #FFF;overflow: hidden;padding: 15px;margin-top: 0;border-top: 1px dotted #EEE;border-bottom: 1px dotted #EEE;}

.author_avatar {float: right;margin: 0 0 0 15px;}

.author_wrapper h4 {font: normal 18px mobde3blogger;background: #EEE;margin: 0 0 10px;padding: 3px 12px;display: inline-block;}

.author_wrapper h4 a {text-decoration:none;color:#444;}

.author_wrapper h4 a:hover {color:#00b5b5;transition: all 0.4s ease-in-out;}

.author_wrapper p {font: normal 12px tahoma;color:#888;margin: 0;padding: 0;line-height: 1.8em;}

#contact {color: #444;margin-top: 6px;}

#contact b {font-family: mobde3blogger;font-size: 13px;}

#contact a {text-decoration: none;color: #00b5b5;font: 15px GE SS TWO bold;}
#contact a:hover {color:#444;transition: all 0.4s ease-in-out;}

بعد إضافة كود Css سوف نقوم بإضافة كود Html قما قلنا نبحث عن كلمة "<data:post.body/> " عن طريق Ctrl+F

أو ان وجدت الكثير منها أضف الكود التالي بعد كود إقــرأ المـزيـد 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_author'>
<div class='author_avatar'><div class='small_thumb'><img height='auto' src='http://www.shy22.com/upfiljpg/mpn58438.jpg' width='100'/></div></div>
<div class='author_wrapper'>
<h4> الكاتب : <a href='#'>جلال الدين عسكري</a></h4>
<p>جلال الدين عسكري &#1548; من المغرب وبالضبط في مدينة المحمدية &#1548; مدون ومبرمج ومحترف في عالم البرمجيات وكل مايخص بلوجر.</p>
  <div id='contact' style='      '>
<b> يمكنك متابعتي على :</b>
<a href='https://www.facebook.com/jalal.askari.7'>فيس بوك</a> | 
<a href='https://plus.google.com/u/0/108036559289073944110'>جوجل بلس</a> |
 <a href='https://www.youtube.com/user/aymenaskari'>يوتيوب</a> |
 <a href='http://mobd3blog.blogspot.com/'>الموقع</a>.</div>
  </div></div></b:if>

.بعد اضافتها في قالبك ماعليك سوف تغير كل ما هو باللون الاخضر بالمعلومات التي تخصك .

اتمنى ان يعجبكم لا تبخلوا علينا بلايك وكومنت لتشجيعنا وتقديم الافضل.

كلمات مفتاحية :
إضافة كاتب الموضوع في بلوجر.
إضافة تعريف كاتب الموضوع اسفل التدوينه لمدونات بلوجر.
إضافة تعريف كاتب الموضوع لمدونة بلوجر.
إضافة تعريف كاتب الموضوع لمدونات بلوجر.
إضافة لمحة عن الكاتب لمدونات بلوجر أسفل التدوينة.