<!--انسخ الكود من هنا وضعه في صفحة جديدة في بلوجر في وضع (عرض HTML)--> <style> @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap'); .ads-wrapper { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: right; color: #334155; background: #f8fafc; padding: 30px; border-radius: 16px; line-height: 1.8; } .ads-header { text-align: center; margin-bottom: 40px; background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); padding: 40px; border-radius: 16px; color: #fff; box-shadow: 0 10px 30px rgba(22, 163, 74, 0.2); } .ads-header h1 { font-size: 32px; font-weight: 900; margin: 0 0 10px; } .ads-header p { font-size: 18px; opacity: 0.9; } .ad-spot-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 25px; position: relative; overflow: hidden; } .ad-spot-card::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 6px; background: #16a34a; } .ad-spot-title { font-size: 20px; font-weight: 700; color: #0f172a; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; } .badge { font-size: 12px; background: #dcfce7; color: #166534; padding: 2px 8px; border-radius: 4px; } .code-placeholder { background: #f1f5f9; border: 2px dashed #cbd5e1; color: #64748b; padding: 15px; text-align: center; border-radius: 8px; margin-top: 15px; font-size: 14px; } .lazy-load-info { background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; padding: 20px; border-radius: 12px; margin-top: 40px; display: flex; align-items: flex-start; gap: 15px; } .lazy-icon { font-size: 30px; } ul { padding-right: 20px; margin: 0; } li { margin-bottom: 8px; } </style> <div class="ads-wrapper"> <div class="ads-header"> <h1>دليل الإعلانات والربح 💰</h1> <p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEikixdDwohGeXcvrehiyrGfhS9kBEJKeFj29u4J7B_8nJ37W6wkHKoxCitZPBJ_NzSPiLzQk5KAPEqE609gIW0wSCQTj3X4uoGxEGZHM0MrJPim7y3JJ-5V0uihzysydoIIKFCXPPP4pD5XgzztSZlsJOONn9Z4e7qzl4H18toSIGzl9Kk8ECXo2-u8Q50" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="720" data-original-width="1280" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEikixdDwohGeXcvrehiyrGfhS9kBEJKeFj29u4J7B_8nJ37W6wkHKoxCitZPBJ_NzSPiLzQk5KAPEqE609gIW0wSCQTj3X4uoGxEGZHM0MrJPim7y3JJ-5V0uihzysydoIIKFCXPPP4pD5XgzztSZlsJOONn9Z4e7qzl4H18toSIGzl9Kk8ECXo2-u8Q50=s16000-rw" /></a></div><p></p><p>أماكن إعلانية استراتيجية مدروسة لزيادة أرباحك مع الحفاظ على سرعة موقعك.</p> </div> <!--Lazy Load Notice--> <div class="lazy-load-info"> <div class="lazy-icon">⚡</div> <div> <h3 style="margin: 0px 0px 5px;">ميزة التحميل الكسول (Lazy Load)</h3> <p style="font-size: 14px; margin: 0px;">لا تقلق من كثرة الإعلانات! القالب يستخدم تقنية ذكية تمنع تحميل إعلانات AdSense إلا بعد أن يبدأ الزائر في التمرير (Scroll). هذا يضمن سرعة خرافية للموقع وقبولاً أسرع في محركات البحث.</p> </div> </div> <h3 style="color: #334155; margin: 40px 0px 20px;">أماكن وضع الإعلانات:</h3> <!--1. Header Ad--> <div class="ad-spot-card"> <div class="ad-spot-title"> <span>1. إعلان الهيدر (للهاتف فقط)</span> <span class="badge">الأعلى ربحاً</span> </div> <p>يظهر هذا الإعلان في أعلى الموقع تماماً (تحت القائمة) لمستخدمي الهواتف فقط.</p> <ul> <li>اذهب إلى <b>التخطيط</b> &gt; قسم <b>"[إعلان تحت الهيدر]"</b>.</li> <li>ضع كود الإعلان المتجاوب (Responsive).</li> </ul> </div> <!--2. Middle Post Ad--> <div class="ad-spot-card"> <div class="ad-spot-title"> <span>2. إعلان وسط المقال</span> <span class="badge">تلقائي</span> </div> <p>يتم زرع هذا الإعلان تلقائياً بعد الفقرة الثانية أو الثالثة داخل المقال لضمان رؤيته.</p> <ul> <li>اذهب إلى <b>التخطيط</b> &gt; قسم <b>"[مخزن أكواد الإعلانات]"</b> (في الأسفل).</li> <li>ابحث عن أداة <b>"كود إعلان [وسط المقال]"</b> وضع الكود فيها.</li> </ul> <div class="code-placeholder">يفضل استخدام إعلان "داخل المقال" (In-Article) من أدسنس</div> </div> <!--3. Bottom Post Ad--> <div class="ad-spot-card"> <div class="ad-spot-title"> <span>3. إعلان أسفل المقال</span> </div> <p>يظهر مباشرة بعد نهاية المقال وقبل التعليقات، وهو مكان ممتاز لجذب الانتباه بعد القراءة.</p> <ul> <li>ابحث في <b>[مخزن أكواد الإعلانات]</b> عن أداة <b>"كود إعلان [أسفل المقال]"</b>.</li> </ul> </div> <!--4. Sidebar Ad--> <div class="ad-spot-card"> <div class="ad-spot-title"> <span>4. إعلانات القائمة الجانبية (Sidebar)</span> </div> <p>يوجد مكانان مخصصان في القائمة الجانبية:</p> <ul> <li><b>أعلى القائمة:</b> يظهر في بداية السايدبار.</li> <li><b>أسفل القائمة:</b> يظهر في نهاية السايدبار.</li> </ul> <div class="code-placeholder">الحجم المثالي: 300x250 أو إعلان مربع</div> </div> <!--5. In-Feed Ad--> <div class="ad-spot-card" style="border-color: rgb(245, 158, 11);"> <div class="ad-spot-title"> <span>5. إعلان بين المقالات (In-Feed)</span> <span class="badge" style="background: rgb(254, 243, 199); color: #b45309;">احترافي</span> </div> <p>هذا الإعلان يظهر في الصفحة الرئيسية بين بطاقات المقالات (مثلاً بعد كل 3 مقالات)، مما يجعله يبدو كجزء من المحتوى.</p> <ul> <li>ابحث في <b>[مخزن أكواد الإعلانات]</b> عن أداة <b>"كود إعلان [بين المقالات الرئيسية]"</b>.</li> <li>استخدم كود إعلان من نوع <b>In-Feed</b> للحصول على أفضل شكل.</li> </ul> </div> <div style="margin-top: 40px; text-align: center;"> <p style="color: #16a34a; font-weight: bold;">🎉 تهانينا! لقد أتممت إعداد القالب بالكامل.</p> <a href="/" style="background: rgb(22, 163, 74); border-radius: 50px; color: white; display: inline-block; font-weight: bold; padding: 12px 40px; text-decoration: none;" target="_blank">معاينة موقعك الآن</a> </div> </div>