كيفية تثبيت مربع المؤلف مع أزرار وسائل الإعلام الاجتماعي على مدونة بلوجر

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

كيفية تثبيت مربع المؤلف مع أزرار وسائل الإعلام الاجتماعي على مدونة بلوجر

هذي الإضافة سهلة التثبيت وهي متعدد المؤلفين ومهمتها هو تقديم ملفات تعريف مختصرة عن مؤلفين المقالات وتدعم هذه الأداة البسيطة الكثير من المؤلفين خاصة إذا كانت المدونة أو الموقع يدير المشرف وتضم عدة مؤلفين اَخرين

طريقة تركيب أداة المؤلف

قم بالدخول إلى مدونتك

ثم تحرير HTML ثم CTRL + F

ثم ضع الإضافة التالية فوق هذا الوسم ]]></b:skin> أو </style>

/* CSS Author Box */
.authorboxwrap{
    background: #fff;
    margin: 0px 0px -4px;
    padding: 15px;
    overflow: hidden;
 border: 1px solid #f0f0f0;
}
.avatar-container {float:right;margin-left:20px;}
.avatar-container img{width:110px;height:auto;}
.author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#00b02a}
.author_description_container h4 a:hover{color:#333}
.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:2px;transition:all .3s;}
.authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;    border-bottom: 4px solid #273d6b;
    border-radius: 0px 15px 0px 15px;}
.authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;    border-bottom: 4px solid #2a7bab;
    border-radius: 0px 15px 0px 15px;}
.authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;    border-bottom: 4px solid #902319;
    border-radius: 0px 15px 0px 15px;}
.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}

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

<!-- deskripsi penulis -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>
  الكاتب /
<data:post.authorAboutMe/>       
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>
<!-- deskripsi penulis end -->

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

رؤيا للتقنيات

كيفية تثبيت مربع المؤلف مع أزرار وسائل الإعلام الاجتماعي على مدونة بلوجر

كيفية تثبيت مربع المؤلف مع أزرار وسائل الإعلام الاجتماعي على مدونة بلوجر

Default