طائر توتير العائم ب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 لاسم حسابك على تويتر وأيضا لا تنسي مشاركة الموضوعات ونشرها لتشيجعنا على إعطاء المزيد. شكرا لكم.

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

  1. غير معرف2:07 م

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

    ردحذف
  2. @غير معرف
    اخي قم بتغير ما هو محدد بالاصفر بمعرفك الخاص swe_up

    ردحذف
  3. السلام عليكم
    حرب التتار -ملوك حرب التتار
    http://tatar7.com/ts6/register.php?ref=1038

    ردحذف
  4. غير معرف12:19 ص

    عندي مشكلة في اضافة الاكواد يطلع لي java script (0)

    ردحذف
  5. @غير معرف
    انسخ الكود جيدا !!
    الكود يعمل بشكل ممتاز يمكنك المعاينة من هنا
    http://jsfiddle.net/w4FcU/show/

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية