ضافة صندوق المؤلف فى اسفل كل تدوينة فى بلوجر


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


  - قم بالتوجه الى بلوجر > القالب > تعديل القالب > ابحث عن الوسوم التالى

]]></b:skin>

قم باضافة الكود التالى فوق الوسوم السابق

.author_info {
float: right;
width: 573px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}

ابحث عن الوسوم التالى

<div class='post-footer-line post-footer-line-1'>

قم بلصق الكود التالى اسفل الوسوم السابق

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='https://lh6.googleusercontent.com/-jKbXnIlQw9k/AAAAAAAAAAI/AAAAAAAACVU/GELJS2v6xLs/s250-c-k/photo.jpg'/></div>
<h3>About the Author</h3> This article is written by: <a href='YOUR_BLOGGER_PROFILE_LINK'><b>YourName</b></a> - who has already written <b>30</b> articles for <a href='BLOG_LINK'>BLOG_NAME</a> YourName is a professional web designer. Catch him on <a href='http://twitter.com/yourID'>Twitter</a>, <a href='Your Facebook URL'>Facebook</a> or <a href='your e mail ID'>email</a> him <br> </br> <br> </br>
YourName&#39;s <a href='your web url'>Website</a><br style='clear:both;'/>

</div>
</b:if>

قم باستبدال النصوص السابقة بنصوص وروابط وصورة موقعك فى الفيسبوك وتويتر ببيانات صفحاتك الشخصية.
يمكنك تعديل الخط والكلمات عبر الكود الاول .

ليست هناك تعليقات:

إرسال تعليق

تقنيات الانترنت تصميم محمد بقلوله جميع الحقوق محفوظة 2014

صور المظاهر بواسطة sndr. يتم التشغيل بواسطة Blogger.