الجمعة، 25 يوليو 2014
السلام عليكم و رحمة الله و بركاته
مرحبا بكم متتابعي ورشة مدون الأوفياء كما عهدنا دائما اليوم موضوعنا هي إضافة صندوق التبادل الإعلاني بشكل رائع و إحترافي بتقنية CSS بشكل انيق جدا وعصري إلى مدونات بلوجر مع تأثيرات رائعة على الصور بخلفيات ملونه بعدة الوان يمكنك تنسيقها والتحكم بها عن طريق تغيير CSS و HTML وفقا للحاجة الخاصة بك وينصح إستخدام بانر بحجم 125x125 فبهذا الحجم ستظهر الإضافة بكل جمالية وأناقة.
مرحبا بكم متتابعي ورشة مدون الأوفياء كما عهدنا دائما اليوم موضوعنا هي إضافة صندوق التبادل الإعلاني بشكل رائع و إحترافي بتقنية CSS بشكل انيق جدا وعصري إلى مدونات بلوجر مع تأثيرات رائعة على الصور بخلفيات ملونه بعدة الوان يمكنك تنسيقها والتحكم بها عن طريق تغيير CSS و HTML وفقا للحاجة الخاصة بك وينصح إستخدام بانر بحجم 125x125 فبهذا الحجم ستظهر الإضافة بكل جمالية وأناقة.
انتقل إلى لوح تحكم مدونتك،
إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
<!--Advertisement Banners By warch-mo.blogspot.com-->
<style>
.FoulsCode-Ads ul{
list-style-type:none;
margin: 0px auto;
padding: 10px 0px 10px 0px;
overflow:hidden;
}
.FoulsCode-Ads ul li{
list-style-type:none;
margin: 0px 5px 10px 5px;
float:left;
display:inline;
background:orange;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
}
.FoulsCode-Ads ul li:hover {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-o-border-radius:15%;
-webkit-border-radius:15%;
-moz-border-radius:15%;
border-radius:15%;
}
.FoulsCode-Ads ul li:active {
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.FoulsCode-Ads ul li a img{
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
box-shadow:0 0 8px rgba(0,0,0,0.5);
padding:3px;
}
</style>
<div class="FoulsCode-Ads">
<ul>
<li style="background:#e42b2b !important;">
<a href="رابط المعلن الاول" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#FFE500 !important;">
<a href="رابط المعلن الثاني" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#a800ff !important;">
<a href="رابط المعلن الثالث" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#41d05f !important;">
<a href=" رابط المعلن الرابع " rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
</ul>
</div>
<!--Advertisement Banners By warch-mo.blogspot.com-->
لاتنسى تغير رابط المعلن و الرابط الأزرق بما يناسبك’
تم قم بحفظ التغيرات و مبروك عليك الإضافة
دمتم بود في أمان الله
دمتم بود في أمان الله
هناك 3 تعليقات:
يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r
الاشتراك في:
تعليقات الرسالة (Atom)
مميزة
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله إنشاء الله سنتعلم كيف نعدل الصفحات الثابتة في البلوجر " Blogger Static Pages " وجعلها بعرض المدون...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله وبركاته. يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف ...
-
السلام عليكم و رحمة الله وبركاته. متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website...
-
سلام الله عليكم، نلتقي من جديد في ورشة مدون اليوم أحبابي فالله بعد أن طلب مني بعض الاخوة في الصفحة أنهم يريدون قوالب رمضانية فقمت بج...
-
السلام عليكم ورحمة الله وبركاته أولا أحب أن أعتذر عن الإنقطاع جراء بعض مشاكل مع شركة الإتصال ,,, المهم كأول لقاء مع متابعي ورشة مدون الأ...
-
السلام عليكم و رحمة الله و بركاته، مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المد...
تعليقات الزوار
أرشيف المدونة الإلكترونية
-
▼
2014
(100)
-
▼
يوليو
(21)
- إضافة "هل أعجبك الموضوع؟" أسفل كل تدوينة
- شرح تحميل و تركيب قالب عرب تيك الإحترافي للمدونة ا...
- إضافة صندوق التبادل الإعلاني بتقنية css لمدونة بلوجر
- طريقة إضافة slader show المحترف بشكل صحيح
- تعرف على الفرق بين السمة "dofollow" و "nofollow" و...
- أفضل أكواد الميتا تاج ستجعل مدونتك في الصدارة
- إضافة أخر المواضيع للبلوجر بشكل متحرك
- تغير شكل و مظهر تعليقات بلوجر
- إضافة صندوق الإشترك بالبريد الإلكتروني و المواقع ا...
- إضافة قائمة منسدلة جانبية للصفحات الإجتماعية
- تحميل قالب "APOLLO" المعرب حصريا للوجر
- إضافة زر التمرير نحو الأعلى و الأسفل بتقنية Jquery
- إضافة المشاركات الشائعة بشكل أنيق و جذاب
- كيفية تنسيق قائمة و سحابة التسميات
- تحميل النسخة 2 من قالب "قالب الرائع"
- تحميل قالب بلوجر"Flat Mag" الأكثر إحترافية
- وضع رسالة ترحيبية أسفل القائمة الرئيسية
- تميز تعليقات صاحب المدونة عن تعليقات الزوار
- شرح أداة firebug لتسهيل إستخراج أكواد واجهات المواقع
- إضافة شريط أخر الأخبار لمدونة بلوجر
- إضافة مواضيع ذات صلة تحت كل موضوع
-
▼
يوليو
(21)
تواصل معنا على الفيسبوك
أهم المواضيع
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله إنشاء الله سنتعلم كيف نعدل الصفحات الثابتة في البلوجر " Blogger Static Pages " وجعلها بعرض المدون...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله وبركاته. يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف ...
-
السلام عليكم و رحمة الله وبركاته. متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website...
-
سلام الله عليكم، نلتقي من جديد في ورشة مدون اليوم أحبابي فالله بعد أن طلب مني بعض الاخوة في الصفحة أنهم يريدون قوالب رمضانية فقمت بج...
-
السلام عليكم ورحمة الله وبركاته أولا أحب أن أعتذر عن الإنقطاع جراء بعض مشاكل مع شركة الإتصال ,,, المهم كأول لقاء مع متابعي ورشة مدون الأ...
-
السلام عليكم و رحمة الله و بركاته، مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المد...
;-(
ردحذفغير شغال الكود
ردحذفشكرا على التنبيه أخي الكريم =s
حذفلقد تم إصلاح المشكل شاهد المعاينة
http://test-add-blog.blogspot.com/