امروزه تبلیغات اینترنتی به شکل چشم گیری افزایش یافته و جایگاه مهمی را به خود اختصاص داده است . اما برای قرار دادن تبلیغات در سایتها و وبلاگها نیاز به فضایی برای قرار گیریی تبلیغ خود داریم ، ما بهترین وسیله را به شما پیشنهاد می دهیم ، بنر گوشه ای وسیله ای است که در گوشه ی سایت به شکل زیبا و کوچک قرار می گیرد و هنگامی که موس روی آن می رود با افکتی زیبا تبلیغ خود را نمایان می کند . در این پست قصد داریم آموزش ساخت بنر گوشه ای را به شما آموزش دهیم . [...]
برای ساخت بنر تبلیغات فقط کافیست که فایل ضمیمه شده این پست را دانلود کنید و آنرا در قالب (سایت ، وبلاگ) خود فراخوانی کنید و یک فایل عکس ک شامل تبلیغ شما می باشد طراحی کنید .
برای هرچه راحت تر شدن کار شما فایل PSD نیز تعبیه شده است ، کافیست با نرم افزارهای گرافیکی آنرا باز کنید و در قسمتی که سیاه نیست بنر خود را طراحی کنید ( دقت شود که قسمت سیاه نمایش داده نمی شود ) سپس آنرا با اسم big و فرمت gif. ذخیره کنید .
حال فایل peel.js را با نرم افزاری (همانند notepad) ویرایش کنید ، در خط هشتم آن در کد
esel.ad_url = escape(‘http://www.m-graphic.ir/’);
بجای http://www.m-graphic.ir لینک مورد نظر خود را قرار دهید . در خط چهاردهم آدرس لینک عکس بنر خود را که طراحی کردید وارد کنید .
esel.big_image = escape(‘big.gif’);
و به همین ترتیب لینک بقیه فایلها را قرار دهید .
esel.small_path = 'cornersmall.swf';
esel.small_image = escape('smallanim.swf');
esel.big_path = 'cornerbig.swf';
سپس فایل peel.js را save کنید و در فضایی آپلود کنید و آنرا با دستور زیر در قالب خود فراخوانی کنید تا اجرا شود :
<script type=”text/javascript” src=”peel.js”></script>
* دقت کنید که این دستور را بین دو تگ <head> و <head/> قرار دهید .
* برای آپلود نیز می توانید از فضاهای رایگان استفاده کنید .
به همین سادگی ، حالا می توانید از بنر جدید و زیبا و پیشرفتتون استفاده کنید و لذت ببرید. امیدوارم مفید باشد .
موفق باشید
کیوان ا K1
رمز : www.m-graphic.ir
حجم فایل : 220 کیلوبایت
دسته بندی : 
نویسنده : کیوان 
سلام ممنون از شما خیلی جالب بود .
خیلی وقت بود دنبالش میگشتم .
ممنون از شما جناب کیوان .
بی نظیر بود .
از این نمونه تبلیغات طرفدار داره لطف کنید باز هم قرار بدید .
ممنون قاسم جان . این آموزش یکی از جدیدترین روشهاست کهآموزشش کمه و بیشتر سایتها برای طراحی به این سادگی مبلغ های زیادی دریافت می کنند که ما براتون به صورت رایگان آموزش دادیم ، حتما نمونه های بیشتری از این آموزشها می زاریم . با تشکر موفق باشی
سلام آقا کیوان من این کد رو قرار دادم تو تنظیمات قالبم .
ولی متاسفانه کار نمیکنه .
طبق توضیحات هم انجام دادم .
http://www.ghasemrayaneh.blogsky.com
سلام دوست عزیز
من دوباره فایلهارو بررسی و امتحان کردم و کار می کنه ، شما هم لطف کن دوباره فایلهارو بررسی کن و آپلود کن و قرار بده . به تمامی نکاتی که تو پست هم ذکر شده دقت کن . اگه مشکلی بود منو تو یاهو ادد کن کمکت کنم .
سلام
ممنونم از آموزشتون خیلی بدرد میخوره فقط یه چیزی بعدی که اون فایل رو آپلود کردیم خب کجا قرار بدیم فقط آپلود کنیم همین ؟
نمیخواد ادرسشو جایی قرار بدیم؟
من طبق روال توضیحات شما پیش رفتم و ادرس و بنر رو توی این peel.js جای گذاری کردم بعد این فایل رو آپلود کردم حالا تنها با گذاشتن این کد در قالب بنر کار میکنه؟ یا باید جایی src=”peel.js” این ادرس آپلود شدمو قرار بدم؟
یک درست توضیح بدهید چون توضیحاتتون خیلی کمه ممنونم
دوست عزیز شما یک عکس با همون PSD که در فایل هست درست کنید ( قسمت سیاه دیده نمی شود) بد این عکس رو آپلودکنید و تو فایل فراخوانی کنید . جای آدرس big.gif آدرس عکستونو بزنید بدش لازمه تا فایلهای فلش هم آپلودکنید و فراخوانی کنید تو فایل peel.js . فایلها هم ایناست cornersmall.swf و smallanim.swf و cornerbig.swf . حالا که همین این فایلهارو آپلود و فراخوانی کردید لازمه تا فایل peel.js هم آپلود کنید و تو قالبتون فراخوانی کنید که تو آموزش هست .
اینم جایی که در کد peel.js قرار داره و شما باید لینک عکس و لشهای آپلود شده رو بزنید .
esel.small_path = ‘cornersmall.swf’;
esel.small_image = escape(‘smallanim.swf’);
esel.big_path = ‘cornerbig.swf’;
esel.big_image = escape(‘big.gif’);
راستی بنر های هم که اماده میکنیم خود بنر باید آپلود بشه دیگه درسته؟
بله باید آپلود کنید و در قالبتون نیز فراخوانی کنید .
اقا کار نمیکنه مشکل کجاست ؟؟؟؟؟؟؟؟؟؟
من دوباره تست کردم و برای این کار یه صفحه هم خودم درست کردم که می تونید ببینید در لینک زیر که کار می کنه .
http://www.m-graphic.ir/wp-content/uploads/2012/01/bannerpeel.html
سلام
باز کار نکرد ببینید من اینجوری انجامش دادم قشنگ همینجوری
برا امتحان اون بنر اماده خودتو رو آپلود کردم ادرس آپلود شده روی این peel.js جای گذاری کردم
بعد به نوبت هر سه تا فایل های فلش رو هم آپلود کردمو آدرس هاشون رو توی این peel.js به جای خودشون جای گذاری کردم. و سیو کردم.
و در آخر خود این رو آپلود کردم peel.js
خب الان تنها کاری که میمونه ادرس آپلود شده این peel.js رو توی این قرار بدم
خب این کارو رو هم انجام دادم بعد اومدم این کد پایین رو
توی قالبم بالای قرار دادم .
این تمام کاری که من کردم ولی باز کار نکرد برای امتحان ادرس فایل peel.js آپلود شده رو میدم بهتون برید ببینید درسته یا خراب
http://games-android.funzone.ir/other/banners/peel.js
آقا نوید فایل peel.js شما کاملا درسته من قرارش دادم تو یه فایل و کار کرد . اینم لینکش
http://www.m-graphic.ir/wp-content/uploads/2012/01/bannerpeel1.html
فکر کنم تو فراخوانی کردنش مشکل دارید . برای فراخوانش تو قالبتون بین دو تگ و کد زیر رو قرار بده .
الان باید مثل همون نمونه ای که من درست کردم کار کنه .
منم درست مثل نوید انجام دادم ولی کار نمیکنه داداش
مال آقا نوید کار کرد . اگه ماله شما هم این شکلیه پس مشکل از فراخوانیه فایل peel.js تو قالبتونه که اونو براتون تو قسمت آخر آموزش قرار دادم کفیه اون کدو بین دو تگ head قالب خودتون قرار بدید و آدرس فایلتونو جای اون بزارید .
سلام به احتمال زیاد مشکل از فراخوانی باشه و شاید روی قالب ها کار نکنه نمیدونم چطوره داداش مثلا شما همین فایل منو با اون کد فراخوانی کنید و اون کد رو به من بدید شاید ما اشتباه کد رو جای گذاری میکنیم.؟
اخه ساخت این برن خیلی پول میگیرن چرا ما خودمون یاد نگیریم ممنونم که به ما آموزش میدید
نوید جان باید با کد فراخوانی فایل جاوااسکریپت فراخوانیش کنی تو قالبت . که تو قسمت آخر آموزش هست .
دوست عزیز کار نمیکنه که
همه مارو سر کار گداشتی
این آدرس فایل من که درست کردم
خودت توی یه وبلاگ بارگذازی کن ببینم !! اگه تو یک وبلاگ بلاگفا یا میهن بلاگ کار کرد حرفتون متین
http://agrinet.persiangig.com/peel.js
مشکل از محل آپلودتونه ”http://agrinet.persiangig.com/peel.js” جای این اینو بزارید http://www.m-graphic.ir/wp-content/uploads/2012/01/peel.js
حتما کار می کنه . من دموشو گذاشتم که اینو نگید . اینم دمو
http://www.m-graphic.ir/wp-content/uploads/2012/01/bannerpeel.html
راستی حتی من توی این وبلاگ به طور امتحانی کد رو گذاشتم ولی نمیشه
بی زحمت برو به این آدرس http://chaharmezrab.blogfa.com/
خودت یک بار view page source بکن ببین که بعد تگ هد همونطوری که گفتی گداشتمش
مددی کن جون دادا
آقا خود شما این فایل رو تو مرورگرت باز کن ببین چی میاد . اصلا نمیاد Bad Request میده ، یعنی مشکل آپلود داره . انتظار داری اجرا هم بشه ؟
دوستان من برای اینکه شما ببینید که این کد واقعا کار می کنه حتی تو وبلاگ شخصی خودم نیز قرار دادم . می تونید به لینک زیر برید و ببینید . بیشتر دوستان تو فراخوانی قالب مشکل دارن که اگه بازم مشکلی بود بگید تا راهنمایی کنم .
http://pedarbozorg.blogfa.com/
سلام کیوان جان
من سیستم مدیریت محتوای وردپرس برا سایتم دارم این فایلی رو که برا دانلود گذاشتی رو از سرور سایتم آپ کنم ؟
بعد آدرسشو کجا بذارم ؟
ممنون ازت
بهم ایمیل بزن منو خبر دار کن بعدش آی دی یاهوتمم بده تا سوالی داشتم ازت بپرسم
ممنون و متشکر
پاسخ را ایمیل کن
ایمیلم اینه سجاد جان
k3yv5n@yahoo.com
برات ارسال می کنم .
کیوان جان دستت درد نکنه , درست شد
ببخشید اگه یه وقت چیزی گفتم بی منظور بود داداش
خواهش می کنم . خوشحالم که تونستی . مشکلش کجاش بود ؟
واقعیتش مثل اینکه مشکل از persian gig بود که بعضی وقتا از دسترس خارج میشه
آره منم تو پرشین گیگ گذاشتم مشکل داشت
راستی یک سایت هاست رایگان خارجی مثل پرشین گیگ سراغ نداری
که لینک مستقیم بده ؟
نه سراغ ندارم اما نمونه های مشابه خارجی زیاده .
آره ولی یه جا میخوام که قابل اطمینان باشه / نه مثل پرشین گیگ که همش قطع
کیوان روی وبلاگت که کار نمیکنه؟ من الان دیدم؟
خب کیوان عزیز مگه نباید بین کد head قرار داد ؟ خب من همین کارو میکنم پس چرا کار نمیکنه داداش؟
فراخوانی رو بیشتر ضویحح بده تا متوجه شیم
روی وبلاگم کار می کنه و در کل کار می کنه . اگه رفتی ندیدی شاید فلش پلیر روی مرورگرت نصب نیست که حتما نصب کن خیلی ضروریه . ببین تو فراخوانی اگه کد رو درست قرار می دی کار نمی کنه بخاطر اینه که شاید جایی که آپلود کردی با فایل peel.js مشکل داشته باشه . الان لینک زیر روی جای peel.js بزار تا واست درست بشه اگه اجرا شد جایی رو که فایل peel.js رو آپلود کردی عوض کن .
http://www.m-graphic.ir/wp-content/uploads/2012/01/peel.js
من توی بلاگفا هم امتحان کردم باز کار نکرد داداشی
چطور جاهای که شما جای گذاری میکنید کار میکنه؟الان تو وبلاگتون دیدم کار کرد ولی برای ماها کار نمیکنه
داداش بخاطر هدر نیستش؟ شاید بخاطر هدرها کار نمیکنه؟
نوید جان تو پرشین گیگ گذاشتی ؟ اگه پرشین گیگه جاشو عوض کن مثل اینکه اونجا مشکل داره . نه این کد جاوا اسکریپت ربطی به هدر ها نداره ، فقط می تونه مشکل از جایی که آپلود کردید یا فراخوانی باشه همین .
نه من توی پرشین گیگ ندارم تو هاست خودم گذاشته بودم
نمیدونم مشکلش چیه باز تلاش میکنم نشد باز مزاحمتون میشم
از وب سایت گیگ پا استفاده کنید هاست میزبانی به شما میدهد .
http://www.gigpa.com
سلام یه مشکل هست لطفا راهنمایی کنید من طبق چیزایی که گفتید عمل کردم و بین تیگ های قرارش دادم ولی چیزی نممیاره
دوست عزیز اگه وبلاگ شما این باشه http://kod.rozblog.com داره نمایش داده میشه مشکلش چیه ؟
سلام بازم ممنون به خاطر تمام همراهیاتون و کمک هاتون
من خودم برای وبلاگ میتونم بذارمش
ولی برای سایتم که سیستم وردپرس داره و از قالب قدیمی ام گرافیک که نمونه کار هم داره استفاده میکنم
این کد رو باید تو کدوم فایلش و کجاش بذارمش تا قالب بهم نریزه و نمایش هم داده بشه
یا اگه این قالب نمیتونه این کد رو نمایش بده من از قالب سی۱۱۵و سی ۱۱۲هم استفاده میکنم تو اونا کجای قالب بذارم ممنون میشم اگه راهنمایم کنید
بازم به خاطر اموزشهاتون ممنون
طبق توضیحات داده شده عمل کنید . درست میشه
عجب جواب دندون شکنی به سوال قبلیم دادی بعد از ۱۰ روز
خب جیگر من میگم باید چجور بذارمش توی سایت مگه وبلاگه که یه کد داشته باشه
۱۵تا فایل داره
من تو کدومش کجای کدومش بذارم تا کار کنه؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
دوست عزیز باید بین تگهای head قرار بدی خوب معلومه که این تگ فقط تو فایل header.php هست .
آقا کیوان سلام،دمت گرم
تو قالب پی اچ پی نیوک باید تو کدوم فایلش و کجاش قرار بدم؟؟؟
اگه میشه یکم بیشتر توضیح بدید
ببین این یه فایل جاوا اسکریپت هست پس باید بین تگهای head در فایل header.php قرارش بدی .
عالی بود
عالی هستید
عالی خواهید بود
بابا دمتون گرم خیلی خفنید
بـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــوس
دمت گرم
بهترین سایت گرافیک فقط ام گرافیکه بابا دمتون گرم خداییش