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

1.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
3.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
(لا تضع للأداة أي عنوان)

لا تنسى تبديل الروابط ذات اللون الأحمر بالروابط الخاصة بك .
1.رابط صفحة الفيسبوك لديك
2.رابط الخلاصات RSS
3.رابط قناتك الخاصة على التويتر
4.رابط التويتر
5.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار المراد تركيبها.

1.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
2.ثم قم بلصق قبله هذا الكود :]]></b:skin>
يمكنك تبديل القياسات ذات اللون الأحمر لإختيار موضع الأداة في مدونتك ..stack {
position: fixed;
bottom: -5px; right: 940px; }
.stack > img { position: relative;
cursor: pointer;
padding-top: 28px;
z-index: 2;
}
.stack ul { list-style: none;
position:absolute;
top: 5px;
cursor: pointer; z-index: 1;
}
.stack ul li { position: absolute;
}
.stack ul li img { border: 0;
}
.stack ul li span { display: none;
}
.stack .openStack li span { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
display:block;
height: 0px;
position:absolute;
top: 17px;
right:60px;line-height: 14px;border: 0;background-color:transparent;padding: 0px 0px;
border-radius: 10px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;color: #4F3939;text-align: center;
text-shadow: #000 1px 1px 1px;opacity: .85;filter: alpha(opacity = 85);
}/* IE Fixes */.stack { _position: absolute; }.stack ul { _z-index:-1; _top:-15px; }.stack ul li { *right:5px; }
3.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
(لا تضع للأداة أي عنوان)
لا تقم بتبديل صورة السلة التي تتمثل بالروابط ذات اللون الأزرق فإن بدلت الروابط لن يظهر لك شىء مكان الأداة<div class="stack">
<img alt="stack" src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" ilo-full-src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" /><ul id="stack">
<li><a href="http://www.facebook.com/pages/mdwnt-abw-ayad/129817460386636"><span></span><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAf82tcK9q03HJaJEeQNYkPKmRaTKmzGnnnQV_TPAIAlB8Dd9k7Fhqlat6OykRK4AYRhJfg3WygXtv17q5km_eP10dvhoAiO1CvowWPJIbs89JH8VcPwXslhQvlYfo7k9FgKBO4bCgyFg/s320/facebook.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAf82tcK9q03HJaJEeQNYkPKmRaTKmzGnnnQV_TPAIAlB8Dd9k7Fhqlat6OykRK4AYRhJfg3WygXtv17q5km_eP10dvhoAiO1CvowWPJIbs89JH8VcPwXslhQvlYfo7k9FgKBO4bCgyFg/s320/facebook.png" /></a></li>
<li><a href="http://feeds.feedburner.com/feedburner/simo"><span></span><img alt="RSS" src="http://www.trables.com/social_images/rss.png" ilo-full-src="http://www.trables.com/social_images/rss.png" /></a></li>
<li><a href="http://www.youtube.com/simochardo"><span></span><img alt="youtube" src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" ilo-full-src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" /></a></li>
<li><a href="http://twitter.com/abuiyad007"><span></span><img alt="technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgetmlzhXkPdq5-HRppp8voM8aaHreYYBSSyoY7bzi7E07Whtt_F5ddP02HmUYKYJjkv7w2fVONpL1GH9yzNAGBpdcpmiNvgJ7nU5zfbMjYa4-emECmQ1BRJoK3UJ1CEM3cgaKeZJdCqtU/s320/twitter.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgetmlzhXkPdq5-HRppp8voM8aaHreYYBSSyoY7bzi7E07Whtt_F5ddP02HmUYKYJjkv7w2fVONpL1GH9yzNAGBpdcpmiNvgJ7nU5zfbMjYa4-emECmQ1BRJoK3UJ1CEM3cgaKeZJdCqtU/s320/twitter.png" /></a></li>
<li><a href="http://delicious.com/chardo007"><span></span><img alt="delicious" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJg4AMKDABU_FW1aSfMiOo0DWYS8bI6L3g6yc3p3UDjSBRF5DRg_gS7AVHf2PGUp-m8iXyy8t3ySm9-hTongU0KwQTunzia5ISk4wZKNZg_y1hqBFYZS5QM7CbRK1-V1A7KoPyQkaehQ/s320/delicious.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJg4AMKDABU_FW1aSfMiOo0DWYS8bI6L3g6yc3p3UDjSBRF5DRg_gS7AVHf2PGUp-m8iXyy8t3ySm9-hTongU0KwQTunzia5ISk4wZKNZg_y1hqBFYZS5QM7CbRK1-V1A7KoPyQkaehQ/s320/delicious.png" /></a></li></ul></div>
<!-- end div .stack --><script src="https://sites.google.com/site/mohamedabuiyad/button/jquery.min.js" type="text/javascript"></script><script src="https://sites.google.com/site/mohamedabuiyad/button/fisheye-iutil.min.js" type="text/javascript"></script>
<span ><a href="http://www.monte-escalier-prix.org/" target="_blank"></a></span>

لا تنسى تبديل الروابط ذات اللون الأحمر بالروابط الخاصة بك .

1.رابط صفحة الفيسبوك لديك
2.رابط الخلاصات RSS
3.رابط قناتك الخاصة على التويتر
4.رابط التويتر
5.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار المراد تركيبها.

بقلم محمد شاكر
إسمـي محمد مـن مواليـد سنـة 2000 ،بلـدي هـو المغرب، أهتم بتقنيـات الحاسـوب وتطويـر المواقـع والمدونات اهم البرامج التي استخدمها في اعمالي الفوتوشوب, الباكتراك وغيرها.روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |
قد يهمك أيضا :
بلوجر,
حصريا
- أفضل شركات المجانية لانشاء دومين احترافي
- 10 أفــلام يجب أن تشاهدها فى العام 2013
- كيف أتعلم البرمجة النصية - تطبيق عملي لإنشاء برنامجك الأول
- أدا أوجستا..أول مبرجمة حاسوب في التاريخ
- كيف أصبح مبرمجاً | الطريق إلى عالم البرمجة !
- كيفية تغيير ايقونة مدونة بلوجر
- كود الإعلانات النصية الإحترافى مثل المواقع
- تعلم البرمجة من أربعة مواقع عالمية
- كيف تقوم بعمل موقع مجانى على الانترنت
- Free Domain .com .net .fr
- حصريا كيفية الحصول على دومين مدفوع مجانا .COM , .NET .....
- بالفيديو : إضافة 500000 معجبين بصفحتك على الفيسبوك
- بالصور: إضافة 500000 معجب لصفحتك على الفيسبوك
- طريقة إضافة شاحنة الفيسبوك إلى مدونتك لزيادة المعجبين
- أفضل برامج نسخ الإسطوانات المجانية
- كيفية مراسلة الفيس بوك
- طرق لتجاوز الاختبار الامني علي الفيس بوك (يرجى التحقق من هويتك)
- 8 خدع جديدة في الفيس بوك ربما لا تعرفها
- اضافة سمايلات الفيس بوك الجديدة في التعليقات
- زيادة المعجبين على الفايسبوك بطريقة شرعية
0 التعليقات:
إرسال تعليق