ضف بريدك ليصلك جديد المدونة !

السبت، 13 سبتمبر 2014

اضافة التبادل الاعلاني النصي لبلوجر

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

طريقة تركيب الاضافة 
اذهب الى تخطيط ثم اضافة اداة HTML/Java Script و قم بلصق احد هذه الاكواد ..
الشكل الاول : 
الكود : 

<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: 95px;
float: right;
}
.tabadol a:hover{
display: block;
color: #FFF;
background: none repeat scroll 0% 0% #3cacbb;
margin: 2px;
padding: 4px 21px;
padding-bottom: 8px;
text-align: center;
margin-top: 2px;
border-radius: 3px;
border-bottom: 2px solid #2C949C;
width: 95px;
float: right;
}
</style>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>

<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://www.facebook.com/technolibyan" style="    color: #FFFFFF;
background: none repeat scroll 0% 0% #3CACBB;
padding: 6px 21px;
text-align: center;
margin-top: 5px;
border-bottom: 4px solid #3094A2;
width: 237px;">
<font  size="2">اضف موقعك</font></a></span>
الشكل الثاني : 
الكود : 
<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% #FF5C5C;
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="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>

<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://tech-ly.blogspot.com/">
<font  size="2">تكنوليبي</font></a></span>
<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://arabicrack.blogspot.com/">
<font  size="2">كراك عرب</font></a></span>

<span class="tabadol" lang="ar-bh"><a target="_blank" href="http://www.facebook.com/technolibyan" 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>
و قم بتغيير الروابط و الكلمات بما يناسبك :)  
عرض السايدبار و ألوان القالب تختلف من قالب لآخر , إذا كنت تريد التعديل في حجم أو ألوان الاضافة ضع تعليقات في الاسفل
من فضلك اضغظ لايك لمشاهدة لينك التحميل

لا تبخل باعجــاب أو مشاركــة للمقــال
→ اعجــــاب
→ مشــاركــة

2 التعليقات:

  1. اخي كيف اعدل علي العرض يعني ابيه يكون مناسب لي المربع في المدونه
    مثال
    http://saudi-pro.blogspot.com/

    ردحذف
    الردود
    1. أخي الكريم .. ضع الاضافة في القالب لإراها ثم سوف اقوم بتعديلها لك

      حذف

 

جميع الحقوق محفوظة 2012-2014 تكنوليبي.