HTML Peeks

Monday, October 12, 2009

What's Today's Date? -How to put today's date in a blog

I knew was going to be a great day, because you visited my blog.

This next piece of javascript is common to a lot of ads. It's used to create a sense of urgency,and immediacy, so you think the ad was updated just that day.

<p>Update: The free trial is still available as of <SCRIPT>var mydate=new Date(); mydate.setDate(mydate.getDate()-0);var theYear=mydate.getFullYear(); var day=mydate.getDay(); var month=mydate.getMonth(); var daym=mydate.getDate(); if (daym<10)daym="0"+daym;var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var montharray=new Array("January","February","March","April","May"," June","July","August","September","October","November","December"); document.write(dayarray[day]+", "+montharray[month]+" "+daym+", "+theYear);</SCRIPT>!</b>

The free trial will always still be available as of the date you open it, as long as the ad runs. Play around with the text in red to create your own unique message incorporating the date!

How about changing the red text to:

I knew ... was going to be a great day, because visited my blog!

Sunday, October 11, 2009

How Ads Mimic Your Address - Bet I Know where you're from!

Hi! Thanks for visiting!

What do you do for fun around , ?

***

Here's the html & java trick:

I became right click curious when I saw this "blog" about tooth whitening. Now , this may be a very good product, but I can't stand lies. By right clicking and choosing show source, I found this interesting little javascript:

<p align="left"> <em> My name is Rachel Bell. I live in <script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script><script language="JavaScript">document.write(geoip_city());</script>, <script language="JavaScript">document.write(geoip_region());</script> and I want to tell you about

How I this works is your IP address is detected by the ad program, which then makes "Rachel" appear to be from a city close to your location. Here's my suggestion for putting this liar script to better use:

Why not change the text in red to:

Hi! Thanks for visiting. What do you do for fun around ... ?

Right click browsing in , or am I?

Saturday, October 10, 2009

How to Add a TwitThis Button to Blogger Posts

Here's a great way to add a button to every blogger post so your visitors can easily share your posts on Twitter. I can't wait to try it! Click HERE for the Code

CranialSoup used the info at TwitThis - tweaked their bookmarklet code, & tossed in an image from another TwitThis code to create one that works in Blogger. The button only shows on post pages and not the main page of your blog, so the appropriate URL shows on Twitter

Note: CranialSoup also added comments in the code for easily adding more buttons later, to either all pages or just post pages.

How to Add the Code

Go to Blogger Dashboard, click "Layout "for the blog you want to add the button to.
At Layout , click " Edit HTML".
Where it says "Backup/Restore Template", click "Download Full Template" & save the .xml file to your hard drive. (Then you can restore your template, if anything goes wrong.)
Now on"Edit Template" , tick the"Expand Widget Templates" box.
Use "CTRL f" to find this line:
<div class='post-footer'>
Copy and paste the following code right after it: Click HERE for Code
Click "Save Template".
If you get any red errors, Click "Remove all edits" & Contact CranialSoup for help (leave a comment stating the specific error message,) . If you get a "bX-"error, just try again tomorrow. Sometimes Blogger has its own issues and they get resolved on their own if you wait.
8. Look at your blog. The button should appear on post pages only, and not the main page. Test the button- click on a post and share your post on Twitter.

Note: If you want to add other buttons to the footer of your posts, the comments in the code are a great help. Code inserted in one section will show on all pages, and the other will only show on post pages.

Credits: 100% goes to CranialSoup ( I just tweaked the explanation to shorten it.), and although CranialSoup credits TwitThis 99% for the code, if it weren't for CranialSoup's tweaking, it wouldn't be available for use on Blogger! Kudos to CranialSoup!

Click HERE to read Original Post at CranialSoup & more great blogger codes like their Google Reader code.

I really like CranialSoup's site. It's the first dark site I've been able to read, and it doesn't slow my browser down like some blogger tip sites.

Saturday, October 3, 2009

HTML News Style Link List

This script produces the news style link list at the bottom of the page in a Fabulous Fake: See Daily News & More - Fab Fakes

The "click" references in the http lines refer to paid click links put in by the advertiser in lieu of the correct links.

<div class="footer">
   <div class="fRef"><a href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp"><img src="http://www.blogger.com/files/default_mainlogo_sm.png" alt="News" id="abcnewslogo2" border="0" /></a>
     <div class="fRef-text"> External links are provided for reference purposes. This website is not
       responsible for the content of external Internet sites.</div>

     <div class="fRef-textQuotes">
       <p>Quotes
         delayed 15 minutes for NASDAQ. 20 minutes for NYSE and AMEX. Market
         Data provided by Interactive Data. Powered and implemented by Interactive Data Managed Solutions</p>
</div>
     <div class="fRef-text-arrow"> <a href="http://www.blogger.com/post-edit.do#top" title="Back to top">Back to top <img src="http://www.blogger.com/files/icon-arrow-up.gif" border="0" /></a> </div>
   </div>
   <div class="fNav">
     <h5>Topics</h5>

     <ul>
       <li><a name="lpos=nav[footer]&lid=section[News]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">News</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Politics]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Politics</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Blotter]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Blotter</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Health]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Health</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Entertainment]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Entertainment</a></li>

       <li><a name="lpos=nav[footer]&lid=section[Money]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Money</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Technology]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Technology</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Travel]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Travel</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Recipes]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Recipes</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Behind the Scenes]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Behind the Scenes</a></li>
     </ul>

   </div>
   <div class="fNav">
     <h5>Shows</h5>
     <ul>
       <li><a name="lpos=nav[footer]&lid=section[World News with Charles Gibson]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">World News with Charles Gibson</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Nightline]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Nightline</a></li>
       <li><a name="lpos=nav[footer]&lid=section[This Week with George Stephanopoulos]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">This Week with </a></li>

     </ul>
   </div>
   <div class="fNav">
     <h5>Tools</h5>
     <ul>
       <li><a name="lpos=nav[footer]&lid=section[Register]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Register</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Sign In]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Sign In</a></li>

I tried putting this into a blogger template, but had no luck saving it. I'd like to be able to figure out which piece of code will place the lists side by side and also give it a blue back ground.