اجدد الاخبار

شرح إضافة زر " المفضلات الإجتماعية " كنص متحرك في جانب المدونة


إضافة متميزة لمدونتك . لتسهيل إضافة المواضيع الخاصة بالمدونة الى مواقع النشر الاجتماعية بسهولة عن طريق زوارك وأعضاء مدونتك . حيث هناك عدة طرق لإضافة هذا الكود . حيث منه من في نهاية الموضوع ومنه من هو بجانب الموضوع ومتحرك مع المدونة
كالآتي :

1. ادخل إلى لوحة التحكم ثم الى التخطيط ثم تحرير ال HTML
2. قم بعمل نسخة احتياطية من القالب الخاص بيك .
3. قم بعمل بحث (CTRL+F) عن هذا الكود
]]></b:skin>
وقم بإستبداله بهذا الكود مباشرة
#share_scroller {
left:0;
position:fixed;
top:700px;
}
#share_button {
left:0;
position:fixed;
top:700px;
width:80px;
}
#shares {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
background-color:#CCCCFF;
border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;
border-style:solid;
border-width:1px;
bottom:100px;
margin-top:10px;
position:fixed;
width:63px;
}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}
]]></b:skin>
ثم قم بعمل بحث عن
<body>
ثم قم بوضع هذا الكود تحته مباشرة
<div id='share_scroller'>
<div id='share_button'>
<div id='shares'>
<div class='SMVote'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
        <div class='SMGap'/>
<div class='SMVote'><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/></div>
     <div class='SMGap'/>
<div class='SMVote'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><script src='http://nirav07.110mb.com/blogger.php' type='text/javascript'/></div>
</div>
</div>
ثم احفظ القالب .
تم بحمد الله

0 التعليقات:

إرسال تعليق

بقلم احمد حجازي

الاسم ل احمد حجازي ،البلد مصر ، العمل مصمم ازياء ،