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

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

والتي تحتوي هذه المرة على :

زر أعجبني الخاص بالفيسبوك
زر التوصية على جوجل
زر 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>

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