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

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






صورة الإضافة

ولشرح تركيب الإضافة تابع معي
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير html ثم قم بتوسيع القالب , ولا تنسى بأخذ نسخة احتياطية من قالبك .
ابحث عن

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

ثم قم بوضع هذا الكود بعده مباشرة

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMfrUYL4jU6fJ-OaLE3hPXtLS-44lZ09ORXufDlG_GYbCjk9Q4yIPEcXrOeCQzxDTZrZkV5SE2gn_RuOd9uHAzsWEojV-joVNCjz7kK0yorwS3LbRyKPzCVKllCJfvpivBD_XPrw5HUw//' 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/AVvXsEgaLXwTv1m-xVuh0jmLSeWJBw8qSFsjwNfHQivHxKYSRqKcfNFqz4UvAMaBYNH2NpgHuNXcOA2Lx0ySa-51mH4kQWJpogqQHjyPcUZSXuTQ7KHRFc2EMiMgGrvh5UhCrUSwB8YOGyE9amg//&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdEXgM6W2jg55kQLw7sjuOHd2ej3Dn6iei5Sb-OoayYCDKP9s6ltXmxW6iAyiSOn3H0NKglUKSrN-BA3XRf1bc8UtltnB-xMCSGL2NW34NTnpneOcyn2j_0bHYmfM4ij0Y-ykQDjP5AHI//&#39;)  
}
.delicious{  
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNGEeyK2gMQF_ZW9JgVL2lp2TsUoeb4UlgyzFvdT46iFBe0qwwHu0gKcvHoTXFOLMfiYd3BjhOBAMJ7j15xxZ3vkgWA1QzJOoSaUTbSlHV6hSoBb9FLVhJrKqWm8V2c533h9dW_itvRbQ//&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzs_KkY91MGoDbQYxbCYWlpRt5xnGrS1xvk3DWzLj1uNiqN1iAZ6k31Qz0ucu4JWR2oL-JqZFI5ITv48KUrnhtCoSoytP5kGiRANcT-jj0EjhimpU3pCBEF3pEPXN9dKYolzSo_ai-XI//&#39;);

}
.rss{  
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfH3ESy8ndWaZJ9uWSKfwYVM37XrPz0VKaeP4WyALC7QctsxtwLmo_7R5O8Y4MOXMzydr0MnnAVx5OFZSb6AeOThDE0VG0GM6Ucs73PA4jA-wZlek2uk66uDugWsp-UX9L2UICtRj1pk//&#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>

احفظ قالبك .
تم بحمد الله .

بقلم العماد

عماد البدري : غالباً ما يفشل معظم الناس في الحديث عند التعريف بأنفسهم، ويعجبني في هذا المقام أن أنضم لمعظم الناس، فقد حاولت استفزاز نرجسيتي أكثر من مرة لمعرفة من أنا، أو على الأقل لأفتح المجال أمام (الأنا) لتعبّر عن ذاتها , صدقاً لم أجد الكثير لأخطه عن نفسي، إلا بعض عادات أداوم بين الفينة والأخرى على فعلها، وشخصيات أحب تبني أفكارها وآرائها، وأعتقد أن الإنسان يعرف بأقرانه، ومن خلال اهتماماته يمكنك سبر أغواره، ربما هي طريقة جميلة أن تعرفني من خلال ما أحب وما أكره، يمكنكم متابعتي والتواصل معي على صفحتي بتويتر @ ALEMAD5 أو عبر الفيسبوك AL EMAD