إنشاء تبادل بنرى فى مدونتك بإحترافية

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

التبادلات الإعلانية من أهم الوسائل التى تزيد من أعداد زائرين مدونتك لذلك فهى لها أهمية بالغة ولها آثار إيجابية كثيرة على مدونتك

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

كالموقع الشهير جوجل أدسنس أى كلما زاد التبادل الإعلانى مع مدونتك بالتالى ستزيد الأرباح

لأنه سيزيد أعداد زوار مدونتك، وبالتالى فإن للتبادلات الإعلانية أهمية كبيرة، ومفهوم التبادل الإعلانى هو:

وضع مدونتك فى مدونة أخرى وتضع هذه المدونة الأخرى فى مدونتك أى تبادل زوار وزيارات من زائرين مدونتك إلى زائرين المدونة الأخرى،

أما مفهوم التبادل الإعلانى البنرى هو:

فهو تبادل بنرات من مدونتك إلى مدونة أخرى.

الآن أدركت مفهوم التبادل الإعلانى وكيف يكون ولكن السؤال الآن كيف تضع التبادلات الإعلانية البنرية فى مدونتك؟؟

الآن سنبدأ بشرح كيف تضيف تبادلات إعلانية بنرية ؟؟

إضافة التبادلات الإعلانية البنرية لمدونتك:

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

هل خطر فى بالك كم سيكون مقاس البنر؟؟

أود أن أقول لك أن أشهر التبادلات البنرية تكون بمقاس 125×125 والطريقة التى سأقدمها لك يمكنك من خلالها تعديل مقاس البنر بما تريد لذلك لا تقلق، كما أن هذه الطريقة بها بعض

تخصيصات الـ CSS مثل أنه عندما تقف على البنر يكبر حجمه وهكذا لذلك تابع معى طريقة إضافة هذه الإضافة المميزة:

أولا: إدخل إلى لوحة التحكم فى بلوجر من هنا.

ثم إختر التخطيط كما هو موضح فى الصورة المقبلة:

ثم إختر إضافة أداة وبما أننا سنضيف كود HTML إذن ستختار الأداة التى من نوع HTML/JavaScript كما هو موضح فى الصورة المقبلة:

ثم أضف بها هذا الكود:

<center>

<div dir="rtl" style="text-align: right;" trbidi="on">

<div class="hovergallery">

 <a href="رابط الموقع"><img src="رابط الصورة" height="115" width="115" />

</a>

<a href="رابط الموقع"><img src="رابط الصورة" height="115" width="115" />

</a>

<a href="رابط الموقع"><img src="رابط الصورة" height="115" width="115" />

</a>

<a href="رابط الموقع"><img src="رابط الصورة" height="115" width="115" />

</a>

</div>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ .hovergallery img{webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style>

<div dir="rtl" style="text-align: right;" trbidi="on">

</div></div></center>

 

إذا نظرت إلى الكود تجده غير متوافق مع مدونتك، لا أقصد غير متوافق إنما يجب أن تعدل عليه تعديلات ليصبح متوافق مع مدونتك، وأهم هذه التعديلات:

أولا : غير رابط الموقع بالمدونة أو الموقع الذى ستنشأ معه التبادل.

ثانيا: غير رابط الصورة بالبنر المدنة التى ستنشأ معها التبادل الإعلانى.

ثالثا: غير الطول والعرض للبنر الذى تريد التبادل معى من 115،115 للطول والعرض اللذان تريدهما.

ثم إضغط على حفظ.

وأرجو لكم التوفيق وزيادة زوار مدوناتكم، وبإنتظار آرائكم وتحياتى لكم.