إضافة إعلانات بتأثيراتjQuery قمه في الروعه

08-05-2012, 05:25 PM

a7meda1a

مدون جديد

تاريخ التسجيل: Jul 2012

الدولة: مصر

المشاركات: 58

إضافة إعلانات بتأثيراتjQuery قمه في الروعه

أنا : a7meda1a

سجل معنا لتتمتع بهذه الخاصية

الطريقه قديمه شويه بس جميله جدا
دي صوره من الاداه وطبعا انا مش بعلن عن اي مدونه فبعلن علي حسابي علي الفيسبوك

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم

كود بلغة HTML:

]]></b:skin>

>ثم قم بإضافة هذا الكود قبله مباشرة :

كود بلغة HTML:

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;
    }

بعد ذلك إبحث عن هذا الكود :

كود بلغة HTML:

</head>

ثم ألصق الكود التالي قبله :

كود بلغة HTML:

<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview 

$(&quot;ul.thumb li&quot;).hover(function() { 
$(this).css({'z-index' : '10'});
$(this).find('img').addClass(&quot;hover&quot;)
.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(&quot;hover&quot;)
.stop()
.animate({
marginTop: '0',
marginLeft: '0',
top: '0',
left: '0',
width: '100px',
height: '100px',
padding: '5px'
}, 400);
});

//Swap Image on Click 
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name 
$(&quot;#main_view img&quot;).attr({ src: mainImage });

}); 

});<font size="0"><a href=" http://www.pergola-aluminium.org"></a></font> 
</script>

والآن قم بحفظ القالب

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :

كود بلغة HTML:

<ul class="thumb">
<li><a href="رابط المدونه المعلن عنها"><img src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png" alt="" /></a></li>
<li><a href="رابط المدونه المعلن عنها"><img src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png" alt="" /></a></li>
</ul>

لو عايز تغير الصوره هتغير طبعا اللينك ده

كود بلغة HTML:

 http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png

ولو اعلانين مش مكفيين ممكن تضيف اي عدد من الاعلانات بأضافه

كود بلغة HTML:

<li><a href="رابط المدونه المعلن عنها"><img  src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png"  alt="" /></a></li>

قبل

كود بلغة HTML:

</ul>

ان شاء الله الموضوع يكون عجبكم

__________________

من مواضيع a7meda1a

مواقع النشر (المفضلة)

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

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

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
كيف يمكنك أن تكسب من إعلانات حسوب ؟	أندرويد بالعربي	الربح من خلال إعلانات حسوب	6	04-02-2013 01:33 PM
كيف أضع إعلانات أدسنس داخل المواضيع في مدونات بلوجر	tarik	الربح عن طريق أدسنس	3	11-25-2012 12:02 PM
قالب FitnessMag معرب غايه في الروعه	العماد	قوالب بلوجر عربية ومعربة	1	11-03-2012 05:00 PM
طلب تعديل في القالب بخصوص إعلانات أدسنس	lamrisif	طلبات تعديل القوالب	16	09-04-2012 10:12 PM
أسباب رفض المواقع في شبكة إعلانات حسوب	أم كوثر	الربح بطرق أخرى	12	08-28-2012 06:06 AM

إضافة إعلانات بتأثيراتjQuery قمه في الروعه

إضافات وأدوات بلوجر