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

السلام عليكم رحمة اللة وبركاتة

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

اداة جميلة تتيح لزوار مدونتك مشاركة مواضيع مدونتك

عبر مواقع التواصل الاجتماعي 

( +Facebool , Twitter , Google )

الشكل الاول

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

طريقة التركيب

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

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

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

<div class='post-footer'>

اذا لم تجد الكود السابق فقم بالبحث الكود التالي

<data:post.body/>

ستجد الكود مكرر لكثر من مرة

 (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)

--الان الصق الكود التالي بعدة مباشرة 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<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> <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/>

ستجد الكود مكرر لكثر من مرة

 (الكود الذي بعد اضافة اقرأ المزيد هو المطلوب)

الان الصق الكود التالي بعدة مباشرة 

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<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>

المصدر