درس اضافة صندوق المشاركة للمواقع الاجتماعية لمدونات بلوجر







اضافه صندوق مشاركه رائع للمواقع الاجتماعيه ... تويتر .. فيس بوك .. جوجل Buzz .. و Stumbleupon بالاضافه الي : اضافه لبلوجر - ارسال بالايميل - اطبع - التعليقات بالاضافه الي زر like السريع للفيس بوك

مثال للصندوق:

طريقة التركيب :

1- سجل دخولك لبلوجر >> تصميم >> تحرير html 2- ضع علامه في خانة " توسيع قوالب عناصر واجهه المستخدم " 3- ابحث عن هذا الكود

الكود المراد البحث عنه :

رمز PHP:
<div class='post-header-line-1'/> 

4- انسخ الكود التالي وضعه بعد الكود الذي قمت بالبحث عنه

رمز PHP:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <
style type='text/css'>
    .
multisharebox {
      
backgroundnone repeat scroll 0 0 #EFEFEF;
      
floatright;
      
margin5px 0px 3px 10px;
      
padding0 5px 0;
      
text-shadow0 1px 0 #FFFFFF;
      
width260px;
      
border:4px solid #d8dfea;
    
}
    .
fb-like-boxtop {
      
backgroundnone repeat scroll 0 0 #EDEFF4;
      
border1px solid #D8DFEA;
      
color#000000;
      
floatright;
      
font-size11px;
      
margin0 0;
      
padding5px 10px;
      
text-alignleft;
      
width230px;
    }
    .
fb-like-boxtop a {
      
color#000000;
      
text-decoration:none;
    }
    .
fb-like-boxtop a:hover {
      
color#000000;
      
text-decoration:underline;
    }
    .
fb-like-box {
      
backgroundnone repeat scroll 0 0 #EDEFF4;
      
border1px solid #D8DFEA;
      
color#000000;
      
floatright;
      
font-size11px;
      
height60px;
      
margin5px 0;
      
overflowhidden;
      
padding5px 10px;
      
text-alignleft;
      
width230px;
    }
    </
style>

    <!-- 
Perfect Share Box by http://zoomplace.blogspot.com -->
    
<div class='multisharebox'>
    <
table><tr>
    <
td><table><tr>
    <
td><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.jstype='text/javascript'>
    
</script>
    </b:if></td>
    <td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 &gt;= 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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
    </div></td>
    </tr></table>
    </div>
    <!-- Perfect Share Box : by http://zoomplace.blogspot.com -->

    </b:if> 

5- سيظهر هذا المربع الرائع داخل كل موضوع في مدونتك

انتهي


http://www.traidnt.net/vb/traidnt1875023/