ساخت کد بنر و لوگو

برای قرار دادن کد بنر یا لوگو در وبلاگ ابتدا  کد عکس را ایجاد کنید مانند نمونه زیر :

<img src="http://www.rozfa.com/images/icon/cancel.png">

آدرس عکس در کد بالا : http://www.rozfa.com/images/icon/cancel.png

توجه کنید قبل از عبارت img  کاراکتر " نباشد کاراکتر " مربوط به قبل از < در پایان است که در جدول بالا جابجا شده است.

تصویری خروجی کد بالا به شکل زیر است :

سپس باید برای عکس ِ بنر یا لوگو لینک ایجاد کرد. کادر زیر ، برای متن LINK یک لینک ایجاد کرده است ...

<a href="http://19bahman.rzb.ir">LINK </a>

تصویر خروجی کد بالا به شکل زیر است :

LINK

 حالا باید کد عکس را با متن LINK جایگزین کرده تا عکس لینکدار ساخته شود.

<a href="http://19bahman.rzb.ir"><img src="http://www.rozfa.com/images/icon/cancel.png"> </a>

توجه : اگر کد بالا به صورت کامل نمایش داده نشده است برای دیدن کامل آن را در notepad کپی کنید.

تصویر خروجی کد بالا به شکل زیر است :

به به این ترتیب کد بالا هنگامی که در ویرایش قالب کپی شود تصویر یک درب را نشان می دهد که با کلیک بر روی آن پنجره ی قعلی بسته می شود و بازدید کننده به آدرس 19bahman.rzb.ir فرستاده می شود.

برای اینکه بعد از کلیک روی عکس لینک در پنجره جدید باز شود می بایست در تگ a مقدار target را ایجاد کنید و مقدار آن را مساوی blank قرار دهید مثل زیر :

<a href="http://19bahman.rzb.ir" target="_balnk"><img src="http://www.rozfa.com/images/icon/cancel.png"></a>

توجه : اگر کد بالا به صورت کامل نمایش داده نشده است برای دیدن کامل آن را در notepad کپی کنید.

تصویر خروجی کد بالا به شکل زیر است :