مشروع إضغط للتالي تظهر مرة واحدة

Ad exchange

بسم الله الرحمن الرحيم

مقدمة

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

وهيا إضافة ليست بجديدة حيث أنها متوفره في العديد من المدونات الأخرى لكننا قمنا ببعض التعديلات على تصميم الإضافة ومن ثم سنشرع في شرح تعديل وتنسيق الألوان بما يتناسب مع ألوان مدونتك كما يمكنك معاينة الإضافة مباشراً في أخر المقال.

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

يفضل إضافة الكود في ال sidebar أو القائمة الجانبية

أذهب إلى:

 ( التنسيق > إضافة أداة جديدة > HTML&JavaScript > إلصق الكود التالي ثم حفظ )

<style> /* Edit Code By | Mo Hisham */ a.label-link-btn{margin-left:45%;color:#444} .label-link-btn svg path{fill:#3560AB} .label-link-btn{font-size:11px;color:#333;position:absolute;top:0;left:0} .label-link-btn svg{width:15px;height:15px;vertical-align:-3px} a.tombol-link{transition:all .4s ease-in-out;width:100%;height:37px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:37px;font-family:inherit;box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 1px 1px rgba(0,0,0,.3);align-items:center;justify-content:center;background-color:none;border:1px solid #3560AB;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#3560AB;font-size:16px;margin:5px auto} .advertising_box,a.tombol-link{text-align:center} .fontweight400{font-weight:400} .fontroboto{font-family:inherit,sans-serif} .link-btn{position:relative;padding-top:15px} a.tombol-link:hover{background-color:#3560AB;color:#fff;border-color:#fff;} </style> <div class="link-btn"> <div class="notranslate"> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="إعلانك هنا">أعلان أول</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلان ثاني</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلان ثالث</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title=" هنا ">أعلان رابع</a> <a class="tombol-link fontroboto fontweight400 notranslate" href="#" rel="noopener" target="_blank" title="أعلانك هنا">أعلان خامس</a> </div> <a class="label-link-btn" href="https://sketchwareegy.blogspot.com/p/contact-us.html?m=1" target="_blank" title="تبادل اعلاني نصي"> <svg class="notranslate" width="15" height="15"> <path class="notranslate" d="M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z"></path> </svg> للتبادل الإعلاني إضغط هنا <span class="notranslate"></span></a></div>

 

تعديل الإضافة 

أستبدل ما يلي بما يناسبك مع العلم أن الألوان الحالية للإضافة الأكثر تناسقاً لقالب سيو بلس بلونه الأفتراضي.

١- الألوان

لون الحدود الأزرق

#3560AB

لون النصوص الأزرق

#3560AB

لون علامة التعجب الدائرية الأزرق

fill:#3560AB

لون الخلفية لا يوجد

background-color:none;

أستبدل كلمة none بكود اللون الذي يناسبك

لون الخلفية والحدود والنصوص عند الضغط أو تمرير الماوس على العناصر

a.tombol-link:hover{background-color:#3560AB;color:#fff;border-color:#fff;} 

Color =  لون النص عند الضغط

border-color =  لون الحدود عند الضغط

background-color =  لون الخلفية عند الضغط

٢- مناطق الإعلانات

• أستبدل الكلمة بداية من أعلان أول إلى أعلان خامس بإسم المواقع أو المدونات التي تود إضافتها ضمن إعلان الروابط.
• رمز # الموازي لهذه الكلمات أستبدله برابط كل موقع أو مدونة على حدا.
• وأخيراً أستبدل الرابط التالي بصفحة التواصل أو أتصل بنا الخاصة بك.

https://sketchwareegy.blogspot.com/p/contact-us.html?m=1

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

والسلام عليكم ورحمة الله وبركاته