20‏/10‏/2014

لسلام عليكم ورحمة الله وبركاته ، بداية أسبوع موفقة للجميع .. درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين سيكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 300x250 و 280x336 هما الأكثر استعمالا ايضا بإعتبار مقاس البوست الذي يكون به المواضيع, مثال.
شرح طريقة التركيب
إعلانين مقاس 280x336
1. داخل القالب ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin: 0 auto;
overflow: hidden;
padding: 7px 10px;
text-align: center;
width: 760px;
background: url(http://4.bp.blogspot.com/-xaSAYDTCql4/U1AO14YolTI/AAAAAAAAD94/Lenz-oZ0o2c/s1600/pattern-1.png);
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #E0E0E0;
height: 280px;
width: 336px;
}
.ads1post {
float: right;
}
.ads2post {
float: right;
}
إعلانين مقاس 250x300
/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin-right: -16px;
overflow: hidden;
padding: 15px 2px;
text-align: center;
width: 672px;
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #F7F5F5;
height: 280px;
width: 335px;
}
.ads1post {
float: right;
}
.ads2post {
float: left;
}
2. ابحث عن <data:post.body/> ضع قبله أو بعده الكود الأتي
* ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
                        <div class='adspostsfotter'>
                          <div class='ads1post'>
                            إعلانك هنا  

                          </div>
                          <div class='ads2post'>
                          
                          إعلانك هنا
                          </div>
                        </div>
            </b:if>
 <div class='clear'/>
3. ضع كود الإعلان ادسنس أو حسوب إلخ بعد تحويله من هنا بدل إعلانك هنا
4. قم بحفظ العمل ثم إنتظر دقائق لظهور الإعلان
* لمن لا يتوفر على حساب ادسنس ... يمكنك وضع صورة إعلانية عادية بإضافة الكود التالي بدل إعلانك هنا
<a href="الربط هنا"><img border="0" src="رابط الصورة هنا"/></a>
دائما اوجه كلامي لمن واجهته مشكلة فسأستقبل ردودكم لحل المشكل وفقكم الله تحياتي
لسلام عليكم ورحمة الله وبركاته ، بداية أسبوع موفقة للجميع .. درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين سيكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 300x250 و 280x336 هما الأكثر استعمالا ايضا بإعتبار مقاس البوست الذي يكون به المواضيع, مثال.
شرح طريقة التركيب
إعلانين مقاس 280x336
1. داخل القالب ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin: 0 auto;
overflow: hidden;
padding: 7px 10px;
text-align: center;
width: 760px;
background: url(http://4.bp.blogspot.com/-xaSAYDTCql4/U1AO14YolTI/AAAAAAAAD94/Lenz-oZ0o2c/s1600/pattern-1.png);
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #E0E0E0;
height: 280px;
width: 336px;
}
.ads1post {
float: right;
}
.ads2post {
float: right;
}
إعلانين مقاس 250x300
/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin-right: -16px;
overflow: hidden;
padding: 15px 2px;
text-align: center;
width: 672px;
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #F7F5F5;
height: 280px;
width: 335px;
}
.ads1post {
float: right;
}
.ads2post {
float: left;
}
2. ابحث عن <data:post.body/> ضع قبله أو بعده الكود الأتي
* ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
                        <div class='adspostsfotter'>
                          <div class='ads1post'>
                            إعلانك هنا  

                          </div>
                          <div class='ads2post'>
                          
                          إعلانك هنا
                          </div>
                        </div>
            </b:if>
 <div class='clear'/>
3. ضع كود الإعلان ادسنس أو حسوب إلخ بعد تحويله من هنا بدل إعلانك هنا
4. قم بحفظ العمل ثم إنتظر دقائق لظهور الإعلان
* لمن لا يتوفر على حساب ادسنس ... يمكنك وضع صورة إعلانية عادية بإضافة الكود التالي بدل إعلانك هنا
<a href="الربط هنا"><img border="0" src="رابط الصورة هنا"/></a>
دائما اوجه كلامي لمن واجهته مشكلة فسأستقبل ردودكم لحل المشكل وفقكم الله تحياتي
18 Blogger تعليقات
Disqus
18 التعليقات
المشرف
avatar

يعطيك العافية أخوي الغالي

المشرف
avatar

يعافيك ربي اخي الكريم

المشرف
avatar

شكراً حسام ، أخي الحبيب لقد أضفت الأكواد وكل شيء تماااام لكني أريد اضافة هذا الكود قبل كود اللإعلانين

هذا هو الكود : http://im48.gulfup.com/R6bXWT.png

هذا الكود وظيفته يضع لي خط أسود لـ الفضل بين الإعلانات والموضوع ، لكن عندما أضيفه فوق كود الإعلانين يظهر لي هذا الخطأ http://im85.gulfup.com/jgvdAH.png

ماهو الكود الذي علي اضافته لـكي يتم الحفظ ؟ أتمنى مساعدتي

المشرف
avatar

بدل </b:if> ضع </div>
إذ لازال المشكل اترك </b:if> ثم جرب وضع div إما فوقه أو أسفله .. أعتقد أن الطريقة الأولى ستكون نافعة

المشرف
avatar

أخي لم أفهمك أبداً .. أين علي وضع هذه الأكواد !!!!! أتمنى التوضيح ، شاكراً جهودك الكبيرة

المشرف
avatar

تابع الصورة التالية : http://im65.gulfup.com/SW0UHJ.png

المشرف
avatar

ممكن تدوينة كيفية تعريف الكاتب مثلما عندك داخل التدوينة

المشرف
avatar

نعم ستكون بإذن الله

المشرف
avatar

اخي حسام اريد سليدر سفلي

المشرف
avatar

راجع هذه التدوينة : http://www.ar1web.com/2014/11/slider-posts.html

المشرف
avatar

جزاك الله خيرا بس الاعلانات صارن واحد فوق الثاني ممكن نخليه مثل الصوره

المشرف
avatar
Youssef Elassery 2/01/2015
delete

جزاك الله خيرا http://th3promorocco.blogspot.com/

المشرف
avatar
مهوس المعلوميات 3/07/2015
delete

http://az64852.blogspot.com/

المشرف
avatar

شكرا لكم

مدونتي : http://arabiazik.blogspot.com/

المشرف
avatar
محمد 4/20/2015
delete

لم أنجح لأنني لا أجد
http://real-madrid-cf-hd.blogspot.com/

المشرف
avatar

ابحث عن وضع الكود أدناه ستجد الكود متكرر الآخير هو المنشود

المشرف
avatar

أخي السلام عليكم انا استخدم قالب نقطة تطوير و اضفت اعلانات داخل القالب لكنها غير متجاوبة مع الهاتف أرجو مساعدتي
شكرا مسبقا

المشرف
avatar

عليك أن تختار اعلان متجاوب عندما تأخذ الكود من أدسنس أو غيره

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة