08-12-2012, 12:12 AM
|
#1
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +1، مع العدادات الآن داخل مواضيع بلوجر
السلام عليكم
بعض طلب الأخ يوسف لشرح إضافة أزرار فيسبوك وتويتر و+1 أسفل عنوان مواضيع مدونات بلوجر
يسرني أن أقدم لكم الشرح وأنا أعتذر جدا من الأخ يوسف لأنه كان طلبه الثاني لنفس الإضافة .
المهم هذا مثال حي للإضافة : مدونة تجريبية
الآن شرح الإضافة :
إذهب إلى تحرير 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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=150& action=like&font=tahoma&colorscheme=light"' 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'>
و
عثمان بن الطالب لا أسامح بنقل الإضافة دون ذكر المصدر.
عثمان بن الطالب إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.
__________________
|
|
|