فكرة نت: إضافة تبادل إعلاني نصي لمدونات بلوجر

السلام عليكم ورحمة الله وبراكته اليوم إنشاء الله سوف نقدم لكم أول إضافة من إضافات بلوجر و هي إضافة رائعة و فلاتية جذابة و متوفرة ب 2 أشكال
الأن لن أطول عليكم

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

اذهب الى تخطيط ثم اضافة اداة 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>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/" 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;">
اضف موقعك</a>

الشكل الثاني :

الكود :

<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>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/">
مذهل ويب</a>
<a target="_blank" href="http://www.modhilweb.blogspot.com/" style=" color: #FFFFFF;
background: none repeat scroll 0% 0% #FF5C5C;
padding: 6px 21px;
text-align: center;
margin-top: 5px;
border-bottom: 4px solid #E03A3A;">
اضف موقعك</a>

و قم بتغيير الروابط و الكلمات بما يناسبك :)

و إلى هنا ينتهى الدرس أرجو أن يكون الدرس في القمة
فلا تبخلو علينا بردودكم المشجعة أي إستفسار نحن في التعليق :)

مدونة مذهل ويب

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

اذا نالت اعجابك شاركها وشكرا :)

هناك تعليق واحد:

ابحث في مدونة مذهل ويب

المشاركات الشائعة

التسميات

فكرة نت

من أنا

المتابعون

روابط

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

تصميم مذهل ويب>