السلام عليكم إخواني وأخواتي متابعي موقع Al Modwen . في موضوعنا اليوم سأقدم لكم إضافة رائعة من إضافات بلوجر والتي لها دور كبير في نشر الموقع على الانترنت وهي أداة المشاركة عبر المواقع الاجتماعية مع زرالإعجاب.

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

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

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

2- أنصحك بأخذ نسخه احتياطيه لـ قالب المدونة قبل إجراء أية تغييرات

3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)

<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'>
هل أعجبك الموضوع &#1567;
<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>
<!-- www.al-modwen.blogspot.com -->
<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>

أتمنى أن تكون الإضافة قد نالت إعجابكم وشكرا على المتابعة, يمكنك ترك تعليق إذا واجهتك مشكلة في التركيب وشكرا.

من فضلك شارك هذا الموضوع اذا اعجبك

بقلم أيــوب

أيوب, 23 سنة مغربي الجنسية. أهتم بجديد التدوين وإنشاء المواقع عن طريق منصة بلوغر بكل احترافية وهذا الموقع واجهة تعليمية للمبتدئين لتعلم التدوين في بلوغر. يمكنك متابعتى عبر