Just a day to day of what's happening with my blog's

Monday, September 11, 2017

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>
Share:

Animated-Rotating text quotes

I'm a huge fan of inspirational quotes and have been on the lookout for "scripts" 
This one seems to work well so far and will generate a new quote automatically or until you change the page.

Create a new Posts >> Edit HTML Tab and just paste the following JavaScript
 and CSS Codes within the Blogger HTML Editor.

Add these 3 lines


<!-- MyBloggerLab Quote Rotator -->

<link href="https://drive.google.com/open?id=0B1Fxft67CB1zdkZ3YldjMlgxNWM" rel="stylesheet"></link>

<script src="https://drive.google.com/open?id=0B1Fxft67CB1zcFN6UldvSlFQTWc" type="text/javascript"></script>

 <script>
 jQuery(document).ready(function($) {
  $('#words').quoteRotator();
 });


 </script>
<!-- MyBloggerLab Quote Rotator -->



Then add the following HTML code into the Blogger HTML Editor so that you can create the rotating and animated text quotes such as... 


<div id="words">

<ul class="word-container">

<li data-author="---  Syed Faizan Ali" data-easeout="lightSpeedOut">Blogging is not about earning. Its about serving the Humanity.</li>

<li data-author="---  Syed Faizan Ali">Don't choose Blogging as your profession, unless you really have no choice!!!</li>

<li data-author="---  Syed Faizan Ali" data-easeout="fadeOutDown">Education is the most powerful weapon which you can use to change the world.</li>

<li data-author="---  Syed Faizan Ali" data-easein="fadeInDown">The Lift is too short, Live it or be dead. </li>

<li data-author="---  Bill Gates (Microsoft)" data-easeout="bounceOut">It's fine to celebrate success but it is more important to heed the lessons of failure.</li>

<li data-author="---  Arlo Guthrie (1947 - )" data-easein="bounceIn">You can't have a light without a dark to stick it in. </li>

<li data-author="---  Bill Gates (Microsoft)" data-easein="lightSpeedIn">If you think your teacher is tough, wait until you get a boss.</li>

</ul>

<div class="quote">
<div class="quote-content">
</div>
<cite class="quote-author"></cite>
  </div>
</div>


mybloggerlab.com

http://www.jqueryscript.net/rotator/jQuery-Quote-Rotator-with-A-Slim-Progress-Indicator-simpleQuote.html


EXAMPLE::
.cbp-qtrotator { width: 800px; height: 180px; position: relative; float: left; margin: 0; padding-top: 11px } .cbp-qtcontent { width: 100%; height: auto; position: absolute; min-height: 180px; top: 0; z-index: 2; display: none } .cbp-qtrotator .cbp-qtcontent.current { display: block } .cbp-qtrotator blockquote { margin: 40px 0 0 0; padding: 0 } .cbp-qtrotator blockquote p { font-size: 2em; color: #888; font-weight: 300; margin: 0.4em 0 1em } .cbp-qtrotator blockquote footer { font-size: 1.2em } .cbp-qtrotator blockquote footer:before { content: '― ' } .cbp-qtrotator .cbp-qtcontent img { float: right; margin: 50px 0 0 50px } .cbp-qtprogress { position: absolute; background: #47a3da; height: 1px; width: 0%; z-index: 1000 }

img01
Quote 1

Author 1
img02
Quote 2

Author 2
img03
Quote 3

Author 3
...
Share:

Holiday Widget

Copy and paste this code into your website: Direct link to this dailymotion jukebox:
http://www.dailymotion.com/widget/jukebox?list[]=%2Frated%2Fuser%2Flori-ann2%2F1&&autoplay=0&mute=1



Source: 100Widgets.com
Share:

Sunday, September 10, 2017

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:

Share:
Began 2017 by LoriAnn. Powered by Blogger.

Random

Welcome

Video