اداة المشاركه عبر المواقع الاجتماعيه بشكلين مختلفين ( اضافة هل اعجبك الموضوع )

اداة المشاركه عبر المواقع الاجتماعيه بشكلين مختلفين ( اضافة هل اعجبك الموضوع )

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

الشكل الأول:

كيفية إضافة هذه الأداة لمدوناتكم :

1- من لوحة التحكم -> قالب -> تحرير HTML

2- خد نسخة احتياطية للقالب قبل إجراء أي تغيرات

3-قم بالبحث عن الكود التالي بـ Ctrl+f

<div class='post-footer'>

إذا لم تجد الكود السابق قم بالبحث عن الكود التالي 

<data:post.body/>

ستجد هذا الكود مكرر أكثر من مرة (الكود المطلوب موجود بعد إضافة اقرأ المزيد)

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='alwan-share' style='width: 634px; height: 88px;padding: 7px;background: #f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;'>

<div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'>

<div class='fb-like-box'>

هل أعجبك الموضوع ؟

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>

</div></div><div align='left'>

<div style='float:left;padding:5px 5px 5px 0;'>

<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>

<a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

<div id='plusone-div'/></div>

</div></b:if>

الشكل الثاني:

         

                                                      كيفية إضافة الأداة لمدوناتكم

1- من لوحة التحكم -> قالب -> تحرير HTML

2- خد نسخة احتياطية للقالب قبل إجراء أي تغيرات

3-قم بالبحث عن الكود التالي بـ Ctrl+f

</head>

وألصق الكود التالي قبله مباشرة

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

الأن ابحث عن الكود التالي

<div class='post-footer'>

إن لم تجد الكود السابق ابحث عن الكود التالي

<data:post.body/>

ستجد هذا الكود مكرر أكثر من مرة (الكود المطلوب موجود بعد إضافة اقرأ المزيد)

الأن ألصق الكود التالي تحته تماما

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='width: 95%;

padding: 12px 15px;

margin: 10px 0 0;

border-bottom: 3px solid #d8d8d8;

background: rgb(245, 245, 245);'>

<span style='color: rgb(131, 131, 131);

font: 13px droidkufi-bold;'> هل أعجبك الموضوع &#1567; </span>

<div style='float: left; '>

<span class='st_plusone_hcount' displayText='Google +1'/>

<span class='st_facebook_hcount' displayText='Facebook'/>

<span class='st_twitter_hcount' displayText='Tweet'/>

</div>

</div></b:if>

انته الدرس أرجوا أن يعجبكم بالمناسبة هذه التدوينة تم إعادة تحديثها بسبب إحتوائها على بعض الأخطاء

تم النشر في : blogger internet