السلام عليكم ورحمة الله تعالى وبركاته ،اليوم سوف نقوم بإضافة أزرار "تابعني" بشكل جديد ،حيث سوف تسمح لزوار مدونتك بمتابعتك من خلال المفضلات الإجتماعية :تويتر،فيسبوك،خلاصات ...هذه الإضافة عبارة على "سلة" تحتوى على هذه الأزرار وتقوم بالقفز من السلة عند النقر عليها ,و تعود الأزرار داخل السلة بطريقة جميلة عند النقر مرة ثانية ويمكنك أيضا التحكم في موضع هذه الأداة حسب تنسيق مدونتك. هذه الاضافة مدعومة من مدونة عمرو ويب
شرح تركيب الاضافة علي بلوجر
1.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
]]>
2.ثم قم بلصق قبله هذا الكود :
.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ولآن الصق الكود التالي : (لا تضع للأداة أي عنوان)
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" />
يمكنك تبديل مل بلون الازرق برابط الصفحة وما بلون الاخضر بلون سلة
ولان انتها موضوعنا انتظرونا في جديد من الاضافات
ارجو رد
.png)
.png)
.png)
.png)
0 التعليقات:
إرسال تعليق