السلام عليكم ورحمة الله وبركاته
سعيد بلقائكم مجددا احبابي في الله زوار و متتبعي شروحات مهووس على مدونة كل العرب مطور بلوجر
سنتعرف اليوم على كيفية وضع بانرات تبادل اعلاني للمدونات باستعمال كود HTML بأشكال جميلة و احترافية.
على بركة الله نبدأ الشرح ...
سنتعرف اليوم على كيفية وضع بانرات تبادل اعلاني للمدونات باستعمال كود HTML بأشكال جميلة و احترافية.
على بركة الله نبدأ الشرح ...
أولا : اختر مكان وضع بنرات التبادل الاعلاني
ثم اضافة أداة ثم HTML/JavaScript.
نكتب عنوان الاضافة ( تبادل اعلاني او مواقع صديقة او ...الخ ).
ثم نضع الكود الذي في الاسفل هنا.
هذا كود HTML بدون تنسيق
<a href="ضع رابط الموقع هنا"><img src="ضع رابط الصورة هنا" /></a>
وهذا كود مع بعض التنسيق
<a href="ضع رابط الموقع هنا"><img style="background: #F0F0F0;border-top: 1px solid #FFFFFF;outline: 1px solid #DDDDDD;padding: 5px;margin:5px;" src="ضع رابط الصورة هنا"></a>
ضع الروابط في الاماكن المناسبة.
عندما تريد وضع اكثر من بنر فقط قم باعادة الكود لكل بنر في نفس الاضافة ... .
ثم حفظ
الشكل الثاني : كود اعلان نصي جميل و جداب
اولا : انتقل إلى لوح تحكم مدونتك
إختر "تخطيط" ثم إضافة أداة HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
<style>.tabadol a{
display: block;
color: #FFF;
background: none repeat scroll 0% 0% #ADADAD;
margin: 2px;
padding: 4px 21px;
padding-bottom: 8px;
text-align: center;
margin-top: 2px;
border-radius: 3px;
border-bottom: 2px solid #9C9C9C;
width: 150px;
float: right;
}
.tabadol a:hover{
display: block;
display: block;
color: #FFF;
background: none repeat scroll 0% 0% #FF7F27;
margin: 2px;
padding: 4px 21px;
padding-bottom: 8px;
text-align: center;
margin-top: 2px;
border-radius: 3px;
border-bottom: 2px solid #E03A3A;
width: 150px;
float: right;
}
</style>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="https://almdwan.blogspot.com p/blog-page_14.html">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
<font size="2">اسم المعلن</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن" style=" color: #FFFFFF;
background: none repeat scroll 0% 0% #FF5C5C;
padding: 6px 21px;
text-align: center;
margin-top: 5px;
border-bottom: 4px solid #E03A3A;">
<font size="2">اضف موقعك</font></a></span>
نكتب عنوان الاضافة تبادل اعلاني او مواقع صديقة الخ ....
ونقوم باضافة عناوين المواقع و الروابط
ثم حفظ
نتمنى ان يكون درس اليوم و اضح و ان ينال اعجابكم
اي اسئلة او استفسار نحن رهن الاشارة
لا تنسوا الاشتراك للتوصل بجديد المدونة