الجمعة، 19 أكتوبر 2012

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

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


ولشرح تركيب الإضافة تابع معي
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير 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>م&#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/AVvXsEi_Doej_qobXBsLu4x0CYT5bMw1RSiiAl0fgcFlk23IRNre7YMQAeX_Cqu7FiPnVuOvp7HWDYA0ChcD9RpHHB5etXteMvEpCHl4VMYNhSCIUnUj1bQDA3VxAczkIseFELVzd3pOI0zJTsM/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8HO-Fs_-eb2ValcAps79-Bt12NzLHZJwQliFKUEmJFf1UxuEFJuSWjwQqw_a4Je4QFILsU6FQ02_di08f5OXCVaD9kerNoqKf-vy8PpeeqW3KLO0jvuKNb16ERi26P1Nec4yXEF8PDs/&#39;)   
}
.delicious{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4Ec_FxVXkAw837i15qnyAFQ3-B7E3eX4U4794Ejk9MOZgm4ztgiElvtJxvHHtK6xLc2Fz05trWHpWvkhri1_BlTxqytuRwdxL86OOHgbP1dIqbMYoor_qU6p9HsDnMD8eDOAECQ9_yI/&#39;);

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

}
.rss{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRst988GNEnj656suHh6KyemlWtQDxdR9ANhXwa83QyW7KsY1ROc7RidIXzQKND-wcce-7MoBKi_eSfvOHM-mywlcZJe2pNMAtD0bHaA4MsF9_eV5bmeui6TsYZ1jNstRaYD2yc-WUUw/&#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>
احفظ قالبك .
تم بحمد الله .

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

إظهار التعليقات

Commentairesأضف تعليقك