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

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

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

   -   شرح الاضافة

• ادخل الى لوحة تحكم بلوجر > ثم اضغط على قالب
• قم باخذ نسخة احتياطية من القالب فى حالة حدوث اى مشاكل
• اضغط على  " تحرير html "
• قم بالبحث عن الكود التالى عن طريق الضغط على ctrl+f

]]>

• ثم قم بلصق الكود التالى قبله :

 /* AuthorBio By Arab Technology
----------------------------------------------- */

#mblrib {
width: 111px;
height: 111px;
margin-right:-35px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbPNXqNfK5rIQuGninPKSc1fxeGVJrNK2mc6TGBBmsXhOXiUzJ_S1BJEDc-N0AZrOdaXehipV5EQlRX5HqgsPPU8GYdRbsyyxE3uRFBJwVPjLz8ncVzYW-7eDAA8-qvRLXh-37SDsy4x3/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox { width:610px;}
.authorinfoname { padding-bottom:8px;padding-right:35px;width:180px;display: inline-block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6VwsLgJQgvoWBsXHtnMxUuruwtLNbYmcTWB1uYonvvOR0XOT2iUQ18Uk79WGpkkexQOXa3WVabicWKCtLMIHXHlhagRGf3kHZOVfuPCP8pfUlY8-oGxVTZ3t-YMUuPQfZnqNv13EaQLo/s1600/line.png) no-repeat 50% bottom;}
.authorinfodescription {}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;

}
.mblautinfo {
background: #f5f5f5;
margin-left:20px;
-webkit-box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px 0px 9px rgba(255, 255, 255, 0.75);
box-shadow:         0px 0px 9px rgba(255, 255, 255, 0.75);
float:right; padding:2px;margin-right: 0px;height:110px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
float:center;
padding:10px 10px 10px 10px;
margin:20px 0px 5px 0;
color: #eeeeee;
font-family:GESSTwoMediumRegular;
font-size: 14px;
line-height: 26px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}
#socialcontact {
direction:rtl;
float:right;
background: #12bde9;
width:400px;
margin: -5px 0px 0 0;
}
#socialcontact img {
float:right;
margin: 0 8px 0;
}
#joinus {
background: #0c96ba;
float:right;
width:230px;
height:48px;
margin-top:-5px;
}

• ثم قم بالبحث عن الكود التالى

•  الصق بعده مباشرة الكود التالى

 
   

   

   

   
   
   

   

   

      بقلم : اسم الكاتب

   

نبذه عن الكاتب
   

   

   

   

   

   

   

   

   -   تعديلات

• استبدل اسم الكاتب باسم صاحي التدوينة
• استبدل نبذه عن الكاتب بنذه مختصره عن صاحب التدوينة لا تتعدى ثلاثة اسطر حتى لا تخرب شكل الاضافة
• استبدل روابط المتابعة على الشبكات الاجتماعية بالروابط الخاصة بالكاتب مثال : استبدل https://www.facebook.com/technology4ar/ برابط الفيس الخاص بصاحب التدوينه 
• نصيحة لاتغير روابط صور الشبكات الجتماعية لانى معدل ابعادها لتتناسب مع الاضافة
• اى احد له الحق فى تطوير الاضافة لكن دون ازالة الحقوق
• احقاقاً للحق الاضافة من تصميم الاخ جلال البعدانى و لكنى قمت بتطويرهـــــا