اداة التبادل الاعلاني بشكل جميل

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

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

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

اولا لنشاهد التجربة

معاينة

تركيب الاضافة

ما عليك سوى اضافة اداة HTML/JavaScript

ولصق الكود التالي فيها

<style>
.tabadolbyhassoubi  {text-align:center;text-decoration:none;color:#fff;font-size:11px;margin:0;display:block;padding:0 20px;line-height:40px;height:40px;background-color:#272727;padding:5px 10px;margin : auto;transition:all .6s;}
.tabadolbyhassoubi:hover{background:#FFC000;color:#fff;transition:all .6s;}
</style>

<a target="_blank" class="tabadolbyhassoubi" href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html">
اضف موقعك
</a>
<a target="_blank" class="tabadolbyhassoubi" href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html">
اضف موقعك
</a>
<a target="_blank" class="tabadolbyhassoubi" href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html">
اضف موقعك
</a>

تحديد الكل

اما بخصوص التنسيق

فاستبدل كلمة اضف موقعك بنصك

والرابط التالي https://astuce-hassoubi.blogspot.com/p/blog-page_27.html برابطك

الكود التالي #272727 يعبر عن خلفية كل سطر

اما هذا الكود #FFC000 فيعبر عن خلفية كل سطر عند مرور الفارة
انتهى الشرح والى درس آخر انشاء الله

• غرّد
• شارك
• شارك
• شارك
• شارك