القائمة الرئيسية

الصفحات

إضافات رائعة بمناسبة رأس السنة الجديدة لمدونات بلوجر | Happy New Year 2018



ومع انتهاء السنة الحالية و حلول العام  الجديد 2018 نتمنى من الله ان يمن علينا جميعا بالخير والبركات في العام  الجديد , ونمتمنى لكم عام سعيد
 واليكم اأفضل الاضافالت للتهنئة بالعام الجديد 2018 

 


 عد تنازلى للسنة الجديد 2018

  قم بوضع الكود فى أداة HTML فى أى مكان تريده 
الكود


        <style style="text/css">
        .lcdstyle{ /*Example CSS to create LCD countdown look*/
        background:#fff;
        color:#2a4057;
        font: bold 18px arial;
        padding: 15px;
        border:5px solid #333333;
        border-radius:12px;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        box-shadow: 5px 5px 5px #CCCCCC;

        }
        .lcdstyle sup{ /*Example CSS to create LCD countdown look*/
        font-size: 70%
        }
        </style>
        <script type="text/javascript">
        function cdtime(container, targetdate){
        if (!document.getElementById || !document.getElementById(container)) return
        this.container=document.getElementById(container)
        this.currentTime=new Date()
        this.targetdate=new Date(targetdate)
        this.timesup=false
        this.updateTime()
        }
        cdtime.prototype.updateTime=function(){
        var thisobj=this
        this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
        setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
        }
        cdtime.prototype.displaycountdown=function(baseunit, functionref){
        this.baseunit=baseunit
        this.formatresults=functionref
        this.showresults()
        }
        cdtime.prototype.showresults=function(){
        var thisobj=this

        var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
        if (timediff<0){ //if time is up
        this.timesup=true
        this.container.innerHTML=this.formatresults()
        return
        }
        var oneMinute=60 //minute unit in seconds
        var oneHour=60*60 //hour unit in seconds
        var oneDay=60*60*24 //day unit in seconds
        var dayfield=Math.floor(timediff/oneDay)
        var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
        var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
        var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
        if (this.baseunit=="ساعة"){ //if base unit is hours, set "hourfield" to be topmost level
        hourfield=dayfield*24+hourfield
        dayfield="n/a"
        }
        else if (this.baseunit=="دقيقة"){ //if base unit is minutes, set "minutefield" to be topmost level
        minutefield=dayfield*24*60+hourfield*60+minutefield
        dayfield=hourfield="n/a"
        }
        else if (this.baseunit=="ثانية"){ //if base unit is seconds, set "secondfield" to be topmost level
        var secondfield=timediff
        dayfield=hourfield=minutefield="n/a"
        }
        this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
        setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
        }
        /////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
        //Create your own custom format function to pass into cdtime.displaycountdown()
        //Use arguments[0] to access "يوم" left
        //Use arguments[1] to access "ساعة" left
        //Use arguments[2] to access "دقيقة" left
        //Use arguments[3] to access "ثانية" left
        //The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
        //For example, if "baseunit" is set to "ساعة", arguments[0] becomes meaningless and contains "n/a"
        //For example, if "baseunit" is set to "دقيقة", arguments[0] and arguments[1] become meaningless etc

        function formatresults(){
        if (this.timesup==false){//if target date/time not yet met
        var displaystring=arguments[0]+" يوم "+arguments[1]+" ساعة "+arguments[2]+" دقيقة "+arguments[3]+" seconds left until December 25, 2011 18:25:00"
        }
        else{ //else if target date/time met
        var displaystring=""
        }
        return displaystring
        }
        function formatresults2(){
        if (this.timesup==false){ //if target date/time not yet met
        var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>يوم</sup> "+arguments[1]+" <sup>ساعة</sup> "+arguments[2]+" <sup>دقيقة</sup> "+arguments[3]+" <sup>ثانية</sup></span> "
        }
        else{ //else if target date/time met
        var displaystring="" //Don't display any text
        alert("HAPPY NEW YEAR EVERYBODY!") //Instead, perform a custom alert
        }
        return displaystring
        }
        </script>
        <table><tbody>
        <tr>
        <td>
        <img style="float:left; " src="http://eva6unnepioldala.bloglap.hu/kepek/e0f94d1f.png" width="125px"/>
        <h1 style="color:#2a4057; padding-top:40px;">المتبقى على 2018      نتمنى لكم سنة سعيدة</h1>
        <br/>
        </td></tr>
        <tr><td>
        <div id="countdowncontainer"></div>
        <br />
        <div id="countdowncontainer2"></div>
        <script type="text/javascript">
        var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")
        futuredate.displaycountdown("يوم", formatresults)
        var currentyear=new Date().getFullYear()
        //dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
        var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>31)? currentyear+1 : currentyear
        var christmas=new cdtime("countdowncontainer2", "December 31, "+thischristmasyear+" 0:0:00")
        christmas.displaycountdown("يوم", formatresults2)
        </script>
        </td></tr>
        </tbody></table>

