أزرار المفضلات الاجتماعية بشكل جديد ومتحرك

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

]]></b:skin>

ثم ضع الكود التالي فوقه :

.post_share{float:left;border:1px solid #DDD;margin-right:10px; top:200px; padding-top:10px;position:fixed;background:#FFF;margin-left:-80px; padding-bottom:10px;} .post_share .wdt_button{clear:left;margin:0}

top:200px : تعني المسافة الفاصلة بين بداية الصفحة و الأداة,قم بتعديلها حسب مدونتك
ثم قم بالبحث عن الكود التالي : فإذا وجدت 2 من هذا الكود ،فالثاني هو المقصود

<data:post.body/>

ثم ضع الكود التالي فوقه :

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

<div class='post_share'>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://sites.google.com/site/mohamedabuiyad/abu-iyad-social/button.js' type='text/javascript'> </script>
</center>
</div>
<div class='wdt_button'>
<center>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' onClick='return buzzPopup(this, &apos;Buzz this&apos;)' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3y0eZc-LNb0iIY_-JSoHyINj_Q1-58P9rpWmWoMVWpXy_O3-qTFABIXxsNWY71dZ2LpRAemYb8WS_7yUJ1sGqNOcY6hdocy3-9Zwg_JNqj01e6TWiiXjcqYSHa7lpX8af0K_9VlBNh2E/s1600/g-buzz.png'/></a>
</center>
</div>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
scoopeo_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://scoopeo.com/clicker/insert/large' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>Email
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</center>
</div>
</div>
<font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
</b:if>

أخيرا قم بحفظ القالب و إذهب للمعاينة,فلا تنسى التعليق على هذا الموضوع,في إنتظار تشجيعاتكم

I'm reading: أزرار المفضلات الاجتماعية بشكل جديد ومتحرك

بقلم أحد المدونين في فور نت

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

قسم : اضافات بلوجر