Hello all,
Happy new year to the vldcrowd!
We had 45 degrees C in Ivanhoe yesterday, the hottest day for over 100 years. Ramil I can't believe in your side of the world the temperature is so extremely cold. I would rather this hot weather...
Julian View Comments & Reply...
Happy new year to the vldcrowd!
We had 45 degrees C in Ivanhoe yesterday, the hottest day for over 100 years. Ramil I can't believe in your side of the world the temperature is so extremely cold. I would rather this hot weather...
Julian View Comments & Reply...
This blog is to do with Google Adwords Quality Score when assessing the quality of your keywords. I have discovered it is very important to have a landing page with highly relevant keyword phrases as your adwords campaign progresses.
Now this is the problem I'm having with producing keyword matched landing pages:
I am using the account/register form for my landing page from my adwords campaign. How would I save duplicate copies of my account register page with different styles and keyword phrases?
At the moment I have just one landing page www.zone54.com.au/account/register and my previous idea was to stuff the landing page with as many of the different keyword phrases I could think of. But really I need to make customised landing pages for each of the ad groups. If someone has some ideas, that would be great. Thanks View Comments & Reply...
Now this is the problem I'm having with producing keyword matched landing pages:
I am using the account/register form for my landing page from my adwords campaign. How would I save duplicate copies of my account register page with different styles and keyword phrases?
At the moment I have just one landing page www.zone54.com.au/account/register and my previous idea was to stuff the landing page with as many of the different keyword phrases I could think of. But really I need to make customised landing pages for each of the ad groups. If someone has some ideas, that would be great. Thanks View Comments & Reply...
Figured this problem out after thinking long and hard about the situation. Ok, I tried this solution and it works in my source code, I get the meta tags in the head of my custom pages now.
Step:1 -
Ok, place code like this in the header.tpl:
<!-- IF active_module == "homepage" -->
<title>Zone54 Australian singles, online Aussie dating and relationships. Find your perfect match</title>
<meta name="description" content="{settings.app_description}" />
<meta name="keywords" content="{settings.app_keywords}" />
<!-- ELSEIF active_module == "pages" -->
<!-- INCLUDE metatags.tpl -->
<!-- ENDIF -->
Step:2 -
Now I created a new template file called metatags.tpl. Within that page I now place all my calls for metatag data like this:
<!-- IF page_label == "datingtips" -->
<title>Zone54 - Dating Tips</title>
<meta name="description" content="informationVisit here for information on dating tips and guides" />
<meta name="keywords" content="Dating tips,dating guides,dating" />
<!-- ELSEIF page_label == "flirtingsecrets" -->
<title>Zone54 - Should you use flirting to warm to people?</title>
<meta name="description" content="This article describes ways in which you can flirt with someone in a non-offensive way to warm to them and break the ice." />
<meta name="keywords" content="flirting,flirt,how to flirt,flirting to pick up, ...." />
<!-- IF page_label == "datingtips" -->
<title>Zone54 Sydney Dating</title>
<meta name="description" content="Find your love with Zone54 Sydney dating" />
<meta name="keywords" content="sydney dating,sydney sinlges,man seeking woman sydney,woman seeking man sydney,single men sydney,single women sydney" />
<!-- ENDIF -->
Then voila. The metatags all appear in the right place on the source code.
Good for better page ranking and SEO View Comments & Reply...
Step:1 -
Ok, place code like this in the header.tpl:
<!-- IF active_module == "homepage" -->
<title>Zone54 Australian singles, online Aussie dating and relationships. Find your perfect match</title>
<meta name="description" content="{settings.app_description}" />
<meta name="keywords" content="{settings.app_keywords}" />
<!-- ELSEIF active_module == "pages" -->
<!-- INCLUDE metatags.tpl -->
<!-- ENDIF -->
Step:2 -
Now I created a new template file called metatags.tpl. Within that page I now place all my calls for metatag data like this:
<!-- IF page_label == "datingtips" -->
<title>Zone54 - Dating Tips</title>
<meta name="description" content="informationVisit here for information on dating tips and guides" />
<meta name="keywords" content="Dating tips,dating guides,dating" />
<!-- ELSEIF page_label == "flirtingsecrets" -->
<title>Zone54 - Should you use flirting to warm to people?</title>
<meta name="description" content="This article describes ways in which you can flirt with someone in a non-offensive way to warm to them and break the ice." />
<meta name="keywords" content="flirting,flirt,how to flirt,flirting to pick up, ...." />
<!-- IF page_label == "datingtips" -->
<title>Zone54 Sydney Dating</title>
<meta name="description" content="Find your love with Zone54 Sydney dating" />
<meta name="keywords" content="sydney dating,sydney sinlges,man seeking woman sydney,woman seeking man sydney,single men sydney,single women sydney" />
<!-- ENDIF -->
Then voila. The metatags all appear in the right place on the source code.
Good for better page ranking and SEO View Comments & Reply...
Hello everyone.
This blog addresses a potential problem you could run into if you implement my slideshow on your website, of which I encountered myself and how you can use a randomly picked image from a list to be displayed on your site each time the page loads. In this way, each time people visit your site it will help to look fresh and different.
First, If you upload several pictures to your slideshow remember that every picture will be loaded each time someone loads your homepage. In my case I had about 8 images, each of 50kb or more. Therefore it was costing me 400k or so in data every time someone loaded the homepage, which is not economical, not to mention the slow page loading. Now to the random image header script:
Upload this javascript inside your <head> tags:
<script type="text/javascript">
//<![CDATA[
var images=new Array();
images[0]="images/image_1.jpg";
images[1]="images/image_2.jpg";
images[2]="images/image_3.jpg";
images[3]="images/image_4.jpg";
images[4]="images/image_5.jpg";
images[5]="images/image_6.jpg";
images[6]="images/image_7.jpg";
var i=Math.floor(Math.random()*images.length);
function randomImage() {
var elem=document.createElement("img");
elem.setAttribute("src",images);
elem.setAttribute("title",images);
document.getElementById("column_1").appendChild(elem);
}
onload=randomImage;
//]]>
</script>
Note, you will have to create a folder called 'images' and rename your images to the above array "image_1.jpg" etc., or you can change the call in your images array to your current picture filenames.
Next, insert the image call in your body where you want the image displayed:
<div id="column_1">
<noscript>
<img alt="default image" src="image_1.jpg" />
</noscript>
</div>
This body code will pick the first image as an example, but will load a random image from the array in the javascript, hence you will have different images always displayed.
If you want a second batch of random images displayed somewhere else on the same page, just rename the div call from column_1 to column_2 or something, then repeat the javascript code in the head and the body code.
Done. A nice simple random image pic on your page. View Comments & Reply...
This blog addresses a potential problem you could run into if you implement my slideshow on your website, of which I encountered myself and how you can use a randomly picked image from a list to be displayed on your site each time the page loads. In this way, each time people visit your site it will help to look fresh and different.
First, If you upload several pictures to your slideshow remember that every picture will be loaded each time someone loads your homepage. In my case I had about 8 images, each of 50kb or more. Therefore it was costing me 400k or so in data every time someone loaded the homepage, which is not economical, not to mention the slow page loading. Now to the random image header script:
Upload this javascript inside your <head> tags:
<script type="text/javascript">
//<![CDATA[
var images=new Array();
images[0]="images/image_1.jpg";
images[1]="images/image_2.jpg";
images[2]="images/image_3.jpg";
images[3]="images/image_4.jpg";
images[4]="images/image_5.jpg";
images[5]="images/image_6.jpg";
images[6]="images/image_7.jpg";
var i=Math.floor(Math.random()*images.length);
function randomImage() {
var elem=document.createElement("img");
elem.setAttribute("src",images);
elem.setAttribute("title",images);
document.getElementById("column_1").appendChild(elem);
}
onload=randomImage;
//]]>
</script>
Note, you will have to create a folder called 'images' and rename your images to the above array "image_1.jpg" etc., or you can change the call in your images array to your current picture filenames.
Next, insert the image call in your body where you want the image displayed:
<div id="column_1">
<noscript>
<img alt="default image" src="image_1.jpg" />
</noscript>
</div>
This body code will pick the first image as an example, but will load a random image from the array in the javascript, hence you will have different images always displayed.
If you want a second batch of random images displayed somewhere else on the same page, just rename the div call from column_1 to column_2 or something, then repeat the javascript code in the head and the body code.
Done. A nice simple random image pic on your page. View Comments & Reply...
Tutorial on making a great website Javascript slideshow. The great thing about this slideshow is it doesn't use blendtrans command which only works on IE. So this slideshow works on all IE, firefox, OSX, etc.
Ok, first to make this image slideshow:
1. Download my blendimages.js file from here: www.zone54.com.au/blendimages.js
2. Install blendimages.js to the root directory of your site as I have done.
3. Insert the javascript activator between <head> and </head> tag of your site:
<script type="text/javascript" src="blendimages.js"></script>
You may have to experiment with exact positioning, I found it was interfering with another script I had running so I moved it up near the top.
4. Next, insert the javascript code below - The slideshow speed and transition can be adjusted with the ('img', 40, 1000); call by changing the numbers which are to do with milliseconds. Insert these other two code blocks before the </head> tag:
<script type="text/javascript">
function init() {
blendImages('img', 40, 1000);
}
window.onload = init;
</script>
<style type="text/css">
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
</style>
**********************************************
We don't require an onload handler for this javascript. So we insert the image slideshow in the body of the webpage like this: (Make sure you include system path in image codes, not 'img/img1.jpg')
<div class="blend" div id="img" style="width:661px; height:290px; overflow:hidden; position:absolute; top:2px; left:2px;">
<img src="/templates/dark_yellowish/media/img/img1.JPG">
<img src="/templates/dark_yellowish/media/img/img2.JPG">
<img src="/templates/dark_yellowish/media/img/img3.JPG">
<img src="/templates/dark_yellowish/media/img/img4.JPG">
<img src="/templates/dark_yellowish/media/img/img5.JPG">
<img src="/templates/dark_yellowish/media/img/img6.JPG">
<img src="/templates/dark_yellowish/media/img/img7.JPG">
<img src="/templates/dark_yellowish/media/img/img8.JPG">
<img src="/templates/dark_yellowish/media/img/img9.JPG">
<img src="/templates/dark_yellowish/media/img/img10.JPG">
<img src="/templates/dark_yellowish/media/img/img11.JPG">
<img src="/templates/dark_yellowish/media/img/img12.JPG">
</div>
Now you may have to rename whichever picture files you have to img1, img2 etc. unless you change the blendimages call ('img'.. in the javascript code.
Ok, now for the pictures. I spent $49usd and bought a 12 pic medium pack of hi-res models at www.shutterstock.com because I felt that websites with free pictures look a bit that way and I couldn't find any decent pictures on photobucket.com but you can find some good free ones there.
I searched for pictures with white background only so they would integrate well with my site. Next I open MS paint and make all my separate frames:
Frame 1 has a simple picture that fades in. I put all my logos in the top left:
.jpg)
Frame 2 I duplicate frame 1 and simply add some text:
.jpg)
Frame 3 I change to a new picture:
.jpg)
And so the progression continues through a slideshow, where I just duplicate some frames and delete some pictures or change the wording, all the time saving each change.
I hope this tutorial is useful as I owe it to radioact to give my help :)
Maxpower
www.zone54.com.au View Comments & Reply...
Ok, first to make this image slideshow:
1. Download my blendimages.js file from here: www.zone54.com.au/blendimages.js
2. Install blendimages.js to the root directory of your site as I have done.
3. Insert the javascript activator between <head> and </head> tag of your site:
<script type="text/javascript" src="blendimages.js"></script>
You may have to experiment with exact positioning, I found it was interfering with another script I had running so I moved it up near the top.
4. Next, insert the javascript code below - The slideshow speed and transition can be adjusted with the ('img', 40, 1000); call by changing the numbers which are to do with milliseconds. Insert these other two code blocks before the </head> tag:
<script type="text/javascript">
function init() {
blendImages('img', 40, 1000);
}
window.onload = init;
</script>
<style type="text/css">
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
</style>
**********************************************
We don't require an onload handler for this javascript. So we insert the image slideshow in the body of the webpage like this: (Make sure you include system path in image codes, not 'img/img1.jpg')
<div class="blend" div id="img" style="width:661px; height:290px; overflow:hidden; position:absolute; top:2px; left:2px;">
<img src="/templates/dark_yellowish/media/img/img1.JPG">
<img src="/templates/dark_yellowish/media/img/img2.JPG">
<img src="/templates/dark_yellowish/media/img/img3.JPG">
<img src="/templates/dark_yellowish/media/img/img4.JPG">
<img src="/templates/dark_yellowish/media/img/img5.JPG">
<img src="/templates/dark_yellowish/media/img/img6.JPG">
<img src="/templates/dark_yellowish/media/img/img7.JPG">
<img src="/templates/dark_yellowish/media/img/img8.JPG">
<img src="/templates/dark_yellowish/media/img/img9.JPG">
<img src="/templates/dark_yellowish/media/img/img10.JPG">
<img src="/templates/dark_yellowish/media/img/img11.JPG">
<img src="/templates/dark_yellowish/media/img/img12.JPG">
</div>
Now you may have to rename whichever picture files you have to img1, img2 etc. unless you change the blendimages call ('img'.. in the javascript code.
Ok, now for the pictures. I spent $49usd and bought a 12 pic medium pack of hi-res models at www.shutterstock.com because I felt that websites with free pictures look a bit that way and I couldn't find any decent pictures on photobucket.com but you can find some good free ones there.
I searched for pictures with white background only so they would integrate well with my site. Next I open MS paint and make all my separate frames:
Frame 1 has a simple picture that fades in. I put all my logos in the top left:
Frame 2 I duplicate frame 1 and simply add some text:
Frame 3 I change to a new picture:
And so the progression continues through a slideshow, where I just duplicate some frames and delete some pictures or change the wording, all the time saving each change.
I hope this tutorial is useful as I owe it to radioact to give my help :)
Maxpower
www.zone54.com.au View Comments & Reply...
I really want to thank radioact publicly for working so hard to help create the masterpiece which is www.zone54.com.au
The website has been 3 months in its making and is ready to go very soon. I am very excited and I highly recommend radioact for any of your programming requirements, Ramil is a very experienced, professional and kind programmer. View Comments & Reply...
The website has been 3 months in its making and is ready to go very soon. I am very excited and I highly recommend radioact for any of your programming requirements, Ramil is a very experienced, professional and kind programmer. View Comments & Reply...
Latest Comments
Looking for Developer - VLD Site Mods and Fixes - Paid Job
about 18 hours ago
Looking for Developer - VLD Site Mods and Fixes - Paid Job
1 day ago
Looking for Developer - VLD Site Mods and Fixes - Paid Job
1 day ago