إضافة تساقط الثلج   

قم بالبحث عن </head> فى أكواد القالب وضع الكود فوقها مباشرة  
الـكـــــود
      <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>

 قم بوضه هذا الكود أولا إذا لم يكن عندك مكتبةJquery بالمدونة      
ومن ثم تحته الكود التالى

         <script src='http://yourjavascript.com/146111102320/snowfall.js'/>

        <script>
        $(document).ready( function(){
        $.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: &#39;#ffffff&#39; });
        });
            </script>

   إضافة بابا نويل (سانتا)

  قم بالبحث عن </head> فى أكواد القالب وضع الكود فوقها مباشرة   
الـكـــــود


            <script src='http://100widgets.com/js_data.php?id=253' type='text/javascript'/>

 إضافة (أجراس عيد الميلاد)

   قم بوضع الكود فى أداة HTML جديدة   
الـكـــــود


            <img src="http://2.bp.blogspot.com/_u4gySN2ZgqE/TQ-G1GVAD3I/AAAAAAAABtw/doqIyU32ngs/s1600/christmas-bells-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="http://3.bp.blogspot.com/_u4gySN2ZgqE/TQ-SkcTSrTI/AAAAAAAABt4/Qqpj5MR3tU8/s1600/christmas-bells-icon-right.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

كلمات دلالية
  إضافات تهنئة , تهنئة راس السنة , بلوجر , اضافات بلوجر , تهنئة بلوجر , بلوجر 2017,بلوجر 2016, بلوجر احترافي, بلوجر 2015, بلوجر احترافية, بلوجرام, بلوجر بالعربي, بلوجر 2017, بلوجر اميره, بلوجر اجنبي, بلوجر عرب, بلوجر, بلوجر ادسنس,اضافات بلوجر احترافية, اضافات بلوجر 2016, اضافات بلوجر 2015, اضافات على بلوجر, اضافات بلوجر, اضافات بلوجر احترافية, اضافات بلوجر 2016, اضافات بلوجر 2015, اضافات على بلوجر, اضافات بلوجر احترافية, اضافات بلوجر 2016, اضافات بلوجر 2015, اضافات بلوجر, اضافات على بلوجر, اضافات بلوجر احترافية, اضافات على بلوجر, اضافات بلوجر 2016, اضافات بلوجر 2015, fg vs h9, بلوجر هنديه, هوبا بلوجر, بلوقر مكياج, قوالب بلوجر معربة, انشاء مدونة بلوجر, انشاء مدونة بلوجر احترافية, مدونة بلوجر, انشاء مدونة بلوجر احترافية 2015, مدونات بلوجر, تصميم مدونة بلوجر, عمل مدونة بلوجر, حذف مدونة بلوجر, قالب بلوجر للفيديوهات, بلوجر كويتيه, كيفية انشاء بلوجر, كيفية عمل بلوجر, كورس بلوجر, قوالب بلوجر, قالب بلوجر, تصميم قالب بلوجر, قوالب بلوجر احترافية, تحميل قالب بلوجر, تكويد قالب بلوجر, تحميل قوالب بلوجر احترافية, قالب بلوجر 2015, عمل قالب بلوجر احترافي, تكويد قالب بلوجر psd, عمل مدونة بلوجر احترافية, عمل قالب بلوجر, تركيب قالب بلوجر والتعديل عليه, تحميل قالب بلوجر والتعديل عليه, التعديل على بلوجر, ابو علي بلوجر, صنع قالب بلوجر, شرح بلوجر, شرح مدونة بلوجر, سلايد شو بلوجر, تغيير شعار بلوجر, بلوجر سعوديات, سرقة قالب بلوجر, قالب بلوجر رياضي, ربط مدونة بلوجر بدومين مدفوع, ربط دومين بلوجر, ربط بلوجر بدومين مجاني, ربط مدونة بلوجر بدومين مجاني, ربط بلوجر بادسنس, ربط ادسنس بلوجر, دورة بلوجر, دورة بلوجر 2015, دروس بلوجر, دورة احتراف بلوجر, دورة بلوجر حوحو, دورات بلوجر, خالد بلوجر, تغيير خلفية بلوجر, قوالب بلوجر جاهزة, قالب بلوجر جاهز, قالب بلوجر تقني, تحميل قوالب بلوجر, تعديل قالب بلوجر, تعريب قوالب بلوجر, تصميم قالب بلوجر بالفوتوشوب, مدونة بلوجر بالعربي, قالب بلوجر بسيط, برمجة قالب بلوجر, بلوجر اماراتيه, بلوجر المحترف, بلوجر اجنبيات, قوالب بلوجر 2015, اضافات بلوجر 2015, افضل قالب بلوجر 2015, تحميل قوالب بلوجر 2015 





هل اعجبك الموضوع :

تعليقات

    close
    نعتذر عن بعض الروابط الغير موجودة