إعلانات أدسنس

Followers

The Quick, Brown Fox Jumps Over a Lazy Dog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut leo sit amet lorem posuere lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sed ligula enim, sit amet congue nisi. Duis ante sapien, congue at aliquam auctor, facilisis in eros. Nullam nec risus velit. Aliquam erat volutpat. Mauris varius nibh id tellus ultricies gravida.

Li Europan Lingues es Membres Del Sam

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut leo sit amet lorem posuere lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sed ligula enim, sit amet congue nisi. Duis ante sapien, congue at aliquam auctor, facilisis in eros. Nullam nec risus velit. Aliquam erat volutpat. Mauris varius nibh id tellus ultricies gravida.

Sed Ut Perspiciatis Unde Omnis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut leo sit amet lorem posuere lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sed ligula enim, sit amet congue nisi. Duis ante sapien, congue at aliquam auctor, facilisis in eros. Nullam nec risus velit. Aliquam erat volutpat. Mauris varius nibh id tellus ultricies gravida.

السبت، 5 يونيو 2010

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

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

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 التعليقات:

إرسال تعليق

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More