هذا افضل اداة لعرض صندوق المفضلات الاجتماعية علي بلوجر
لمشاهدة مثال..اضغط هنا
التركيب:
1-
2 - ابحث عن هذا الكود عن طريق الضغط علي CTRL+F في لوحة المفاتيح
<div class='post-header-line-1'/>
اذا لم تجد هذاالكود ابحث عن هذا الكود
<data:post.body/>
ملحوظة: اذا وجدت اكثر من كود..اختار الثاني
3- ضع الكود التالي قبل اي من الكودين السابقين
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .multisharebox { background: none repeat scroll 0 0 #EFEFEF; float: right; margin: 5px 0px 3px 10px; padding: 0 5px 0; text-shadow: 0 1px 0 #FFFFFF; width: 260px; border:4px solid #d8dfea; } .fb-like-boxtop { background: none repeat scroll 0 0 #EDEFF4; border: 1px solid #D8DFEA; color: #000000; float: right; font-size: 11px; margin: 0 0; padding: 5px 10px; text-align: left; width: 230px; } .fb-like-boxtop a { color: #000000; text-decoration:none; } .fb-like-boxtop a:hover { color: #000000; text-decoration:underline; } .fb-like-box { background: none repeat scroll 0 0 #EDEFF4; border: 1px solid #D8DFEA; color: #000000; float: right; font-size: 11px; height: 60px; margin: 5px 0; overflow: hidden; padding: 5px 10px; text-align: left; width: 230px; } </style> <!-- Perfect Share Box : Created by www.bloggertipandtrick.net --> <div class='multisharebox'> <table><tr> <td><table><tr> <td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if></td> <td><script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&r=" + data:post.url'/></td> <td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td> <td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td> </tr></table></td> </tr><tr> <td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td> </tr><tr> <td><div class='fb-like-box'> Do you like this post? <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/> </div></td> </tr></table> </div> <!-- Perfect Share Box : Created by www.bloggertipandtrick.net --> </b:if>
4- احفظ القالب..ومبروك عليك
***من الممكن التعديل علي الوان الاداة كما تريد
***من الممكن التعديل علي الوان الاداة كما تريد
ليست هناك تعليقات :
إرسال تعليق
أهلا بكم زوار المدونة الكرام...نسعد دائما بتعليقاتكم