عرض مشاركة واحدة
قديم 12-23-2012, 03:23 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Talking أزرار المشاركة : زر أعجبني، tweeter + التوصية على جوجل

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

والتي تحتوي هذه المرة على :
  1. زر أعجبني الخاص بالفيسبوك
  2. زر التوصية على جوجل
  3. زر Tweeter
مثال على الإضافة :

أزرار المشاركة : زر أعجبني، tweeter + التوصية على جوجل


شرح الإضافة :


الصق الكود التالي مباشرة قبل ]]></b:skin> :


كود بلغة HTML:
#box_social_bookmarks {
    background: url("http://s1.hespress.com/themes/hespress/img/gradient_light.gif") repeat-x scroll center top #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #777777;
    font-size: 11px;
    margin: 6px 0 12px;
    padding: 5px;
}
#box_social_bookmarks a {
    padding: 0 5px;
}
#box_social_bookmarks img {
    vertical-align: bottom;
}



ثم الصق هذا الكود بعد <data:post.body/> (غالبا يكون الكود الثاني هو المقصود) :


كود بلغة HTML:
<div id='box_social_bookmarks'>
<table>
<tbody>
<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>
<!-- Place this tag where you want the +1 button to render. -->
<div class='g-plusone' data-annotation='inline' data-width='300'/>

<!-- Place this tag after the last +1 button tag. -->
<script type='text/javascript'>
  window.___gcfg = {lang: 'ar'};

  (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>
</td>
<td>
            <div align='center'><a class='twitter-share-button' data-count='horizontal' data-lang='fr' data-via='bloggerexpcom' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></div>
</td>
</tr>
</tbody>
</table>
</div>



لا أسمح بنسخ الموضوع دون ذكر المصدر
+ غير مسجل لا تنس الضغط على زر أعجبني أسفله

الدعم العربي

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