بسم
الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد
النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد ,
السلام عليكم ورحمة الله وبركاته , أقدم لكم اليوم إضافة أزار شارك
التدوينات في المفضلات الاجتماعية , مع نبذة مختصرة عن المدون كما بمدونة
ذؤيب , حيث تنقسم الإضافة الى نصفين , النصف الأول وهو عن عبارة عن مقتطف
صغير وتكتب فيها نبذة مختصرة عن نفسك , والنصف الثاني أزار المشاركة ,
ويوجد بها زر مشاركة تويتر , وفيسبوك الى أخره .
ولشرح تركيب الإضافة تابع معيمن لوحة تحكم مدونتك , ثم التصميم ثم تحرير 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/AVvXsEjlvM5n5VrK4QqcfQuc2i5Aj_9W74EANxI4RL20Wi3OVMlXseUtv5Plu8MU_S6tkJNuubkJubHozwaUKPU_mxKPpJM4Z74T5Le9f-fBkhq7rZ45_xna-Xei2gCRoE_fMRjMWqWvFsHd1gU/' width='70'/>
</div><h3>بقلم باسم</h3>مُدوٍن مِصري , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Doej_qobXBsLu4x0CYT5bMw1RSiiAl0fgcFlk23IRNre7YMQAeX_Cqu7FiPnVuOvp7HWDYA0ChcD9RpHHB5etXteMvEpCHl4VMYNhSCIUnUj1bQDA3VxAczkIseFELVzd3pOI0zJTsM/');
}
.facebook{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8HO-Fs_-eb2ValcAps79-Bt12NzLHZJwQliFKUEmJFf1UxuEFJuSWjwQqw_a4Je4QFILsU6FQ02_di08f5OXCVaD9kerNoqKf-vy8PpeeqW3KLO0jvuKNb16ERi26P1Nec4yXEF8PDs/')
}
.delicious{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4Ec_FxVXkAw837i15qnyAFQ3-B7E3eX4U4794Ejk9MOZgm4ztgiElvtJxvHHtK6xLc2Fz05trWHpWvkhri1_BlTxqytuRwdxL86OOHgbP1dIqbMYoor_qU6p9HsDnMD8eDOAECQ9_yI/');
}
.print{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibUM8Qf60ehFfxTW5xf8wsvSN1cHLNHPYznn67zNkaaxWeDAZ3aGkQrbO2QLs4ee4mESME0WfkoJmnwzabFvXf0MeDzMzzgXYPYy6X6fnsOdo0S_N8rsG9cyH4d7VBBKlfAJdBC1D0l4/');
}
.rss{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRst988GNEnj656suHh6KyemlWtQDxdR9ANhXwa83QyW7KsY1ROc7RidIXzQKND-wcce-7MoBKi_eSfvOHM-mywlcZJe2pNMAtD0bHaA4MsF9_eV5bmeui6TsYZ1jNstRaYD2yc-WUUw/');
}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='"http://twitter.com/share?text=" +data:post.title+ "&url=" + data:post.url + "&via=doaibblog&related=اسم مدونتك"' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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 == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>
</div>
تم بحمد الله .
ليست هناك تعليقات:
أضف تعليقك