Website Design - Tips and Tricks
BetaGate Notebook

#4 Change colors of table cells
Move cursor over to see color changes

#3 Avoid spam - how to hide email address on your website
JavaScript Codes
<script language="JavaScript" type="text/JavaScript"> var em1 = "service" var em2 = "@" var em3 = "stta-consulting.com" document.write('<a href=\"mailto:' + em1 + em2 + em3 +'\">Click here to email me</a>'); </script>
replace em1 and em3 variables. more info

#2 Social Bookmarks "Add to" footer links for webpage
We present a simple JavaScript codes to add a webpage to 10 major Social Boolmarks Web Services:

AskJeeves
Del.icio.us
Digg
EarthLink
Furl
Google
Netscape
Reddit
MSN Live
Yahoo

Small 16x16 images must be in the folder 'imagesBM/' . You can download a zip file imagesBM.zip with the images. JavaScript codes are here:
<script language="JavaScript"> var imageFolder = 'imagesBM/'; // change if you have a different path var pageTitle = encodeURIComponent(document.title); var pageURL = encodeURIComponent(document.location.href); var BM = new Array(); var imageURL= new Array(); var ImageTitle = new Array(); imageURL[1] = 'AskJeeves.png'; imageURL[2] = 'delicious.png'; imageURL[3] = 'digg.png'; imageURL[4] = 'earthlink.png'; imageURL[5] = 'furl.gif'; imageURL[6] = 'google.png'; imageURL[7] = 'netscape.png'; imageURL[8] = 'reddit.gif'; imageURL[9] = 'window.png'; imageURL[10] = 'yahoo.png'; ImageTitle[1] = 'Add to AskJeeves'; ImageTitle[2] = 'Add to Del.icio.us'; ImageTitle[3] = 'Add to Digg'; ImageTitle[4] = 'Add to EarthLink'; ImageTitle[5] = 'Add to Furl'; ImageTitle[6] = 'Add to Google'; ImageTitle[7] = 'Add to Netscape'; ImageTitle[8] = 'Add to Reddit'; ImageTitle[9] = 'Add to MSN Live'; ImageTitle[10] = 'Add to Yahoo'; BM[1] = 'http://myjeeves.ask.com/mysearch/QuickWebSave?v=1.2&t=webpages&title=' + pageTitle + '&url='+ pageURL; BM[2] = 'http://del.icio.us/post?v=4&noui&jump=close&url=' + pageURL + '&title=' + pageTitle; BM[3] = 'http://digg.com/submit?phase=2&url=' + pageURL + '&title=' + pageTitle; BM[4] = 'http://myfavorites.earthlink.net/my/add_favorite?v=1&url=' + pageURL + '&title=' + pageTitle; BM[5] = 'http://www.furl.net/store?s=f&to=0&ti=' + pageTitle + '&u=' + pageURL; BM[6] = 'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=' + pageURL + '&title=' + pageTitle; BM[7] = 'http://www.netscape.com/submit/?U='+ pageURL + '&T=' + pageTitle; BM[8] = 'http://reddit.com/submit?url=' + pageURL + '&title=' + pageTitle; BM[9] = 'https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=' + pageURL + '&title=' + pageTitle; BM[10] = 'http://myweb.yahoo.com/myresults/bookmarklet?t=' + pageTitle +'&u=' + pageURL + '&ei=UTF'; var linkBM = ''; for (i=1; i<=10; i++){ linkBM = linkBM + ' <a href = "' + BM[i] + '"><img src="' + imageFolder + imageURL[i] + '" width="16" height="16" border="0" alt = "' + ImageTitle[i] + '"></a>'; } document.write(linkBM); </script>

Copy and paste codes to your webpage and add the image folder. Change the path of the folder if it is needed. You can add more Social Bookmarking sites using our template. Please write us if you find an error or you add more SB sites. See example on the bottom of this page.

#1 Smaller form objects