منتديات شعراء
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
pantherads
Review Widgets
تم افتتاح منتديات كلمات اغانى
وتم وقف النشاط فى منتديات شعراء
التسجيل من هنا

اعلانات
بحـث
 
 

نتائج البحث
 


Rechercher بحث متقدم

اعلانات
المواضيع الأخيرة
» لـــحـــظـة لــقــــــاء
الإثنين 10 ديسمبر 2012, 9:02 pm من طرف نانا محمد

» ليـــــــــــــــــــه كـــــــل النـــاس ظلمــــــــــانى
الإثنين 03 ديسمبر 2012, 9:01 pm من طرف نانا محمد

» أشهد يا بيتنا و سجل دمعتى
الأحد 25 نوفمبر 2012, 3:05 am من طرف نانا محمد

» كلوي كارداشيان تجلس على حضن سايمون كويل:"هل انتَ متحمس؟"
الخميس 22 نوفمبر 2012, 6:26 pm من طرف شاعر

» يـا دوحة المجد من فهرٍ ومن مضر
الخميس 22 نوفمبر 2012, 6:17 pm من طرف شاعر

»  ﻓـﻲ ﺍﻟـﺤُــﺐ ، ﻳُـﻠــﻐـﻰ ﺍﻟـﻤـﻨـﻄـﻖ
الخميس 22 نوفمبر 2012, 6:06 pm من طرف شاعر

» كلمات اغنية امال ماهر "رايح بيا فين " 2012
الخميس 22 نوفمبر 2012, 7:20 am من طرف شاعر

» « حبر العيون » راشد الماجد
الخميس 22 نوفمبر 2012, 7:18 am من طرف شاعر

»  الطيور المهاجرة.
الثلاثاء 20 نوفمبر 2012, 11:52 am من طرف الزهراء

المتواجدون الآن ؟
ككل هناك 1 عُضو حالياً في هذا المنتدى :: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 32 بتاريخ السبت 04 أغسطس 2012, 8:13 pm
احصائيات
alexa
فتحه اجباريه
اعلانات

اضافة التبادل الاعلاني لبلوجر بتأثير احترافي jQuery

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اضافة التبادل الاعلاني لبلوجر بتأثير احترافي jQuery

مُساهمة من طرف شاعر في الخميس 25 أكتوبر 2012, 11:44 am

اضافة التبادل الاعلاني لبلوجر بتأثير احترافي jQuery


السلام
عليكم ورحمة الله تعالى وبركاته أهلا وسهلا بكم من جديد في تدوينة جديدة
ومع إضافة جديدة لمدونات البلوجر وهي لإضافة التبادل الإعلاني بتأثير جميل
بتقنية jQuery وتشمل الإضافة أربع أماكن لعرض التبادل الإعلاني مع مدونتك
تتحرك بطريقة إحترافية.






لنبدأ على بركة الله





1 - قم بتسجيل الدخول إلى مدونتك بلوجر.

2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.

3 - قم بالبحث عن :

الكود:

[b]]]></b:skin>[/b]

أضف قبله هذا الكود :

الكود:
#banners {
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);
}

4 - الأن قم بحفظ القالب وتوجه بعدها إلى تصميم أو تخطيط.
5 - ثم إضافة أدة.
6 - إختر HTML/JavaScript .
7 - بعدها في الحقل الأول ضع إسم الأداة مثلا تبادل إعلاني..... ثم ضع في الحقل الكبير هذا الكود :
الكود:
<div id='banners'>
<a href=" [color=#cc0000]هنا ضع الرابط للإعلان رقم 1[/color] " target="_blank">
<img class="banner1" src="[color=#cc0000]http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png[/color]" width="105" border="0" height="105"></img></a>
<a href=" [color=#cc0000]هنا ضع الرابط للإعلان رقم 2[/color] " target="_blank">
<img class="banner2" src="[color=#cc0000]http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png[/color]" width="125" border="0" height="125"></img></a>
<a href="[color=#cc0000]هنا ضع الرابط للإعلان رقم 3[/color]" target="_blank">
<img class="banner3" src="[color=#cc0000]http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png[/color]" width="70" border="0" height="70"></img></a>
<a href=" [color=#cc0000]هنا ضع الرابط للإعلان رقم 4[/color] " target="_blank">
<img class="banner4" src="[color=#cc0000]http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png[/color]" width="110" border="0" height="110"></img></a>
</div>
مع تغيير ما هو بالأحمر بما يناسبك



avatar
شاعر
Admin
Admin

عدد المساهمات : 859
نقاط : 2302
السٌّمعَة : 0
تاريخ التسجيل : 29/07/2012
العمر : 32

معاينة صفحة البيانات الشخصي للعضو http://mohammedsaber341985.blogspot.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى