daily-image-script

Code for Images

<br>
Day of the Year<br>
    
    <script type="text/javascript">
        var now = new Date();
var start = new Date(now.getFullYear(), 0, 0);
var diff = now - start;
var oneDay = 1000 * 60 * 60 * 24;
var day = Math.floor(diff / oneDay);
console.log('Day of year: ' + day);
    </script>
<br>
Day of the Year #2<br>
<script type="text/javascript">
var now = new Date();
var start = new Date(now.getFullYear(), 0, 0);
var diff = now - start + (start.getTimezoneOffset() - now.getTimezoneOffset()) * 60 * 1000;
var oneDay = 1000 * 60 * 60 * 24;
var day = Math.floor(diff / oneDay);
console.log('Day of year: ' + day);
 </script>



<span style="color: #cc0000;">https://www.miniwebtool.com/day-of-year-calendar/</span><br>
<span style="color: #cc0000;">https://www.calendardate.com/todays.htm</span><br>
<span style="color: #cc0000;">Code for Images</span><br>
<script language="JavaScript">

var now = new Date();
var dd = now.getDate();

if (dd==1)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/1.jpg">');
else if (dd==2)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/2.jpg">');
else if (dd==3)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/3.jpg">');
else if (dd==4)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/4.jpg">');
else if (dd==5)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/5.jpg">');
else if (dd==6)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/6.jpg">');
else if (dd==7)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/7.jpg">');
else if (dd==8)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/8.jpg">');
else if (dd==9)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/9.jpg">');
else if (dd==10)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/10.jpg">');
else if (dd==11)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/11.jpg">');
else if (dd==12)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/12.jpg">');
else if (dd==13)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/13.jpg">');
else if (dd==14)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/14.jpg">');
else if (dd==15)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/15.jpg">');
else if (dd==16)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/16.jpg">');
else if (dd==17)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/17.jpg">');
else if (dd==18)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/18.jpg">');
else if (dd==19)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/19.jpg">');
else if (dd==20)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/20.jpg">');
else if (dd==21)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/21.jpg">');
else if (dd==22)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/22.jpg">');
else if (dd==23)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/23.jpg">');
else if (dd==24)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/24.jpg">');
else if (dd==25)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/25.jpg">');
else if (dd==26)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/26.jpg">');
else if (dd==27)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/27.jpg">');
else if (dd==28)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/28.jpg">');
else if (dd==29)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/29.jpg">');
else if (dd==30)
document.write('<img src="http://www.penoxgroup.com/images/galleries/default/30.jpg">');

</script>

https://www.miniwebtool.com/day-of-year-calendar/
https://www.calendardate.com/todays.htm

Read More

Wonder-Widget

Each day, this widget will automatically update with the new Wonder of the Day® — offering an easy reminder that every single day Wonderopolis offers a daily dose of family learning.

Example:

CODE <span style="color: orange; font-family: &quot;trebuchet ms&quot; , sans-serif;"><b><iframe src="https://wonderopolis.org/widget" width="360" height="730" frameborder="0"></iframe></b></span>

Read More

Tip of the Week

This free script provided by JavaScript Kit

Read More

Daily HTML Quote

Example:

"This free script provided by JavaScript Kit and yourlifeyourway.net for quotes"

HTML CODE:

<div align="center"><script>

<!--

/*

Tip of the day script

By JavaScript Kit (http://javascriptkit.com)

Over 200+ free scripts here!

*/

var today_obj=new Date()

var today_date=today_obj.getDate()

var tips=new Array()

//Configure the below variable to contain the "header" of the tip

var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br />'

//Configure the below array to hold the 31 possible tips of the month

tips[1]='Tip 1 goes here'

tips[2]='Tip 2 goes here'

tips[3]='Tip 3 goes here'

tips[4]='Tip 4 goes here'

tips[5]='Tip 5 goes here'

tips[6]='Tip 6 goes here'

