أنت هنا: كيف يمكن أن تضيف صندوق الكاتب تحت التدوينة

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




بسم الله الرحمن الرحيم 
السلآم عليكم ورحمة الله وبركاته 


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


اعتقد بأنك قد شاهدت مدونات زرتها ، وكيف تكون كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في مدونات بلوجر.
 
نتعلم اليوم طريقة إضافة تعريف للكاتب أسفل موضوعه لكل من المدونات الشخصية ذات الكاتب الوحيد و كذلك المدونات التي تعدد كتابها .
 
      1- من  لوحة التحكم -> قالب -> تحرير HTML 
     2- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

                                                
]]></b:skin>
تم والصق الكود التالي قبله تمامآ
#mblrib {
width: 111px;
height: 111px;
margin-right:-15px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmQYyjKuQ_QraKyhTD5UGQHD8Mkvduq2gbRklE920lgGwqtPbMUA0hn1Xp0897aYi4QsXYlCF9pnitKmBE4wDo7p7_8q2Z1Mvb5Ibz8Hgvb3l0SRKCzQB6EsQKa384Os6_M1L38JPhPuU/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox {border: #4f5966 solid 3px; width:100%;}
.authorinfoname { text-decoration:underline;}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;
}
.mblautinfo {
border: #f5f5f5 solid 5px;
-moz-border-radius: 74px;
-webkit-border-radius: 74px;
border-radius: 74px;
margin-left:20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:right; padding:4px;margin-right: 0px;height:100px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
line-height:1.7em;
float:center;
padding:10px 10px 10px 10px;
margin:20px 5px 5px 0;
color:white;
font-family:GE SS Two Light;
font-size: 14px;
line-height: 24px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}

ثم قم بالبحث عن 


<div class='post-footer'>
** والصق الكود التالي بعده  مباشره (تحته) 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='mblautbox'>
<div id='mblrib'>
</div>
<a class='authorinfolink' href='https://plus.google.com/u/0/103499777490414306950?rel=author' title='jalal'>
<img border='1' class='mblautinfo' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' title='albaadani'/>
</a><br/>
<div>
<div class='mblautobox'>
<b>بقلم:</b>
<span class='authorinfoname'>اسم الكاتب</span></div>
<div class='authorinfodescription'>
اكتب هنا نبذه قصيره عن الكاتب
<br/>
<b>يمكنك متابعتي على:</b>
<a href='http://facebook.com/mmaroc'>فيس بوك</a> | <a href='https://twitter.com/promaroc'>تويتر</a> | <a href='https://plus.google.com/103499777490414306950?rel=author'>جوجل بلس</a> | <a href='http://www.youtube.com/mmaroc1'>يوتيوب</a> | <a href='http://maroc-th7.blogspot.com/'>الموقع</a>.</div>
</div>
<div style='clear: both;'>
</div>
</div>
</b:if>

الموضوع من قسم:

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

عن الكاتب

شاب مغربي و عضو في موقع أخباري الذي يدافع، عن وجهة نظر الشعب المغربي بطريقة فكاهية أو موضوعية