الايقونات اوالنص الطائر في بداية تحميل الصفحه

السلام عليكم  

اضافة جميلة  الايقونات اوالنص الطائر في بداية تحميل

الصفحه .. تطير من جهة اليسار للصفحه الى

اليمين لتستقر في المكان الذي قمت بتحديده

في الصفحه لظهورها.

نبداء اولاً بالايقونات التي تستقر في يمين

الصفحه .

اذهب الى تصميم  عناصر الصفحه

اضافة اداه جافاسكريبت.

الكود

<div style="buttom: 0%; right: 0%; position: fixed; top: 30%;"> <style type="text/css"> .glidetext{ position: relative; left: -1300px; } </style> <script type="text/javascript"> /* For This Script visit http://megtrb.blogspot.com*/ var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds) var glidespeed=50 //customize glide speed in pixels per frame. var curobjindex=0 function actualstyle(el, cssproperty){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue(cssproperty) } } function collectElementbyClass(){ var classname="glidetext" glidearray=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) glidearray[inc++]=alltags[i] } if (glidearray.length>0) onebyoneglide() } function onebyoneglide(){ if (curobjindex<glidearray.length) glidetimer=setInterval("glideroutine()",50) } function glideroutine(){ if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0) glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50+"px" else{ glidearray[curobjindex].style.left=0 curobjindex++ clearInterval(glidetimer) setTimeout("onebyoneglide()", pausebetweenmsg) } } if (window.addEventListener) window.addEventListener("load", collectElementbyClass, false) else if (window.attachEvent) window.attachEvent("onload", collectElementbyClass) else if (document.getElementById) window.onload=collectElementbyClass </script> <p class="glidetext"> <a href="http://megtrb.blogspot.com"title="تويتر"><img src="http://3.bp.blogspot.com/-6b3tFf4Ztl8/Ttt1FobRPWI/AAAAAAAAMio/UK7NstOPoys/s1600/twet.jpg" width="40" height="40" /></a></p> <p class="glidetext"> <a href="http://megtrb.blogspot.com"title="فيس بوك"><img src="http://3.bp.blogspot.com/-yjYq4hnCLRc/Ttt07dAvE7I/AAAAAAAAMiY/Yr8PFDFqvXQ/s1600/face.jpg" width="40" height="40" /></a></p> <p class="glidetext"> <a href="http://megtrb.blogspot.com"title="ياهوو"><img src="http://3.bp.blogspot.com/-xDF2MG2PDy8/Ttt1INAKpbI/AAAAAAAAMiw/apQSUx2C9t8/s1600/yahoo.jpg" width="40" height="40" /></a></p> <p class="glidetext"> <a href="http://megtrb.blogspot.com"title="Rss"><img src="http://4.bp.blogspot.com/-a8bBAtrUezk/Ttt1Ai2kdvI/AAAAAAAAMig/pS9sqizSnLo/s1600/Rss.jpg" width="40" height="40" /></a></p> </div>

قم بتغيير الروابط الموجوده الى الروابط

الخاصه بك .. واحفظ الاضافه .

ثانياً: النص

كذلك عبر اضافة اداة الجافاسكريبت

موقع الاضافه في العمود الجانبي للمدونه. 

الكود

<style type="text/css"> .glidetext{ position: relative; left: -500px; } </style> <script type="text/javascript"> /* For This Script visit http://megtrb.blogspot.com*/ var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds) var glidespeed=50 //customize glide speed in pixels per frame. var curobjindex=0 function actualstyle(el, cssproperty){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue(cssproperty) } } function collectElementbyClass(){ var classname="glidetext" glidearray=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) glidearray[inc++]=alltags[i] } if (glidearray.length>0) onebyoneglide() } function onebyoneglide(){ if (curobjindex<glidearray.length) glidetimer=setInterval("glideroutine()",50) } function glideroutine(){ if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0) glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50+"px" else{ glidearray[curobjindex].style.left=0 curobjindex++ clearInterval(glidetimer) setTimeout("onebyoneglide()", pausebetweenmsg) } } if (window.addEventListener) window.addEventListener("load", collectElementbyClass, false) else if (window.attachEvent) window.attachEvent("onload", collectElementbyClass) else if (document.getElementById) window.onload=collectElementbyClass </script> <div class="glidetext"> <a href="http://megtrb.blogspot.com">مرحباً بكم في</a></div> <div class="glidetext"> <a href="http://megtrb.blogspot.com">مدونة طيف</a></div> <div class="glidetext"> <a href="http://megtrb.blogspot.com">المدونه العربيه الشامله</a></div> <div class="glidetext"> <a href="http://megtrb.blogspot.com">تصميم قوالب،اضافات بلوجر</a></div>

هنا يمكنك ازالة الروابط اذا اردت النص

عادي لايرتبط باي صفحه

الى اللقاء.....ابو هشام الحمداني