اقسام المنجم
- اخبار تقنية (23)
- اختراعات (27)
- افتكاسات (36)
- الابراج (3)
- المواضيع الجديدة (50)
- أهم المواضيع (36)
- جديد * جديد (36)
- حكم وامثال (14)
- دورات تدريبية (5)
- رمضانيات (29)
- شخصية المنجم (3)
- صبايا (12)
- صحتك (20)
- طرائف وغرائب (22)
- فكرة عمل...... (13)
- قصة ققصيره (20)
- كتب (7)
- مشاكل وحلول (25)
- مقالات (30)
معلومة اليوم:
لماذا التكبر ؟
من تراب ، على تراب ، إلى تراب !!
جديد المنجم
اختر ما تود أن تتعلمه
أرشيف المنجم
- أبريل 2011 (121)
- مايو 2011 (65)
- يونيو 2011 (133)
- يوليو 2011 (248)
- أغسطس 2011 (110)
- سبتمبر 2011 (44)
- أكتوبر 2011 (11)
أزرار المفضلات الاجتماعية بشكل جديد ومتحرك
12:07 م |
مرسلة بواسطة
helly
شرح كيفية إضافة أزرار المفضلات الاجتماعية بتصميم جديد ،حيث تتميز هذه الأداة بكونها تتحرك بشكل عمودي عند التصفح للمدونة كما لو أنها تتبع الزائر أينما ذهب فتقول له ساهم في نشر الموضوع يا صديقي ههههه .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
top:200px : تعني المسافة الفاصلة بين بداية الصفحة و الأداة,قم بتعديلها حسب مدونتك
ثم قم بالبحث عن الكود التالي : فإذا وجدت 2 من هذا الكود ،فالثاني هو المقصود
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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 == "item"'>
<div class='post_share'>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</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='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' onClick='return buzzPopup(this, 'Buzz this')' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_t9z9vwfMkYg_r8m2oU-nPws9JeqbQF2jXKBftcEpH9WHqMwLx6UTtvJV1xZwX2qq9uYR1yWoPBmUiIvoyhN3Fdzekqx3M53MuQyUJ_7bzjKo7vlSQLGqXSE1JOjFVWtYNVK3MwrT4Y/s1600/g-buzz.png'/></a>
</center>
</div>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
scoopeo_url="<data:post.url/>";
</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>
</b:if>
التسميات:
تطويرBlogger
الاشتراك في:
تعليقات الرسالة (Atom)
0 التعليقات:
إرسال تعليق