الأحد، 27 مارس 2016

طريقة اضافة ازار المشاركة لمواقع التواصل الاجتماعي للمدونة

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

طريقة اضافة الكود :

 نذهب الى القالب ومن ثم HTMl

 نقوم بالبحث عن :
]]></b:skin> 

 ونضع فوقه مباشرة الكود التالي :

 


 #share-button{overflow:hidden}
#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}



ابحث عن : <div class='post-footer'> او <div class='post-footer-line post-footer-line-1'>
 وضع الكود التالي فوقه :



<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>
 
 
لا تبخل علينا بكلمة شكر
  
شارك الموضوع :
Kamal Rajab

عن الكاتب:

مواضيع ذات صلة :

كتب هذا الموضوع : في
الاشتراك في: تعليقات الرسالة (Atom)
جميع الحقوق محفوظة © ديسك توب للمعلوميات
صمم بكل من طرف : أبوهلال بدر