شرح اضافة الازرار الاجتماعية اسفل الموضوع فى مدونة البلوجر

الكاتب بتاريخ عدد التعليقات : 0

اهلا بيكم زوار الكمبيوتر العربى فى درس جديد من دروس تطوير منصة بلوجر ودرس اليوم هو عبارة شرح اضافة الازرار الاجتماعية اسفل الموضوع فى مدونة البلوجر

شرح الاضافة 


  1. من لوحة التحكم >> قالب >> تحرير HTML
  2. خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
  3. قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
  4. قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي



#share-button p{float:right;display:block;padding:5px 8px!important;margin:0 0 3px 3px;border-radius:6px 6px;border:1px solid #fff}
#share-button a{float:right;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}
#share-button a:hover{top:1px;right:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}
.share {border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:17px;padding:10px 0 8px 0;margin-top:25px;position:relative}
5- ابحث عن : <div class='post-footer'> او <div class='post-footer-line post-footer-line-1'>
6- ضع الكود التالي فوقه مباشرة

 <div class='share'>
<span style='float:right;margin-top: 5px;'>
<b>
: بضغطة زر تشارك الفائدة وتدعم المدونة
</b>
</span>
<div id='share-button'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div> 
</div> 

0 تعليق على موضوع "شرح اضافة الازرار الاجتماعية اسفل الموضوع فى مدونة البلوجر"


الإبتساماتإخفاء