اذهب إلى المحتوى
  • 0

كيفة أعمل إعلان ثابث أسفل الموقع

أحمد أزبير

السؤال

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

تم شرح الطريقة بالصور:

1) يجب تجهيز الصورة و الرابط على صيغة HTML و يمكن ذلك بالإعتماد على أحد مواقع الصور :على سبيل المثال موقع  http://www.up-00.com

بعد رفع الصورة(سيتم لك الموقع أخذ ملف HTML جاهز للصورة،
149235710583651.jpg
لكنه يحتاج إلى تعديل كما في الصورة التالية:

149235690108821.jpg

 

بعد ذلك ندخل للوحة تحكم الووردبريس و نقوم بإتباع الخطوات المشروحة التالية:

14923569012152.jpg

 

و النتيجة ::::: 

14923569013943.jpg

 

و هي صورة يمكن عند نقرها الانتقال إلى الموقع المُراد.

===================

أرجو أن يكون الشرح كافياً و وافياً لك أخي الكريم.

<center>

  • ضع صيغة الـ HTML هنا لتنصيصها

</center>

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

نعم أخي محمد طارق موقعي يعمل بسكريبت ووردبريس تابع لـ:  wordpress.org 
كيف هي أسهل طريقة بارك الله فيك

بتاريخ 13 ساعات قال محمد طارق الموصللي:

هل موقعك يعمل بإستخدام سيكربت ووردبريس؟و إن كان كذلك:فهل هو السكريبت التابع لـ wordpress.org أم wordpress.com ؟

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

 

إذا كان بإمكانك التعديل على القالب
ابحث عن ملف footer.php
والصق الكود التالى قبل وسم الإغلاق </body>
 

 

<div class="ads-b728-">
<div class="ads-b728>
<a class="close-ads-b728"><i class="fa fa-times-circle"></i></a>
<a href="#" rel="nofollow" target="_blank">
<img src="##"></a>
</div>
</div>

 

<style>
.ads-b728-{height:100px;width:100%;bottom:0;right:0;position:fixed;padding:5px 0;}
#ads-b728{width:728px;height:90px;overflow:hidden;margin:0 auto;position:relative;border: 1px solid #ccc;}

 

 
a.close-ads-b728 i.fa.fa-times-circle{font-size:25px;color:#222;cursor:pointer;position:absolute;top:3px;left:3px;}
a.close-ads-b728 i.fa.fa-times-circle:hover{color:red;}

 

#ads-b728 img{width:100%;height:100%;}
@media screen and (max-width:815px){#ads-b728{display: none;}}
  </style>
<script>
$(document).ready(function(){
    $("a.close-ads-b728").click(function(){

 

$(".ads-b728-").hide();
    });
});
</script>

 

--------------

استبدل رمز # برابط الصفحة المراد الذهاب إليها

واستبدل رمز ## برابط البنر

ملحوظة رابط البنر محدد بمقاس 728 × 90 بيكسل

البنر سيكون ظاهر بشكل ثابت بالأسفل ويمكن للزائر إخفاء البنر من خلال الضغط على ايقونة الإغلاق

سيتم اخفاء البنر من الشاشات الأقل من 815 بيكسل لأن البنر بحجم كبير

 

وهذا مثال مباشر

http://live--tv2.blogspot.com

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...