تصميم بانر إعلاني ذو رابط

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

How to make linked banner Ads and add it to your blog?

سنشرح في هذا الموضوع طريقة عمل بانر إعلاني .
إن أكثر ما يشغل المتسائل هو مسأله كيف يدرج الرابط في البانر الإعلاني!!

أي أننا لا نريد فقط صنع بانر إعلاني بل نريد إدراج رابط الموقع الذي نريد الإعلان عنه في الصورة.

بحيث إذا ضغط الزائر على البانر,فإن هذا البانر يقوده إلى الموقع المرغوب الإعلان عنه .

مع العلم إن البانر الذي سنقوم بتصميمه غير متحرك وحينما أقول غير متحرك فأنا لا أقصد إنه يتحرك من أيمن الشاشة إلى يسارها والعكس لأن هنا طريقة لذلك بل أقصد إن التصميم نفسه لا يوجد به حركة مُشعة مثلا .

نحتاج برنامج تصميم كالفوتوشوب أو الرسام أو غيره , أنا بالنسبة لي سأستخدم برنامج الشروحات (سناقت)

صحيح إنه للشروحات ولكنه ممكن يؤدي غرضي الآن .

إذا سنمر على 3 مراحل :

أ‌- مرحلة تصميم البانر (أي الصورة) .

ب‌ مرحلة إدراج الرابط في البانر والحصول على البانر مدمجا برابطه وهي تعد (مرحلة الحصول على الكود).

ت‌ مرحلة لصق البانر في المدونة .

المثال الذي سنطبق عليه:

سنقوم بذلك من خلال عمل إعلان لمدونة أخرى اسمها صور http://pictureina.blogspot.com/

بحيث نعمل لها إعلان في موقعنا .

المرحلة أ

في هذه المرحلة سأقتبس أي صورة من المدونة أو سأبحث في النت عن صورة معبرة عن الصور لتلائم محتوى الموقع .

إذا فنحن نقوم بالبحث عن صورة مناسبة :

حسنا سأختار هذا الشعار وسأقوم بالتعديل عليه كأن أعدل في حجمه وأضيف عليه إسم الموقع .

لاحظ أننا إلى الآن لم نضيف رابط الموقع الذي سنعلن عنه لأننا في مرحلة تصميم البانر.

المهم وبعد التعديل (من تأطير وكتابة كلمة صورلأن الموقع عن الصور) وذلك على الصورة واختيار حجمها المناسب قد يكون هذا الحجم الذي اخترته كبير لأنه عادة يختار المصممون في الإعلان حجم 125 في 125

عموما الحجم راجع لك تحدده كيفما ترغب .

وأخيرا ليصبح بهذا الشكل :

المرحلة ب وهي المرحلة الرهبية:

الصورة الإعلانية أي البانر الإعلاني وصممناه ورابط الموقع وعرفناه . طيب كيف ندمج الرابط بالصورة بحيث عندما يضغط الزائر على البانر فإن ذلك يقوده مباشر إلى الموقع الذي نرغب الإعلان عنه ؟

حسنا !

الآن توجه إلى رسالة جديدة أي كأنك ستقوم بكتابة موضوع جديد في مدونتك , أنت في الحقيقة لن تكتب موضوعا ولكننا نريد استغلال أدوات عمل الرسالة نريد أن نستغل منها ثلاث خواص :

خاصية إدراج صورة

وخاصية إرتباط

وخاصية تحرير Html

الآن حمل الصورة من المكان الذي حفظته على جهازك لتدرجها في الرسالة ,

ثم اضغط عليها لتصبح كأنها مظلله فاضغط على ارتباط . أها هنا ستعمل العملية الرهيبة وهي ربط الرابط بالصورة .

المهم ثم ادخل عنوان الرابط (رابط الموقع) وانتبه أنه تابع للصورة لأنه لو ظهر تحتها أمامك في الرسالة فكأنك لم تعمل شيء فهو لم يندمج بالصورة . ثم اضغط موافق .

إذا ظللت الصورة ثم ضغط ارتباط فأضفت الرابط فهذا يعني أنك أضفته تبعا للصورة نفسها أي إنه بمجرد الضغط على الصورة فإنك تدخل على موقع آخر (الذي تريد الإعلان عنه.

على فكرة لو ضغطت على الصورة في هذه اللحظة ستجدا خيارات عن حجمها , وبالرغم إنك صصممت حجمها مسبقا إلا إنك ومن خلال هذه الخيارات بإمكانك تكبيرها لو اخترت كبير جدا , صغير ..الخ .