tips[7]='Tip 7 goes here'

tips[8]='Tip 8 goes here'

tips[9]='Tip 9 goes here'

tips[10]='Tip 10 goes here'

tips[11]='Tip 11 goes here'

tips[12]='Tip 12 goes here'

tips[13]='Tip 13 goes here'

tips[14]='Tip 14 goes here'

tips[15]='Tip 15 goes here'

tips[16]='Tip 16 goes here'

tips[17]='Tip 17 goes here'

tips[18]='Tip 18 goes here'

tips[19]='Tip 19 goes here'

tips[20]='Tip 20 goes here'

tips[21]='Tip 21 goes here'

tips[22]='Tip 22 goes here'

tips[23]='Tip 23 goes here'

tips[24]='Tip 24 goes here'

tips[25]='Tip 25 goes here'

tips[26]='Tip 26 goes here'

tips[27]='Tip 27 goes here'

tips[28]='Tip 28 goes here'

tips[29]='Tip 29 goes here'

tips[30]='Tip 30 goes here'

tips[31]='Tip 31 goes here'

tips[32]='Tip 32 goes here'

document.write(tiptitle);

document.write('<span style="color: maroon;">');

document.write(tips[today_date]);

document.write('</span>');

//-->

</script>

</div>

<div align="center">

<span style="font-size: xx-small;"><span style="font-family: arial;">This free script provided by <a href="http://www.codingforums.com/javascript-programming/160083-tip-day-script.html?highlight=message+year" target="new">JavaScript Kit</a></span></span></div>

Read More

sudoku game

Cute little sudoku game to add to your blogger site. 
Click here to customize your colors, size  etc...

Code: 
<iframe src=http://widgetscode.com/wc/sudoku/all?skin=dblue1 style='width:250px;height:370px;margin:0;'frameborder=0></iframe>
EXAMPLE:

Read More

Pic Of The Day

CODE:

<div><script type="text/javascript">

/* Daily Pic ©2007 John Davenport Scheuer
 * This notice must remain for legal use */

if(document.images&&document.getElementById)
var daily={
diurnal:true, //should script split between noon to midnight, midnight to noon if enough images are available? (true/false)
path:'file://localhost/C:/sites/mysite/images/', //set absolute path to images here, and list them (minimum 31 required) on the next line
pics:['1_side.jpg','2_side.jpg','3_side.jpg','5_side.jpg','8_side.jpg','leroy.jpg','leroy_o.jpg','lilac.jpg','lilac_sm.jpg','photo1.jpg','photo10.jpg','photo1_h1.jpg','photo1_h2.jpg','photo1_thumb.jpg','photo2.jpg','photo2_h1.jpg','photo2_h2.jpg','photo2_thumb.jpg','photo3.jpg','photo3_h1.jpg','photo3_h2.jpg','photo3_thumb.jpg','photo4.jpg','photo4_h1.jpg','photo4_h2.jpg','photo4_thumb.jpg','photo5.jpg','photo5_h1.jpg','photo5_h2.jpg','photo5_thumb.jpg','photo6.jpg','photo6_h1.jpg','photo6_h2.jpg','photo6_thumb.jpg','photo7.jpg','photo7_h1.jpg','photo7_h2.jpg','photo7_thumb.jpg','photo8.jpg','photo8_h1.jpg','photo8_h2.jpg','photo8_lrg.jpg','photo8_thumb.jpg','photo9.jpg','photo9_h1.jpg','photo9_h2.jpg','photo9_lrg.jpg','photo9_thumb.jpg','thumb1.jpg','thumb2.jpg','thumb3.jpg','35.gif','36.gif','37.gif','38.gif','40.gif','dynamicbook1.gif'],
///////////////// Stop Editing /////////////////
tag:function(){return document.getElementById('dcontent');},
d:new Date().getDate()-1,
h:function(){return new Date().getHours()<12? 0 : 1;},
img:document.createElement('img'),
pic:function(){
var d=daily;
for (var a=[], i = 0; i < d.pics.length; ++i)
a.push([d.pics[i++], d.pics[i]]);
d.img.src=d.diurnal&&a[d.d][d.h()]? d.path+a[d.d][d.h()] : d.path+d.pics[d.d];
d.img.title=d.img.alt='Daily Image';
d.tag().appendChild(d.img);
}};
if(document.images&&document.getElementById)
window.onload=daily.pic;
</script>
</div>
<P><large>Example</large></P>
 <div><small-x>Source: <a href="http://www.dynamicdrive.com/forums/showthread.php?27524-Picture-of-the-Day-Help" target="_blank">DynamicDrive</a></small></div>
