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

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

معاينة الاضافة

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

HTML/JavaScript إضافة وظيفة طرف ثالث أو شفرة أخرى إلى مدونتك الإلكترونية. بواسطة Blogger

وضع بداخلها هذا الكود

<style> .ar1web125x125 {margin-right: -7px; text-align:center;} .ar1web125x125 img {width:125px; height:125px;margin: 3px 8px 0 0;} img.ads1{ border: 1px solid #eee; padding: 5px; background: #FCFBFB; transition: all .7s ease-out 0s; } img.ads1-125x125:hover,img#ads-move:hover,img#ads-move:hover,img#ads-move:hover{ opacity: 0.8; zoom: 1; transition: all 0.2s ease-out; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');} img.ads1:hover{background:#444;border: 1px solid #FFFFFF;} img#ads-movehover{background:#444;border: 1px solid #FFFFFF;} img#ads-move:hover{background:#444;border: 1px solid #FFFFFF;} img#ads-move:hover{background:#444;border: 1px solid #FFFFFF;} </style> <div class="ads1" style="text-align:center;"><a herf="link here" target="_blank" rel="nofollow"><img class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTVr2tv2swYYeBZ38O6gminB46MXP0rZ_MP9ilI-AQbhIKacPVHFxSRUCUwdsiq9-I-9CdHhVDtkfm9TNAsQNd0i0nqxnDkeH3y0JUgwUFN0eQStj5NO8eUJ5GX4-f2PxWKv8jgOb2o0M/s1600/months.png" /></a><a href="link here" rel="nofollow"><img id="ihussamar1web" class="ads1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTVr2tv2swYYeBZ38O6gminB46MXP0rZ_MP9ilI-AQbhIKacPVHFxSRUCUwdsiq9-I-9CdHhVDtkfm9TNAsQNd0i0nqxnDkeH3y0JUgwUFN0eQStj5NO8eUJ5GX4-f2PxWKv8jgOb2o0M/s1600/months.png" title="mytrafficvalue" /></a><a href="link here" target="_blank" rel="Nofollow"><img id="ads-move" class="ads1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTVr2tv2swYYeBZ38O6gminB46MXP0rZ_MP9ilI-AQbhIKacPVHFxSRUCUwdsiq9-I-9CdHhVDtkfm9TNAsQNd0i0nqxnDkeH3y0JUgwUFN0eQStj5NO8eUJ5GX4-f2PxWKv8jgOb2o0M/s1600/months.png" title="هنا اسم الموقع" /></a><a href="link here" target="_blank" rel="Nofollow"><img id="hussam-ar1web" class="ads1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTVr2tv2swYYeBZ38O6gminB46MXP0rZ_MP9ilI-AQbhIKacPVHFxSRUCUwdsiq9-I-9CdHhVDtkfm9TNAsQNd0i0nqxnDkeH3y0JUgwUFN0eQStj5NO8eUJ5GX4-f2PxWKv8jgOb2o0M/s1600/months.png" title="هنا اسم الموقع" /></a></div>

طريقة التعديل واضافة الصور والروابط الخاصة بك
قبل أن نبدأ دعونا نوضح لكم أن كل اعلان عبارة عن رابط <a>
وداخل كل رابط صورة <img>

<a herf="هنا رابط الموقع" target="_blank" rel="nofollow">

        <img class="ar1web-125x125" src="هنا رابط الصورة" />

</a>

بالنظر لهذا الكود سنجد ما أخبرناكم به من قبل اول الكود a ونهايته a وهذا يوضح انه رابط ولن ندخل في تفاصيل لماذا بهذا الشكل او لماذ ذكر مرتين لانه ستحتاج لخبرة في ال html لتفهم ذلك ستجد كلمة href بعدها بخطوتين سنغيرة برابط الموقع الذي سنعمل معه تبادل اعلاني . ثم بعد ذلك نبحث عن img بين بداية ونهاية a سنجد img وهذا خاص بالصورة بعدها بعدة أسطر سنجد src 

سنضع ما بين " " رابط الصورة 

تم شرح كود وتستطيع تطبيق باقي الخطوات على باقي الأكواد بسهولة ستبحث عن كل href وتغير ما أمامها برابط الموقع وتبحث عن img بعدها بعدة خطوات ونغير ما أمام src برابط الصورة 

الى هنا ينتهي موضوعنا ونتمنى أن ينال اعجابكم شرحت طريقة الاضافة بطريقة مختلفة عن المعتاد من غير تلوين أماكن وهكذا لكنني شرحتها وكلي أمل ان الزائر يفهم ما يقوم بتغييرة نتمنى أن اكون وفقت في الشرح وان استفدت من الموضوع شارك الموضوع وقم بالاعجاب به واترك تعليق بالأسفل وان واجهتك مشكلة ضع تعليق بها وسنقوم بحلها لك في أقرب وقت الى اللقاء في موضوع اخر وتدوينة اخرى دمتم بخير ☺