عدد مشاهدات الموضوع:
السلام عليكم إخواني أخواتي الكرام ،متتبعي مدونة أبو إياد ،في هذه الفقرة سوف نتعلم كيفية إضافة بنرات إعلانية على مدونات بلوجر بتأثيرات jQuery الجميلة ،يكمن إختلاف هذه الإضافة عن باقي الإضافات الأخرى للبنرات الإعلانية في أن الإعلانات تتفاعل مع حركة الماوس ،أي عند وضع الماوس على أحد بنرات الإعلان يتم تكبيرها بطريقة جميلة ,كما هو موضح في هذه الصورة .و يمكن إستعمال هذه الخاصية ليس فقط على البنرات الإعلانية بل يمكن إستعمالها لعرض صور أخرى ,كما وضعتها على قائمة "مدوناتي"
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
ثم قم بإضافة هذا الكود قبله مباشرة :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
في إنتظار تعليقاتكم أتمنى أن تنال إعجابكم وإلى اللقاء
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
]]></b:skin>
ثم قم بإضافة هذا الكود قبله مباشرة :
بعد ذلك إبحث عن هذا الكود :ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px;
-ms-interpolation-mode: bicubic;
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://sites.google.com/site/lightbox007/photo/borderblogger.png) no-repeat center center;
border: none;
}
ثم ألصق الكود التالي قبله :</head>
والآن قم بحفظ القالب<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Larger thumbnail preview
$("ul.thumb li").hover(function() {
$(this).css({'z-index' : '10'});
$(this).find('img').addClass("hover")
.stop()
.animate({
marginTop: '-110px',
marginLeft: '-110px',
top: '50%',
left: '50%',
width: '174px',
height: '174px',
padding: '20px'
}, 200);
} , function() {
$(this).css({'z-index' : '0'});
$(this).find('img').removeClass("hover")
.stop()
.animate({
marginTop: '0',
marginLeft: '0',
top: '0',
left: '0',
width: '100px',
height: '100px',
padding: '5px'
}, 400);
});
//Swap Image on Click
$("ul.thumb li a").click(function() {
var mainImage = $(this).attr("href"); //Find Image Name
$("#main_view img").attr({ src: mainImage });
});
});<font size="0"><a href=" http://www.pergola-aluminium.org"></a></font>
</script>
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
مع إدخال رابط المعلن ورابط البنر الخاص به مكان الرابط الأزرق<ul class="thumb">
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
<li><a href="رابط المعلن"><img src="https://sites.google.com/site/lightbox007/photo/abuiyadblogger.jpg" alt="" /></a></li>
</ul>
في إنتظار تعليقاتكم أتمنى أن تنال إعجابكم وإلى اللقاء
السلام عليكم ورحمة الله
ردحذفرائع جداً
بارك الله فيك جاري التطبيق غداً << نعسان
شكرا أخي أبو اياد على الشرح الوافي
ردحذفوجزاك الله خير الجزاء
جميل جدا اخي الكريم
ردحذفلكن هل من الممكن ان تبطئ التصفح هذه الخاصية
@kader
ردحذفلا يا أخي الكريم ليس لها أي تأثير على تصفح امدونة ، أنا شخصيا أستعملها في مدونتي ولم ألاحظ أي فرق في سرعة التصفح وشكرا لك ولجميع من ترك تعليقه هنا
باركالله فيك
ردحذفاخي الكريم\ ابو اياد ياريت تشرح لي كيف توزع اعلانات قوقل ادسنس ما شاء الله انت اعلانات قوقل ادسنس مجود في كل مكان في مدونتك وشكر
@redha
ردحذفأخي الكريم سبق وأن شرحت كيفية إدراج إعلانات ادسنس داخل المواضيع من هنا
مواضيعك جميلة جدا ومفيده ي ابو اياد
ردحذفبارك الله فيك
وياريت
تعمل شرح لكيفية وضع صورة
مثل التعليقات
اترك بصمتك ..
وحركة صندوق التعليقات كما في مدونتك
وشكرا جزيلاً لكرمك
بالتوفيق
@ak3
ردحذفأخي الكريم ، سبق وأن قمت بشرح كيفية تبديل كلمة "إرسال تعليق" بصورة من هنا
أما بالنسبة لكفية حركة صندوق التعليقات إنشاء الله سوف أدرجها في المواضيع القادمة ، وشكرا لك وأتمنى أن تكون من متابعي المدونة
إضافة رائعة وجميلة ..
ردحذفشكرا لأبداااااعك ..
أزال المؤلف هذا التعليق.
ردحذفبارك الله فيك اخوي ابو اياد على الشرح الرائع ولكن واجهتني مشكلة لما افتها ما جات في االوسط جات يسار كيف اخليها في الوسط
ردحذففكرة رائعة منك اخي الكريم و هي استخدام هته مكتبة
ردحذفالjQuery لعرض اعلاناتك بصورة مميزة
حتما سترافقها ضغطة من طرف زائرك *_^
لكن مادا لو غيرت تلك حواف الصور المائية ؟
أعدك أنه اي اطراء جديد في الكود سيتم اخبارك..
تحياتي
@سلطان
ردحذفأخي الكريم ،يمكنك التعديل في الكود الأول على عرض الأداة من كلمةwidht=360 التي توجد في السطر الخامس قم نقصان القيمة 360 إلي 320 أو 300 حتى يتم تمركز لاأداة في الوسط بالتوفيق
@khaled
ردحذفشكرا لك أخي الغالي خالد على تفاعلك ،فأنت أدرى مني بمكتبة jQuery, لدى سوف أنتظر إبداعك
ابو اياد ممكن لو سمحت تكتبلنا موضوع تشرح فيه ايه هى مكتبه jQuery
ردحذفعشان انا شفت مواضيع كتيره اوي بتتكلم عنها بس مش فاهمه ايه هي بالظبط
@Dr/ walaa salah
ردحذفإنشاء الله سوف أقوم بكتابة موضوع خاص بمكتبة jQuery في الأيام القادمة
شكرا لك ابو اياد
ردحذف{مضان كريم
ردحذفوكل عام وانتم بخير :)
@اقصوصه
ردحذفرمضان كريم أختي أقصوصة
أزال المؤلف هذا التعليق.
ردحذفأخي الكريم أبو أياد
ردحذفالسلام عليكم ورحمة الله وبركاتة
مشكور جدا على المجهود والمدونة الرائعة جدا جدا لكن لدي ملاحضة صغيرة على نفس الموضوع ؟
ياريت لو تفيدني بالطريقة التي أعمل بها البنارات الأعلانية بالعرض وليس 4*4 ؟
أي كما هو موجود عندك أعلى المدونة .
مع الشكر الجزيل
@Hareth Arabiyat
ردحذفقم فقط بالتعديل على عرض الأداة من خلال الكود الأول وذلك بتغيير القيمة width: 360px إلى قيمة أعلى . مثلا تضع width: 960px
@أبو إياد
ردحذفمشكوووووووور جدا أخي الكريم
ومشكور أيضا على سرعة الأستجابة
يعطيك كل العافيه على دروسك الرائعه
ردحذفدعواتي لك بالتوفيق المستمر ورضى الرحمن
@أميره في النساء
ردحذفبارك الله فيك على كلامك الطيب،أتمنى لك الإستفادة إن شاء الله يوفقني وأقدر أفيد كل الناس،تحياتي
يعطيك ألف عافيه
ردحذفلي فتره ابحث عن الطريقه
جزاك الله خير
شكرا
ردحذفبارك الله فيك عالمجهود الرائع
ردحذفولكن واجهتني مشكلة بعد ما وضعت الاكواد وكلة تمام
الاعلانات تظهر صف واحد بالطول وليس عالجانبين
والله كلمة مبع قليل في حقك يابو اياد
ردحذفتعجر الكلمات عن الوفاء بحقك
الف شكر على ماتقدمه من جهد
بارك الله فيك
اخيك الحضرمي عضو جديد في منتديات عرب بلوجر
وبالتوفيق وجزاك الله خير
السلام عليكم
ردحذفأخوي أبو إياد .. الصراحه انت كل يوم تثبت أن خبرتك متقدمه جداا
الله يسعدك دنيا واخره ..
أنا عملت زي ما شرحت بالملي الواحد
ولاكن انا اريد ان اضعها بدون تكبير يعني تجلس زي ماهي ويكون
مقاس الاعلان 125*125
يالبيت تفيدني ..
أخوك حمد ..
أخوي أبو إياد
ردحذفعرف كيف اسويها
يعطيك العافيه ..
اسفين على الازعاج
شايف الفرق في الوقت بين الرد هذا والي قبله
10 دقايق .. وقدرت اعرف فيها كيف اسوي
مشكور ثاني مرة ^_^
شكرا اخي لقد استعملت الكود والحمد لله نجح معي
ردحذفولكن ظهور نجمة قبل الصور ارجوا كيفية نزع النجمة من قائمة التبادل الاعلاني فقط
تفضل لترى المشكلة
http://bigffish.blogspot.com/
اخي ابو اياد شكرا على الاضافة
ردحذفولكن فيها مشكلة مع انترنت اكسبلورر 9
لا تظهر بشكل منسق ابدا
تحياتي وشكرا لك
ابو ايد من فضلك في نقطة محيراني في الاعلان
ردحذفوهي
انا صممت البنر علي الفوتوشوب علي جهازي كيف اعمل من البنر رابط لكي في كود الاعلان
ورابط المعلن هو رابط موقع صاحب الاعلان والا رابط اية
واشكرك
@TOP ART
ردحذفالسلام عليكم ورحمة الله ،أخي الكريم هناك العديد من المواقع المتخصصة في تحميل الصور وعمل رابط لها ،إلا أنني أنصحك بأن تقوم بعمل رابط للصور التي تريد على مدونة أخرى تقوم بإنشائها ،تكون خاصة بالصور ،لذلك قم بإنشاء مدونة جديدة وسمها مثلنا مدونة الصور ثم من رسالة جديدة قم بتحميل الصورة التي تريد ثم أنشر الرسالة ،وعند فتحك للرسالة إضغط على الصورة ثم قم بنسخ رابطها من على المتصفح ،أما بالنسبة لسؤالك الثاني ،فرابط المعلن يعني رابط المدونة أو الموقع الذي تريد عمل تبادل إعلاني معه.
بالتوفيق
يا ابو اياد من فضلك يظهر عندى ثلاثة بنرات فقط و ليس اربعة افدنى بالحل لو تكرمت حتى تكمل جميلك
ردحذفاخي ابو اياد...
ردحذفكيف اقدر اسوي اعلان خاص بي
سويت الي قلت وجاني اعلن مدونتك انت
طبعا حخليه لانه جميلك على راسي من فووووووووق^_^
لكن اتمنى اسوي اعلان خاص بالمدونه
وكمان كيف ارتب الاعلانات لانها جات بطريقه متكركبه
هذا رابط مدونتي اتمنى تشوفها وتساعدني تقولي ايش ينقصها
http://iu2pm-only.blogspot.com/
إضافة أكثر من رائعة
ردحذفشكرا لك
جزاك الله خير
ردحذفأستاذي كم مقاس النبرات
أقصد الصورة كم مقاسها
شكرا على الموضوع الرائع يا ابو اياد
ردحذفعندى استفسار يا ريت تساعدنى
لو حجم الاعلان هيكون 500*80 مثلا اغير ايه فى الكود
علما انى جربت تغيير width: 110px;
height: 110px
الى width: 500px;
height: 80px
و لكن لم يحدث اى تاثير
و بالنسبة لحجم الاعلان بعد وقوف الماوس عليه هل يمكن تعديله ايضا
اسف عالاطالة و منتظر ردك يا ابو اياد
شبكة ارباح نت http://www.arba7.org/
شكرا يا ابو اياد
ردحذفhttp://el-habibe.blogspot.com/
رائعععععععععععععععع بس عندى حاجة عايز اكبر المساحة واخليها اعلان واحد لو سمحت ارجو الرد السريع
ردحذفالسلام عليكم بارك الله فيك
ردحذفشرح ممتاز تم طبيقه
دليل المرسى لمدونات بلوجر
http://dir-b.blogspot.com/
b-(
ردحذفشكرا لك على المجهود
ردحذفروعــــــــــــــــه
ردحذف(ســــان ســــوفت)
http://s7nsoft.blogspot.com
Thnx
ردحذفhttp://facebook-l1.blogspot.com
(:
ردحذفهل بالامكان في التبادل الاعلاني
ردحذفهذه المدونه
http://updatemn.blogspot.com
شكرا جدا على المعلومة القيمة دى الف شكر
ردحذفالله يفتح عليك اعجبتني مدونتك كثيرا
ردحذفhttp//seo-dz.blogspot.com
جزاك الله خيرا أخي
ردحذفلكن كيف يمكنني الربح من خلال نشر هذه الإعلانات وهي غير قانونية
شكرا على موضوع الرائع
ردحذفhttp://tatarxwar.blogspot.com/
شكراا اخى ابو اياد على الموضوع لاكن لا اعرف رابط المعلن ممكن
ردحذفالشرح
شكراا لك يا اخى ابو اياد
ردحذفممكن ايميل حضرتك على الياهو
او جوجل وشكراا ممكن تشرفنى
فى مدونتى http://lamahelbasher.blogspot.com/
موضوعاتك هايلة ربنا يخليك لينا
ردحذفhttp://aflaco.blogspot.com/
شنو البنر
ردحذفhttp://www6.0zz0.com/2013/07/17/00/785728826.gif
ردحذفhttp://www.kuwaityiat.com
منتديات كويتيات النسائية
أبدعت يا صديقي )):
ردحذفشكرا جدا على الخدمات الهايلة
ردحذفhttp://blogsoftyware.blogspot.com/
هل التبادل مع الأسرة الشامل
ردحذفالنص : قنوات الفضائية
الرابط : http://alossra.com
روابط الى موقعك بجوج 1مليون و 200ألف
الموقع مقسم بجوجل
ادا كنت موافق اعلمني بالتوفيق
شكرا لك اخي
ردحذفwawwww
ردحذف
ردحذفجامعة المدينة العالمية
http://www.mediu.edu.my/ar/
مركز اللغات
http://www.mediu.edu.my/ar/?page_id=168
الدورات التي يقدمها المركز:
• البرنامج التأهيلي لاختبار ( توفل )
• دورات اللغة العربية للناطقين بغيرها
• دورات تعليم اللغة الإنجليزية KPT(JPS)600-07/71/Jld. III 13
• دورات اللغة العربية بأندونيسيا
• اختبارات تحديد مستوى الكفاءة اللغوية
ردحذفجامعة المدينة العالمية
http://www.mediu.edu.my/ar/
المكتبة الرقمية
http://dlibrary.mediu.edu.my/
تمثل المكتبة الرقمية لجامعة المدينة العالمية من أبرز الصور الداعمة للبحث العلمي للدارسين والمتخصصين والباحثين في شتى فروع المعرفة؛ حيث تضم أكثر من 40000 ألف مرجع، تغطي كافة التخصصات الأكاديمية، وتقوم بالتحديث المستمر لهذا المحتوى؛ مما يحقق تراكمًا معرفيًا ضخمًا على المدى البعيد.
الرؤية:
إتاحة قاعدة عريضة من المعلومات والبحوث العلمية المسموعة والمقروءة لخدمة الطلاب والباحثين المعتزين بالقيم الإسلامية القادرين على مواجهة التحديات، والمشاركين في نهضة المجتمعات.
الرسالة:
تقديم الخدمات المكتبية الرقمية والمصورة والمسموعة المتكاملة.
الهدف من المكتبة الرقمية:
1. نشر الرصيد العلمي في سائر فنون العلم والمعرفة وتعميمه بأسلوب يحقق الفائدة العلمية المرجوة.
2. توظيف التقنية الحديثة والاستفادة القصوى ممّا تُتيحه من إمكانات هائلة في مجال المكتبات وبالأخص الشبكة العالمية للمعلومات “الإنترنت”.
3. خدمة الدارسين والباحثين في شتّى بقاع الأرض بما يُوفِّر عليهم الجهد والوقت في التصفّح والعرْض والبحث بطريقة عرْض تتناسب مع المعايير العالمية للمكتبات.
4. التعاون والمشاركة والتسويق المتبادل للموارد المكتبية مع الجهات المختصة.
موقع المكتبة الرقمية
http://dlibrary.mediu.edu.my/
السلام عليكم ورحمة الله وبركاته
ردحذفيسعدنا بداية أن نهديكم أصالة عن أنفسنا، ونيابة عن جامعة المدينة العالمية
[MEDIU] أرق التحية وأطيب الأمنيات لكم بدوام التقدم والإزدهار، مقرونة
بصادق الدعوات لكم بالمزيد من التوفيق والتطور والنماء.
جامعة المدينة العالمية [MEDIU] ماليزيا:
"جامعة المدينة العالمية [MEDIU] ماليزيا" هي إحدى الجامعات الرائدة في دولة
ماليزيا، والتي امتازت بالتفوق والتميز في مجالات التقنية والتعليم العالي، و
"جامعة المدينة العالمية [MEDIU]" هي جامعة متعددة الثقافات والمجالات
الدراسية ويقع مقرها الإداري الرئيسى في مدينة شاه علم بماليزيا ، وإليكم تاريخ
موجز:
1. تأسست "جامعة المدينة العالمية [MEDIU]" مطلع عام 2004م بالمدينة
المنورة.
2. في تاريخ 19/يوليو/ 2006م حصلت الجامعة على دعوة من وزارة التعليم
العالي الماليزية لإنشاء مركز الجامعة بدولة ماليزيا .
3. بتاريخ 20/يوليو/2007م، حصلت الجامعة على الترخيص الكامل من وزارة التعليم العالي
الماليزية لتكون أول جامعة عالمية ماليزية تنتهج منهجي التعليم - نظام التعليم المباشر في المقر
الجامعي بماليزيا - نظام التعليم عن بعد (عبر التعليم الالكتروني) وتستهدف الطلاب من شتى
أنحاء العالم.
4. في مطلع شهر فبراير من العام 2008م بدأت الجامعة أعمال التشغيل الكامل
وإستقبال الطلاب .
5. إلتحق بالجامعة إلى مطلع العام 2009م زهاء [1500] طالب وطالبة من دول
مختلفة، في حين زاد عدد طلبات الإلتحاق المقدمة إلى الجامعة عن [3000] طلب
إلتحاق.
6. اوائل /2009 م. طرحت الجامعة اكثر من (24)برنامجا أكاديميا معتمدا من
قبل هيئة الاعتماد الأكاديمي ووزارة التعليم العالي الماليزية في كلياتها, واكثر من
(34) دورة معتمدة في اللغتين العربية والإنجليزية بمركز اللغات .
7. أوائل 2009 م. تنوعت مستويات البرامج الدراسية في الجامعة لتشمل إيجاد
مراحل : المستوى التمهيدي للمرحلة ماقبل الجامعية , الدبلوم , درجة البكالوريوس
، الدراسات العليا , دورات التأهيل اللغوي .
8. أواسط 2009 م. بلغ عدد الطلبة الذين تم تسجيلهم في الجامعة اكثر من
(4701) طالب وطالبة من اكثر من ( 40 ) جنسية حول العالم .
العالمية [MEDIU] بنجاح التفتيش المؤسسي الذي عقدته وزارة التعليم العالي
9. الربع الثالث لسنة 2009 م. اجتازت جامعة المدينة
الماليزية للتأكد من الجودة الأكاديمية والإدارية للجامعة .
10. نهاية عام 2009 م. زاد عدد طلبات الإلتحاق الوارده الى الجامعه عن (
6508 ) طلب من اكثر من (60) دولة حول العالم , فيما زاد عدد الطلبة المسجلين
في الجامعة عن ( 2482 ) .
11. نهاية عام 2009 م. انتهت الجامعة من تقديم (10) برامج دراسية جديدة
لإعتمادها من قبل هيئة الإعتماد الماليزي في مراحل الدراسات العليا .
12. نهاية عام 2009 م. بدأت جامعة المدينة العالمية الاجراءات التأسيسية
للبدء بالتعليم الجامعي المباشر في تخصصات علمية وتطبيقية جديدة شملت علوم
الحاسب الآلي , والعلوم المالية والإدارية , والهندسة والتي تعتزم أن يتم البدء بها
منتصف العام 2010 م .
13. أوائل عام 2010 م. زاد عدد الطلبة المنتسبين في الجامعة الى (3057 )
طالب من مختلف دول العالم , من بداية موسم 2010 .
14. نهاية عام 2010 م. بلغ عدد طلبات الإلتحاق الواردة الى الجامعة لنظام
التعليم المباشر قرابة (511) بلغ عدد المسجلين أكثر من (154) طالباً .
15. أوائل عام 2011 م. زاد عدد طلبات الإلتحاق الواردة إلى الجامعة لنظام
التعليم المباشر قرابة (2312) وبلغ عدد المسجلين أكثر من (362) .
16. أوائل عام2011 م. إدراج برامج جامعة المدينة العالمية الحاصلة على
الإعتماد الأكاديمي الكامل لأربعة برامج دراسات عليا في كلية العلوم الاسلامية
ضمن قائمة المؤهلات المعترف بها من قبل هيئة الخدمة المدنية بماليزيا .
17. نهاية عام 2011 م. تم تخريج الدفعه الأولى من طلبة جامعة المدينة العالمية
في مرحلة برامج الماجستير والبكالوريوس وعددهم (84) طالبا وطالبة لدرجة
البكالوريوس, و(27) طالبا وطلبة لدرجة الماجستير .
ردحذفthank you
اخبار السيارات