12-23-2012, 03:23 PM
|
#1
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
أزرار المشاركة : زر أعجبني، 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='"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>
<!-- 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>
لا أسمح بنسخ الموضوع دون ذكر المصدر
+ غير مسجل لا تنس الضغط على زر أعجبني أسفله
__________________
|
|
|