<P>
<div id="dcontent"></div></P>

Example

Source: DynamicDrive

Read More

Image Daily for a Month

<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" width="100%"></marquee><br />
<pre class="bbcode_code" style="height: 48px;">&lt;marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1  
direction=up width="100%" height=100&gt;&lt;/marquee&gt;&lt;br&gt;&lt;br&gt;</pre>

<script type="text/javascript">
var now = new Date();
var dd = now.getDate();
var str = '<img src="petday/image'+dd+'.jpg">';
// alert(str);  // for testing purposes only
document.write(str);
</script>


http://www.codingforums.com

<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1  
direction=up width="100%" height=100></marquee><br><br>

-----------------------------------
This is SAMPLE #2

Read More

Quote Of The Day

How to add a quote of the day to your blog ? I have been wanting to add my own quotes with images to my blog for awhile now and can't figure it but did come across CalendarLabs so have added it for now ...fully color/font customizable to add to your blog.

Code Example 1 {Shown  on my blog in footer.}

<script type="text/javascript">var com_pj_w = 275;</script>
<a style="font-weight:bold;font-style:normal;font-size:14pt;text-decoration:none;color:#800000;" href="http://www.inspirational-quotes-and-poems.net" target="_blank">Quote of the Day</a><br/>
<script type="text/javascript" src="http://www.inspirational-quotes-and-poems.net/support-files/quoteoftheday.js"></script>

Code Example #2

<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/quot.php?cid=101&uid=339895092&c=random&l=en&cbg=FFFFFF&cb=1&cbc=000000&cf=calibri&cfg=000000&qfs=bi&qta=center&tfg=000000&tfs=bi&afc=000000&afs=i" width="188" height="210" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#333;">Daily Quotes by <a href="http://www.calendarlabs.com/pdf-calendar" target="_blank" rel="nofollow" style="font-size:10px;text-decoration:none;color:#333;">PDF Calendar</a></div></div><!-------Do not change above this line------->


RESULT

Daily Quotes by PDF Calendar

Code Example #3

This one is from: Wordsmith.org: the magic of words
http://wordsmith.org/awad/addquote.html

<!-------Do not change below this line-------><div align="center">
<script src="https://wordsmith.org/words/quote.js" type="text/javascript">
</script></div><!-------Do not change above this line------->
RESULT



Code Example #4
<table width="360" border="2" cellspacing="0" cellpadding="5" align="center"><tr><td bgcolor="#FFFFFF" bordercolor="#000066"><script src="http://feeds2.feedburner.com/inspired-personal-development?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds2.feedburner.com/inspired-personal-development"></a><br/>Powered by FeedBurner</p> </noscript></td></tr></table>
RESULT




Code Example #5

<br /><table width="275" cellpadding="5" align="center" bgcolor="red"> <tr> <td align="center"><strong><font face="Arial" size="3" color="white">Today's Quote</font></strong><br> <script language="JavaScript" type="text/javascript"> <!-- var fontface="Arial"; var textcolor="white"; var textsize="2"; //--> </script> <script language="JavaScript" src="http://nickeysurf.com/quotes/qotd.js" type="text/javascript"></script> </td></tr></table> <br />

RESULT

Today's Quote

Read More