عرض مشاركة واحدة
قديم 08-12-2012, 12:12 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Lightbulb تجميعة زر أعجبني للفيسبوك، زر تويتر، زر +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 
document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pos);
  })();
</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'><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> 

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

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

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس