اليك طريقة سهلة لوضع 4 اعلانات داخل المدونة بكل احترافية تظهر اول الموضوع ووسطه واخر الموضوع وقبل المواضيع المماثلة
طريقة وضع 4 اعلانات داخل المقال في اي قالب بلوجر باحترافية
قبل ان تبدأ فى عمل اى شيء خذ نسخة احتياطية من القالب حتى يمكنك استرجاعه عند ظهور اى خطأ.
ثانيا نذهب الى تحرير html ونبحث عن الكود التالى .
فى بعض القوالب نجد اكثر من كود بهذا الشكل فعليك اختبار بكتابة رقم قبله وفتح موضوع مثلا 111111 وعند ظهوره اول الموضوع اذا هو هذا الكود المطلوب .
كل ماعليك نسخ الكود الموجود هنا ووضعه قبل الكود الذى وجدته.
ثم ستجد فى الكود ارقام ضع اعلاناتك مكان هذه الارقام .
ملحوظة هناك بعض القوالب لا تقبل الاعلانات بدون تحويل فعليك استخدام تحويل الكود الاعلانى
من هنا محول اكواد ادسنس
واذا صادفتك بعض المشاكل فلا تتردد فى التواصل معنا .
الكود الذى سيتم وضعه بدل الكود
11111111111111
222222222222222
333333333333333
function insertAfter(tbh,tgt) {
var prt = tgt.parentNode;
if (prt.lastChild == tgt) {prt.appendChild(tbh);}
else {prt.insertBefore(tbh,tgt.nextSibling);}}
var tgt = document.getElementById(“konten”);
var ad1 = document.getElementById(“ad-script1”);
var ad2 = document.getElementById(“ad-script2”);
var tg1 = tgt.getElementsByTagName(“p”);
var tg2 = tgt.getElementsByTagName(“br”);
var pt1 = tg1.length; var pt2 = tg2.length;
var ps1 = pt1*34/100; var ps2 = pt1*67/100;
var br1 = pt2*34/100; var br2 = pt2*67/100;
var bl1 = Math.round(ps1); var bl2 = Math.round(ps2);
var bk1 = Math.round(br1); var bk2 = Math.round(br2);
if (pt1 > 2) {
insertAfter(ad1,tg1[bl1-1]); insertAfter(ad2,tg1[bl2-1]);
} else if (br2 > 1) {
insertAfter(ad1,tg2[bk1-1]); insertAfter(ad2,tg2[bk2-1]);
} else {}
44444444444444444
نسخ الكل
لتحميل الاسكريبت مباشر من ميديا فاير والمعاينة
.modal-bg {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5); display: none; justify-content: center; align-items: center; z-index: 9999;
}
.modal-box {
background: #fff; padding: 0; border-radius: 10px; width: 90%; height: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative;
}
.modal-box iframe {
width: 100%; height: 100%; border: none;
border-radius: 10px;
}
.modal-close {
position: absolute; top: 10px; right: 10px;
background: #f44336; color: #fff; border: none; border-radius: 50%;
width: 30px; height: 30px; font-size: 20px; cursor: pointer;
}
function openModal() {
document.getElementById(“previewModal”).style.display = “flex”;
}
function closeModal() {
document.getElementById(“previewModal”).style.display = “none”;
}
واخيرا هذا فيديو توضيحى من منشئ الكود اكاديمية المهندس
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
sehaa 
أضف تعليق