الدرس الـ 51 : طريقة اضافة اداى التبادل الاعلاني لبلوجر بشكل احترافي 2018

السلام عليكم 

معنا اليوم طريقة بسيطه جدا لاضافة 

أعلن لدينا بشكل احترافي للتبادل الاعلني 

هذه صوره من الاضافة 

لان نأتي لطريقة التركيب 

تاابع معي..

طريقة التركيب 

أولا: اذهب الي التخطيط
ثانياََ: نقوم با اضافة اداة جديده
ثالثاََ: نختار اداة HTML\Javascript
رابعاََ: نقوم با نسخ الكود التالي

<div > <form name="boxcode" style="text-align: center;" > <div> <textarea name="tecseo" style="background-color: #2c323c; color: white; text-align: left; width: 590px; height: 220px;" > <style> #advertise{ margin: auto; } .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; } .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; } .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} .adss img { max-height: 75px; max-width: 75px; } #adsanime:hover { opacity:0.2; } #adsanime a strong { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms; } #adsanime a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #adsanime { opacity:0.5; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #adsanime:hover { opacity:1; } #adsanime:hover a strong { opacity:1; top:-10px; } </style> <center> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong> </a ></div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong> </a ></div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong> </a ></div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVNy_ru5j9fP8qYVt2Hg-HRPAOPnLUFFrlNGAvCXJAfK_KNuPe7gQEA01YOQ55VMgFw59nLyp6coYainkTpGO0zYBynPn3IcgPmLt3ZFg0wvi5zFBxzDFr9aVKhAxblw69Md4s_a-Ano/s128-Ic42/ah.jpg" /> <strong>أعلن لدينا</strong></a> </div> </center> <a href="#"></a>

> اولا: # 

العلامة الذي فوق استبدله با صفحة اعلن معنا الذي من خلالها يستطيع الناس التواصل معك للاعلان 

ثانياََ:https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg

الرابط الذي فوق يمكن استبداله با اي صوره بدل من الصوره الاصليه او برابط صوره مصغره للمعلن وتغير الرابط الذي فوق با رابط مدونته

ثالثا:أعلن معنا 

غيرها با اسم الموقع المعلن عند الاعلان 

وكده أكون انا خلصت وبا التوفيق للجميع،لو في اي مشاكل في اي روابط سيبو تعليق وانشاء الله سوف نقوم با الحل