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

أعلن هنا
شاركه على +Googleأضفه الى Deliciousشاركه على Twitterشاركه على Facebookأضفه الى StumbleUponأضفه الى Digg
Pin It
السلام عليكم و رحمة الله تعالى و بركاته ،كما ذكرنا في الموضوع السابق عن إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر الآن نستهل موضوعنا التالي بشرح كيفية إضافة أزرار المفضلات الاجتماعية بتصميم جديد ،حيث تتميز هذه الأداة بكونها تتحرك بشكل عمودي عند التصفح للمدونة كما لو أنها تتبع الزائر أينما ذهب فتقول له ساهم في نشر الموضوع يا صديقي ههههه .

image alt




انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/AVvXsEh0hXQtCnK44QnBkuXeiCjJEQPqs6EssLFHkyLxCVKiKWFaFkt81ADyD4VLIr-2pPf0S6YGM5efxFbdyW16dVnB6TYQ0le5YppjUlpsEO3Pn_xwXsoLHrt3LsDyYG4tZy8pBK_zaOF6vh8/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>
أخيرا قم بحفظ القالب و إذهب للمعاينة,فلا تنسى التعليق على هذا الموضوع,في إنتظار تشجيعاتكم
Pin It
أعلن هنا

بقلم mohammed glal

مهندس مصري ومتابع جيد للأخبار والمستجدات التقنية والاعلام الاجتماعى ومهتم بالاعلان عن الشركات الناشئة عبر مدونته الشخصية (مدونة راصد تقني), كاتب سابق على مدونة عالم الإبداع ومشرف سابق فى موقع نقطة التطوير ومنتدى الديوان -تم اغلاقه-. أحب القراءة والترجمة للمستجدات التقنية والتكنولوجية. المالك الحالي لمدونة أبو إياد.

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
www.monte-escalier-prix.org