Type in key words and search my blog here:

Loading
Showing posts with label General. Show all posts
Showing posts with label General. Show all posts

Saturday, January 2, 2010

Guest Counter Gadget

This is a unique counter that counts the number of times a person visits your blog, and allows them to see that count. It’s simple to add to your blog. It does make for an extra button for your guests to push to get to your blog (an OK button) so maybe you will ask for feedback to see if your readers like it. You can let me know what you think since I will try it on my blog for a bit.

Resource – Blogger Tips and Tricks

Step 1 – Customize the code to your specifics. Copy and paste the code onto a word document, so that you can scroll to find the message portion. For visits 1-10 you will give a little message, then after that, it will always be the last (tenth) message you wrote.

Here’s the code:

<script language="JavaScript">

function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (2 < argc) ? argv[2] : null;
var path = (3 < argc) ? argv[3] : null;
var domain = (4 < argc) ? argv[4] : null;
var secure = (5 < argc) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DisplayInfo() {
var expdate = new Date();
var visit;
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
if(!(visit = GetCookie("visit")))
visit = 0;
visit++;
SetCookie("visit", visit, expdate, "/", null, false);
var message;
if(visit == 1)
message=" Welcome to Easy Custom Blogs!";
if(visit== 2)
message=" I see you want to learn some more!";
if(visit == 3)
message=" Yippee Skippee, that makes 3!";
if(visit == 4)
message=" You are a wonderful learner!";
if(visit == 5)
message=" You're practically a blog genius!";
if(visit == 6)
message=" You're back!";
if(visit == 7)
message=" You ROCK!";
if(visit == 8)
message=" You're a real BLOG STAR!";
if(visit == 9)
message=" Need help? Click the contact me button";
if(visit >= 10)
message=" BLOG MASTER, welcome!";
alert("\n"+"Thanks for stopping by Easy Custom Blogs! I hope you've learned something new.That makes:\n"+""+visit+"\n"+"time(s)."+"\n"+"\n"+message);
}
function ResetCounts() {
var expdate = new Date();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
visit = 0;
SetCookie("visit", visit, expdate , "/", null, false);
history.go(0);
}

window.onload=DisplayInfo
</script>

After you have made the changes you like, then you will add this code as a gadget.

Step 2 – Add a gadget

Go to CUSTOMIZE/LAYOUT/PAGE ELEMENT/ADD A GADGET

Select HTML Java Script

COPY (CTRL +C) the code from your word document, and then PASTE (CTRL +V) the code into the box for the gadget. Choose SAVE.

Here are the WORD DOCUMENT INSTRUCTIONS.

Make sure to comment to give me your thoughts…is the gadget a cool trick or a hassle?

***Update 1/4/2010
I was irritated by the popup on my own blog, so I removed the code...sorry if you were enjoying it...

Sunday, November 29, 2009

Add Snow

Would you like to add snow effects to your blog? This is simple, and easy to add and remove.

Reference: Dynamic Drive

Step 1 – Add the code

Go to CUSTOMIZE/LAYOUT/PAGE ELEMENTS and select Add a Gadget.

Choose HTML Java Script

Add this code:

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"><br /><br />/***********************************************<br />* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript<br /><br />* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br /><br />* Please keep this notice intact<br />***********************************************/<br /><br /></script>

Click here for a copy of the instructions in a WORD DOCUMENT.

You’re finished!

Tuesday, June 16, 2009

Fairy Dust Mouse Trail

Fairy Dust Blogger Instructions

Link: mf2fm Look for MOUSE EFFECTS to the left.

Resource: Funky’s Blog

THANK YOU SO MUCH FUNKY! YOU TOTALLY ROCK!

Request by: Doris at Scraps Dimensions

Adding a Fairy Dust mouse trail to your blog.

Step 1 – Decide on color of your mouse trail.

Click here to get the color of your choice COLOR CHART save that color code. The color in the sample given is SILVER. You can see the Fairy Dust Mouse Trail in action on my test blog HERE.

Step 2 – Backup your blog template.

You can find directions to do that here.

Step 3 – Change your HTML code.

Go to CUSTOMIZE/LAYOUT/EDIT HTML and look in the top of your HTML code for the word <head>

clip_image002

You will place this code directly behind the word <head>

<script type='text/javascript'>
// <![CDATA[
var colour="#D9D9D9";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Step 4 – PREVIEW

Give your blog time to load and you should be able to preview the mouse trail. You may want to add more “sparkles” by increasing the number in the top of the code.

Step 5 – SAVE

If you like what you see, then save your HTML template.

Now you have a fairy dust mouse trail.

Click HERE for the Word Document Instructions.

Here’s to happy scrapping, and

Hugs from the heart,

Jeanette

ONE SIZE TEMPLATE

ONE SIZE TEMPLATE
Blog Background Template