طائر توتير العائم ب9 الوان مختلفة تتغير تلقائيا لمدونات بلوجر
أهلا وسهلا زوار مدونة ابواياد , بعد طرح موضوع
تغيير خلفية مدونات بلوجر حسب توقيت جهاز الزائر, سأطرح اليوم بنفس الفكرة تطبيقا على طائر تويتر الشهير بـ9 الوان مختلفة ليشعر الزائر بمزيد من التنوع والتجديد داخل مدونتك. فالتجديد حتما مطلوب.
لأضافة الكود لمدونتك فقط تحتاج لتسجيل دخولك ثم تذهب الى التخطيط Layout بعدها تضغط اضافة أداة ثم HTML/Javascript.
قم بنسخ الكود التالى في المحتوى الخاص ب HTML/Javascript ودع العنوان فارغا.
<!-- floating twitter Bird by sweup.com -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var now = new Date();
var hours = now.getHours();
//1-3 ساعة/ازرق
if (hours >= 1 && hours <= 3){
var birdSprite="http://4.bp.blogspot.com/-x4defXPJaNc/U3-7jZl7qlI/AAAAAAAAByY/jtVKHh4Mro8/s1600/%D8%A7%D8%B2%D8%B1%D9%821.png";
}
//4-7 ساعة/اخضر
else if (hours >= 4 && hours <= 7){
var birdSprite="http://2.bp.blogspot.com/-3uEocipqm2s/U3-7d8e2yxI/AAAAAAAABxw/Xx6qKq8VqUo/s1600/%D8%A7%D8%AE%D8%B61%D8%B1.png";
}
//8-11 /ابيض
else if (hours >= 8 && hours <= 11){
var birdSprite="http://1.bp.blogspot.com/-Nz56R_ot8ps/U3-7df7Jr6I/AAAAAAAABxs/A4A8rv6g-IA/s1600/%D8%A7%D8%A8%D9%8A%D8%B61.png";
}
//12-15/اسود
else if (hours >= 12 && hours <= 13){
var birdSprite="http://1.bp.blogspot.com/-E9PkGsULr2s/U3-7lbERv1I/AAAAAAAABys/r0nmcY2LGFU/s1600/%D8%A7%D8%B3%D9%88%D8%AF1.png";
}
//14-15/اصفر
else if (hours >= 14 && hours <= 15){
var birdSprite="http://2.bp.blogspot.com/-k0XU1ltWy1E/U3-7mnK9b4I/AAAAAAAABy8/1MObqI4sCVk/s1600/%D8%A7%D8%B5%D9%81%D8%B11.png";
}
//16-18/ازرق غامق
else if (hours >= 16 && hours <= 18){
var birdSprite="http://3.bp.blogspot.com/-P3TAaJfZMaE/U3-7hE8ErgI/AAAAAAAAByM/a5v0qlp9Qjg/s1600/%D8%A7%D8%B2%D8%B1%D9%82+%D8%BA%D8%A7%D9%85%D9%822.png";
}
//19-20/بني
else if (hours >= 19 && hours <= 20){
var birdSprite="http://3.bp.blogspot.com/-PnJR1tYgeAo/U3-7q-wyLyI/AAAAAAAABzc/9ytpXvj6Ors/s1600/%D8%A8%D9%86%D9%8A1.png";
}
//21-22/بنفسجي
else if (hours >= 21 && hours <= 22){
var birdSprite="http://4.bp.blogspot.com/-EgGGNonETy0/U3-7oqGbIdI/AAAAAAAABzE/BfGg2PNfO7E/s1600/%D8%A8%D9%86%D9%81%D8%B3%D8%AC%D9%8A+1.png";
}
//23-24/وردي
else if (hours >= 23 && hours <= 24){
var birdSprite="http://2.bp.blogspot.com/-xtTh-lh065w/U3-7tPZIxXI/AAAAAAAABz0/7cN0qYRpuqI/s1600/%D9%88%D8%B1%D8%AF%D9%8A1.png";
}
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/swe_up";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
لا تنسى تغيير
swe_up لاسم حسابك على تويتر وأيضا لا تنسي مشاركة الموضوعات ونشرها لتشيجعنا على إعطاء المزيد. شكرا لكم.
السلام عليكم
ردحذفارجو تعريف كود اسم الرابط للصفحة الشخصية لتغييره على تويتر لان الكود خاص بصفحتك الشخصية
@غير معرف
ردحذفاخي قم بتغير ما هو محدد بالاصفر بمعرفك الخاص swe_up
شكرا
ردحذفعندي مشكلة في اضافة الاكواد يطلع لي java script (0)
ردحذف@غير معرف
ردحذفانسخ الكود جيدا !!
الكود يعمل بشكل ممتاز يمكنك المعاينة من هنا
http://jsfiddle.net/w4FcU/show/