المشاغب للمعلوميات

السلام عليكم ورحمة الله الاخوة الكرام

اليوم اقدم اضافة جميلة جدا لمدونات بلوجر وهو زر الصعود لاعلي علي شكل صاروخ وهي اضافة تعطي جميع المدونات لمحة جمالية واحترافية في نفس الوقت

وطريقة اضافتها للمدونة كالتالي

توجة الي لوحة ادارة مدونتك ثم

قالب - تحرير html

وابحث عن الوسم التالي

]]></b:skin>

"لاستخدام اداة البحث ضع مؤشر الماوس في اي مكان داخل صندوق الاكواد واضغط ctrl +f وسيخرج لك صندوق البحث"

واضف فوقه مباشرة الكود التالي

/* Back to Top Roket meluncur */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

ثم ابحث عن الوسم
</body>

واضف فوقه مباشرة الكود التالي

والان قم بحفظ القالب ثم شغل العرض لتري الاضافة الجديدة

واتمني ان تكون جميلة ومفيدة

طريقة وضع الاكواد داخل مربع في التدوينة لمدونات بلوجر

زر الصعود لاعلي الصاروخي المميز لمدونات بلوجر

ليست هناك تعليقات:

اضافة تعليق

مكتبة بريك

لتصفح افضل للموقع

كن احد اصدقائنا في الشبكات الاجتماعية

اشترك ليصلك جديدنا علي ايميلك

المشاركات الشائعة

مواقع اصدقائي

تابعنا ليصلك جديدنا

أقسام الموقع

انت الزائر رقم

المتواجدون الان

راسل مدير الموقع