لنبدأ على بركة الله
المثال من مدونتي وسوف أتركه فقط لمدة أسبوع
1 - قم بتسجيل الدخول إلى مدونتك بلوجر.2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.
3 - قم بالبحث عن :
]]></b:skin>
أضف قبله هذا الكود :
#banners {4 - الأن قم بحفظ القالب وتوجه بعدها إلى تصميم أو تخطيط.
margin-bottom:20px;
padding-left:10px;
}
.banner1 {-webkit-transition: -webkit-transform .15s linear;
margin-left:20px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border:5px solid #fff;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
}
.banner1:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.banner2 {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border:5px solid #fff;
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.banner2:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.banner3 {-webkit-transition: -webkit-transform .15s linear;
margin-left:20px;
margin-bottom:20px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border:5px solid #fff;
-webkit-transform: rotate(+12deg);
-moz-transform: rotate(+12deg);
}
.banner3:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.banner4 {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border:5px solid #fff;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
}
.banner4:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
5 - ثم إضافة أدة.
6 - إختر HTML/JavaScript .
7 - بعدها في الحقل الأول ضع إسم الأداة مثلا تبادل إعلاني..... ثم ضع في الحقل الكبير هذا الكود :
6 - إختر HTML/JavaScript .
7 - بعدها في الحقل الأول ضع إسم الأداة مثلا تبادل إعلاني..... ثم ضع في الحقل الكبير هذا الكود :
<div id='banners'>
<a href=" هنا ضع الرابط للإعلان رقم 1 " target="_blank">
<img class="banner1" src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png" width="105" border="0" height="105"></img></a>
<a href=" هنا ضع الرابط للإعلان رقم 2 " target="_blank">
<img class="banner2" src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png" width="125" border="0" height="125"></img></a>
<a href="هنا ضع الرابط للإعلان رقم 3" target="_blank">
<img class="banner3" src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png" width="70" border="0" height="70"></img></a>
<a href=" هنا ضع الرابط للإعلان رقم 4 " target="_blank">
<img class="banner4" src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png" width="110" border="0" height="110"></img></a>
</div>
مع تغيير ما هو بالأحمر بما يناسبك
15 تعليق
ممكن اعمل معكم تبادل اعلاني ؟؟
طيب ورا مانزلتوو مين يعمل معي تبادل اعلاني ؟؟
شكراا على الشرح الرائع
http://abda3design.blogspot.com/
لعمل تبادل اعلاني في موقع تبادل الخبرات في مجال الحاسب مرحبا بالجميع
http://www.mycomputer-now.com/
شكرا موضوع رائع
electro-media.blogspot.com
http://hkawymisrya.blogspot.com/
شكرا لك
شكرا لكم
اتمنى التبادل الاعلانى مع مدونتى
http://onlinewrestlingdyalcom.blogspot.com/
مشكور علي الشرح
من يريد التبادل الإعلاني
http://blog-alaa.blogspot.com
اريد تبادل اعلاني على مدونتي المشهورة جدا عاوز ازيد شهرتها اكثر
http://tourism-int.blogspot.com/
اريد تبادل اعلاني
http://top-styless.blogspot.com
جميل جدا ، ولكن كيف أضيف صورة مخصصة سواء للموقع المعلن عنه أو من تصميمي ؟
بارك الله فيك.
هل هناك امكانيه شرح كيفية تضع أعلانات ادسنس بجانب بعضها
http://www.3rab-tech.com
انا بدي اعمل معكم تبادل اعلاني
مدونتي اهي http://seleect.blogspot.com/
إرسال تعليق