Bulk Email

Here is one of the best ways that a bulk emailing is accomplished:

The spreadsheet containing all the email addresses should be saved as a .csv file.

The spreadsheet should have a header row at the top of the spreadsheet, with recipients first name, last name, and email address, each as one word all lower case.

Sample Spreadsheet For Bulk Emailing

The above spreadsheet could be used to send 3 emails to me all at once.

Create a new email in your email program. I use Mozilla Thunderbird with Mail Merge add-on.

Copy & Paste the HTML code of the HTML email into the body of the email that you want to send to people listed in the spreadsheet. In Thunderbird, click Insert, choose HTML, then paste code into dialogue box.

In the To: entry, type {{email}}

(Enclose the column headings in 2 sets of curly braces.)

The Thunderbird program will automatically generate emails in the Outbox addressed to everyone in the “email” column of the spreadsheet.

If you type Dear {{firstname}} in the body of the mail, each email will have the first name of each person associated with the corresponding email address.

Choose Send Unsent Messages.



To show a video in HTML, use the <video> element (will not autoplay):


<video width=“320” height=“240” controls>
<source src=“movie.mp4” type=“video/mp4”>
<source src=“movie.ogg” type=“video/ogg”>
Your browser does not support the video tag.


The controls attribute adds video controls, like play, pause, and volume.

IInclude width and height attributes.

Text between the <video> and </video> tags will only display in browsers that do not support the <video> element.

Multiple <source> elements can link to different video files. The browser will use the first recognized format.


HTML5 Video Code

Working with HTML5 video in Dreamweaver

Encode video to MP4, Ogg, and WebM format.

Follow these steps to create a new HTML file in Dreamweaver and add video and source tags:

Open Dreamweaver and an HTML file.

Switch to Code view or Split view.

Add the following code inside the <body></body> tags:

<video autoplay="autoplay" controls="controls" preload="auto"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogv" type="video/ogg"> <source src="movie.webm" type="video/webm"> </video>

Notice that the video tag specifies three parameters that preload the video when the page loads, auto-play the video when ready, and show the browser’s native controls. Nested between the open and close video tags are three source tags. The source tags define the MP4 video source, the Ogg video source, and the WebM video source. The browser chooses the source it can support. Note that the MIME type must be included for full support across browsers, and the MP4 type should come first to support iPad.

Save the file next to your videos or in the location of your choice.

Update the src attribute in the source tags with the path to your videos.

For poster:

<video controls poster=”demo.jpg”>
<source src=”demo.mp4″ type=”video/mp4″ />
<source src=”demo.webm” type=”video/webm”/>
<source src=”demo.ogv” type=”video/ogg”/>
<p>Fallback code if video isn’t supported</p>/


Float & Clear with CSS

Use the following to prevent text inside the editable region under a div with a menu bar from floating up along side the menu bar as it adjusts inside a fluid layout:

Use the “Float” property to specify whether or not an element should float.

Use the “Clear” property to control the behavior of floating elements.

Float Property

The “Float” property can be used to wrap text around images.

Clear Property

The “Clear” property is used to control the behavior of floating elements.

Elements after a floating element will flow around it. To prevent this, use the “Clear” property.

The “Clear” property specifies on which sides of an element floating elements are not allowed to float.

So for the div that contains the menu bar, float the div to the left and set the clear to “right.”

(Must use both.)



How To Create Custom PayPal Button (Code Factory)


<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="JGPNM5E634B42">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">


Find the following line of code:

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

And replace it with:

<input type="submit" value="Add to Cart" name="submit" title="PayPal - The safer, easier way to pay online!" class="paypal_btn">


Paste the following into the .css file: (it will then show up as CSS Styles in All as .paypay_btn and .paypal_btn:hover

You can then make changes to the button appearance by clicking on “edit rule.”

The button will still bring up PayPal when clicked.

display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 14px;
margin: 0;
background: #ff6600;
border: 0;
cursor: pointer;
outline: none;
.paypal_btn:hover{ background: #e05c04; }