معهد خبراء بلوجر - تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +1، مع العدادات الآن داخل مواضيع بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +1، مع العدادات الآن داخل مواضيع بلوجر

السلام عليكم

بعض طلب الأخ يوسف لشرح إضافة أزرار فيسبوك وتويتر و+1 أسفل عنوان مواضيع مدونات بلوجر

يسرني أن أقدم لكم الشرح وأنا أعتذر جدا من الأخ يوسف لأنه كان طلبه الثاني لنفس الإضافة :o:.

المهم هذا مثال حي للإضافة : مدونة تجريبية

الآن شرح الإضافة :

إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن </head> وأضف قبلها كود الجافا التالي :

كود PHP:


		
			
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

الآن ابحث عن :

كود PHP:


		
			
<data:post.body/>

لعرض الأزرار فوق المواضيع الصق الكود التالي قبل الكود السابق، ولعرضها أسفل المواضيع الصقه بعد الكود السابق :

كود PHP:


		
			
 <b:if cond='data:blog.url != data:blog.homepageUrl'>
<div align='center'>
    <table border='0' cellpadding='0' dir='rtl' height='40' width='200'>
        <tr>
            <td>
            <div align='center'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp; action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:150px; height:20px;'/> </div></td>
            <td>
            <div align='center'><div class='g-plusone' data-size='medium'/></div></td>
            <td>
            <div align='center'><a class='twitter-share-button' data-count='horizontal' data-lang='fr' data-via='BloggerSEOBlog' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></div></td>
        </tr>
    </table>
</div>
</b:if>

لعرض الأزرار حتى في الرئيسية احذف الكودين التاليين :

كود PHP:


		
			
<b:if cond='data:blog.url != data:blog.homepageUrl'>

كود PHP:


		
			
</b:if>

عثمان بن الطالب لا أسامح بنقل الإضافة دون ذكر المصدر.

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