اضافة اداة التبادل الاعلاني لمدونة بلوجر بشكل جرس متحرك احترافي حصرياا

اضافة اداة التبادل الاعلاني بشكل احترافي حصرياا

السلام عليكم ورحمة الله وبركاتة مرحبا بكم في درس جديد على مدونة قوالب واضافات بلوجر كوكب العرب درس اليوم سيكون في قسم اضافات بلوجر وهو عن اضافة اداة التبادل الاعلاني لمدونات بلوجر بشكل احترافي , اداة التبادل الاعلاني لمدونات بلوجر هي ضمن الأشياء التي تساعدك علي اشهار مدونتك وهي عبارة ان تضع رابط مدونتك في مدونة شخص آخر وتضع رابط مدونة هذا الشخص عندك وهناك ايضا بعض المدونات المشهورة التي تبيع المساحات الاعلانية وهي ان تضع رابط مدونتك عندها مقابل ان تدفع لها مبلغ مادي ويجب ان يكون المكان الذي سيضع بة العلان مكان ملفت للزائر ليراة ويدخل لمدونتك او مدونات اخري اضفتها لهذا اتينا لكم اليوم اداة احترافية لعمل التبادل الاعلاني مع المدونات والمواقع الاخرى بشكل احترافي علي هيئة جرس تنبية.

معاينة الاضافة

طريقة تركيب الإضافة

اولا قم بالدخول الي لوحة تكم مدونة في بلوجر

ثم توجة الي المظهر واضغط علي تحرير HTMLl

ثم بعدها اضغط علي زر f + ctrl في الكيبورد

ثم سيظهر لك صندوق صغير للبحث في الاكواد قم بالبحث عن هذا الكود <head> وضع هذا الكود فوقة

/* by temp.kwokbal3rb.com */
#notif-wrapper{position:fixed;width:100%;z-index:999}
.blanternotif{background:#d32f2f;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out}
.blanternotif i{color:#FFF;font-size:25px;margin:11px 12px 10px 13px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out}
@keyframes notifklik{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes notificon{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}100%{transform:rotate(-30deg)}}
@keyframes notifbox{0%{transform:rotateZ(-45deg);visibility:visible;opacity:0;bottom:68%;left:78px}100%{transform:none;visibility:visible;opacity:1;bottom:41%;left:110px}}
.notifbox{padding:20px;border-radius:3px;position:fixed;resize:none;line-height:1.5;z-index:999;left:110px;bottom:41%;max-width:30rem;background:#d32f2f;border:1px solid #d32f2f;color:#fff;font-size:13px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.07),0 1px 1px 0 rgba(0,0,0,0.06);display:inline-block;opacity:0;visibility:hidden;transition:.4s ease-in-out}
.notifbox:before{content:"";width:0;height:0;position:absolute;top:-.7px;left:-15px;border-width:8px;border-style:solid;border-color:#d32f2f #d32f2f transparent transparent;display:block}.blanterxE5CD{display:none!important}#notif-wrapper.aktif .blanterxE5CD{display:block!important;animation-name:none!important}#notif-wrapper.aktif .blanterxE7F4{display:none!important}
.notifbox.aktif{-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:notifbox;animation-duration:1s;animation-iteration-count:1;animation-name:notifbox;transition:all 1s ease-in-out;opacity:1;visibility:visible}
@media screen and (max-width:680px){.notifbox:before{display:none}.notifbox{left:0%!important;bottom:0}@keyframes notifbox{0%{left:0!important}100%{left:0!important}}}

وأخيرا, قم بإضافة هذا السكريبت فوق الوسم </body> مع تغيير العبارات و علامة # بالرابط

نهاية الموضوع

والي هنا متابعينا وصلنه الي نهاية الموضوع نتمني ان يكون الدرس اعجبكم

هذة الاضافة من تصميم موقعنا ولا يسمح بالنقل بدون ذكر المصدر

اضافة اداة التبادل الاعلاني لمدونة بلوجر بشكل جرس متحرك احترافي حصرياا

طريقة تركيب الإضافة

نهاية الموضوع

تعليقان (2)