طريقة وضع معلومات عن المدونه مع مواقع النشر اسفل الموضوع

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

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

او قم بالبحث عن هذا الكود

 <data:post.body/>

وضع بعدة مباشرة الكود الموجود بالاسفل

<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg' width='70'/>
</div><h3>بقلم تقارب</h3>م&#1615;دو&#1613;ن ع&#1616;ربي , مهتم بمتابعة كل جديد خاص بمنصة بلوجر .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;
}
.twitter{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SF0HaIGz2MLueNBIdvt0apiJe8M4dQ3caQqtC3w1zm3AaydM1IPZjytJ4W7nLvwMzOapQbsxLdvJ4RFO_CUsgoCK8YcC8WwDfG-7jY90j24X8ajQHn26fygm41C2_Y-JWV4wZ6Y5Gno/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8RURx8uqiT4K9VMV5-KA-mk-ZlRiO55vIcmjy3uOqZv5mGWxooMB1TZG6jHmH8l5LY5Gq6c0IS4_yuB5frAvIpLfeHXywIOy9l5KTGN7T9rHMCQaVpONpoomKfkZ4uoOLn0tMuyihINQ/&#39;)
}
.delicious{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPNKUoqaGMOPvQu5fnmGDFSMzm8fkW4s9-4XZUfBhGzcZdW_gl6bArcFaTzEzxQu7_90XomhLIA6CpNYJR0QZaki-oRytp-5O_-poDiJFE3tDzpIaKI3lfB7qA3btihfjIWIn8XeDk1k/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtWGs10xspQR4neseRNgM6X81sxBR73iog6GnwEyBTKVHnmIhGG8tOkBQC8lR4PTCkYbRxwEZ00wjfOBY0D-TT3xm9NvZf8_N4Ek6uhCMx-V_Vty6ZLPN3QaMYr9IazJA7oB6dIi-nGd8/&#39;);

}
.rss{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-p9Dq-OqDW654VDMJLThbJa0SVbD8E5aMUQilFiVojm2IfDpc1prj6-OfJ2a9AqXlOKVeCgi6Q-jpFBLkMK6_dXtJ9AZcN6k6sbI8m3ftJpcYz-Wse5ZyhkY9r7ZVkZbvBEfzzSTQkQ/&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>

قبل حفظ القالب ابحث داخل الكود عن رابط الصوره تلك

http://lh6.googleusercontent.com/-feF1Sq3hroQ/AAAAAAAAAAI/AAAAAAAABgg/uq8yz1a4Btc/s50-c/photo.jpg

وقم باستبدال رابط الصوره برابط صوره تختارها انت
الان تستطيع حفظ القالب والذهاب الي اي تدوينه ومشاهده الاضافه اسفل المشاركه.