در بعضی از وبسایت ها دیده میشود که سیستم نمایش تصویر تصادفی وجود دارد.یعنی هر باز که صفحه لود میشود در یک مکان مشخص یک تصویر که با تصویر دفعه قبل متفاوت است ایجاد میشود. این سیستم حتی برای مدیریت تبلیغات نیر موثر است.مثلا شما میتوانید یک سیستم تبادل بنر یا لوگو ایجاد کنید و آن را در اینترنت گسترش دهید. بسیاری از وبمستر ها توانایی ساخت همچنین ابزاری را ندارند و اکثر وبلاگنویسان نیز ساخت چنین چیزی برای خودشان را کاری غیر ممکن میدانند.البته به وسیله PHP نیز ساخت این سیستم امکان پذیر است اما کد ارائه شده در وب پژواک راهکار جدیدی را در اختیار میگذارد.با تشکر از نویسنده این مطلب سعی بر آن داریم که به طور مفصل و آسان این کد را ویرایش نماییم و برای استفاده آماده کنیم، طوری که ابتدایی ترین وبلاگ نویسان و وبمستر ها از آن سر در بیاورند.
استفاده از این مقاله ساده شما براحتی میتوانید یک سیستم تصویر تصادفی ایجاد نمایید.حتی اگر وبلاگ داشته باشد.اگر فکر میکنید این مقاله دور از اطلاعات شماست سخت در اشتباه هستید به قدری توضیح داده شده است که حتی ابتدایی ترین وبلاگنویسان هم متوجه خواهند شد.
به این کد جاوا دقت کنید :
<script language="Javascript">
<!-- Begin
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}
if (ad==2) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}
document.write("<center>");
document.write("<a href=\"" + url + "\" target=\"_top\">");
document.write("<img src=\"" + banner + "\" width=")
document.write(width + " height=" + height + " ");
document.write("alt=\"" + alt + "\" border=0><br>");
document.write("<small>" + txt + "</small></a>");
document.write("</center>");
// End -->
</SCRIPT>
|
حال باید جایگزین های زیر را انجام دهید.
در قسمت var how_many_ads = 2; به جای عدد ? عدد تعداد تصاویر را وارد نمایید.
در ابتدای کد هر تصویر شماره آن درج شده است، مثلا برای تصویر اول عبارت if (ad==1) و برای عبارت تصویر دوم if (ad==1)
. به همین ترتیب اگر میخواهید تصاویر دیگری اضافه نمایید مطابق کد های موجود کد هر تصویر را اضافه نمایید و شماره آن را وارد نمایید. یعنی مثلا برای ایجاد تصویر سوم ابتدا if (ad==3) را وارد کنید سپس کد مربوط به آن را میان دو {} قرار دهید. مثلا :
if (ad==?) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}
بحای description-down هر تصویر توضیحاتی که میخواهید زیر آن بیاید را بنویسید
بجای description of pic توضیحاتی که با رفتن موس روی تصویر پدید خواهد آمد را بنویسید.
بجای address of pic آدرس هر تصویر را بنویسید.
دو بخش width و height مربوط به طول عرض تصویر موردنظر می‌باشند که باید مطابق طول و عرض تصویر خود آن را تنظیم نمایید. width عرض و دیگری طول میباشد.
به همین سادگی شما یک سیستم تصویر تصادفی ایجاد نموده اید. این کد را در هر قسمتی از وبلاگ یا وب سایتتان که میدانید مناسب است قرار دهید. ( ویرایش قالب )
ممکن است شما از قالبی خوشتان آمده باشد و آن را انتخاب کرده باشید و بعد از قرار دادن آن روی وبلاگ خود متوجه شده باشید که کلمات فارسی را به شکل نادرستی نشان میدهد . این امر ممکن است به دلایل متعددی مثل غیر فارسی بودن قالب ، غیر استاندارد بودن ، ناقص بودن و یا ... باشد.این مسئله براحتی و با قرار دادن کد زیر در قالب و بعد از قابل برطرف شدن است. کد زیر را بعد از تگ <head> قرار دهید.
به جای عبارت آدرس صفحه ، آدرس صفحه ای را که قرار است باز شود بنویسید.دقت کنید که http:// قبلا نوشته شده است پس شما مجددا آن را ننویسید.
سایتی که به وسیله اون شما می توانید به صورت آنلاین لوگو بسازید.
سایتی که حدود ?? تا امکانات به درد بخور داره که نمونه یکیش رو در پایین مشاهده می کنید.
اینم سایتی هست که امکانات زیادی داره و همش هم به در وبلاگ نویسان و سایت داران میخوره.
کد زیر را در ابتدای قالب خود قرار دهید.