22/7/2014
أضافة تعليق
 |
| اضافة التبادل الاعلانى او مواقع صديقه بلوجر |
لمعاينة اضافة التبادل الاعلانى او مواقع صديقه بلوجر من هنا
سوف تجدها فى السايدبار يسار الصفحه
شرح اضافة التبادل الاعلانى او مواقع صديقه الى مدونتك
ينقسم شرح اضافة التبادل الاعلانى او مواقع صديقه بلوجر الى قسمين
القسم الاول
اضافة الــ css
1- من لوحة تحكم المدونه اختر قالب
2- اختر تحرير HTML
3- بواسطه لوحة المفاتيح ابحث عن هذا الكود
</b:skin>
اضف قبله الكود التالى
/*--- advertise by th3maestro.com ----*/
#advertise{
margin: auto;
}
.th3maestroads { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
.th3maestroads a { display:block; width:90px; height:90px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
.th3maestroads a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.th3maestroads img { max-height: 90px; max-width: 90px; }
#th3maestro:hover { opacity:0.2; }
#th3maestro a strong {
-webkit-transition-property: opacity;
-webkit-transition-duration: 500ms;
-moz-transition-property: opacity;
-moz-transition-duration: 500ms; }
#th3maestro a strong {
opacity:0;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#th3maestro {
opacity:0.5;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#th3maestro:hover { opacity:1; }
#th3maestro:hover a strong { opacity:1; top:-10px; }
/*--- advertise by th3maestro.com ----*/
وبذلك تكون قد اتممت القسم الاول من الشرح
القسم الثانى
تفعيل الاضافه
1- من لوحة تحكم مدونتك اختر تخطيط
2- اختر اضافة اداه فى المكان الذى تريد اضافه التبادل الاعلانى او مواقع صديقه اليه
3- بعد اختيارك اضافة اداه اختر HTML/Java
اكتب عنوان للاضافه وليكن مثلا (اعلانات - مواقع صديقه)
الان الصق الكود التالى
<center> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> <div class="th3maestroads" id="th3maestro"> <a href="http://www.th3maestro.com/"target='_blank'> <img src="http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png" style="display: inline-block;" /> <strong>المايسترو</strong></a> </div> </center>
التعديل على الكود السابق
1- ابحث عن هذا الرابط واستبدله برابط الاعلان الخاص بك
http://www.th3maestro.com/
2- ابحث عن رابط الصوره هذا واستبدله بصوره الاعلان الخاص بك
http://2.bp.blogspot.com/-CYBk3V__2O4/U83JsaZoXnI/AAAAAAAAARQ/NF1N83J_WmI/s1600/ads.png
3- اخيرا ابحث عن كلمة المايسترو واستبدلها بنص الاعلان الخاص بك
اضغط حفظ ومبروك عليك اضافة التبادل الاعلانى او مواقع صديقه بلوجر
للاستفسار اترك رد فى هذا الموضوع
0 التعليقات على "اضافة التبادل الاعلانى او مواقع صديقه بلوجر"
إرسال تعليق