السلام عليكم ورحمة الله وبركاته
كما عودناكم دائمًا في موقع “تكنو أون لاين”، نسعى لتقديم كل ما هو مفيد واحترافي لمساعدتكم في تطوير مدوناتكم.
إذا كنت تمتلك مدونة على بلوجر وتبحث عن إضافات مميزة تضفي لمسة احترافية وتزيد من تفاعل الزوار، فإن إضافة التبادل الإعلاني تعتبر من أهم الأدوات التي تساعدك على توسيع نطاق جمهورك وزيادة انتشار موقعك بشكل فعّال.
ولهذا نقدم لكم اليوم أداة تبادل إعلاني نصي أنيقة وسهلة التركيب، حيث يمكنك إضافتها إلى مدونتك بكل بساطة وبدون أي تعقيدات، فقط عبر كود واحد جاهز للاستخدام.
طريقة تركيب إضافة التبادل الإعلاني النصي:
أولاً: لا تفوّت جديدنا، انضم الآن إلى أعضاء المدونة عبر أداة الانضمام أسفل الصفحة وكن دائمًا على اطلاع بكل ما هو جديد.
ثانياً: توجه إلى لوحة تحكم بلوجر
ثالثاً: افتح لوحة تحكم مدونتك
رابعاً: قم بإضافة أداة جديدة من نوع “HTML/JavaScript” من داخل التخطيط او التنسيق في بلوجر، ثم ضع الكود داخل الأداة التي قمت بإضافتها. يمكنك اختيار المكان المناسب لها (أعلى المدونة، أسفلها أو في الوسط) حسب تصميم مدونتك.
وفيما يلي الكود الذي يجب نسخه ولصقه داخل الأداة:
<style>
.ara1techlink ul{list-style:outside none none;margin:0;padding:0;border:0}
.ara1techlink ul li{margin:0;padding:0;border:0}
.ara1techlink li a{
background-color:#333333;
color:#fff;
display:block;
width:90%;
height:35px;
line-height:35px;
margin-bottom:5px;
text-decoration:none;
padding:0 10px;
transition:all 0.7s ease 0s
}
.ara1techlink li a:hover{
background-color:#1180c1;
color:#f7f7f7;
padding-right:20px;
}
i.fa.fa-arrow-circle-o-left{
background-color:#3498db;
color:#fff;
float:left;
font:24px/34px fontawesome;
line-height:35px;
width:35px;
text-align:center;
}
</style>
<div class="ara1techlink">
<ul>
<li><i class="fa fa-arrow-circle-o-left"></i><a href="#" target="_blank" rel="nofollow">اعلانك هنا يحقق اهدافك</a></li>
<li><i class="fa fa-arrow-circle-o-left"></i><a href="#" target="_blank" rel="nofollow">اعلانك هنا يحقق اهدافك</a></li>
<li><i class="fa fa-arrow-circle-o-left"></i><a href="#" target="_blank" rel="nofollow">اعلانك هنا يحقق اهدافك</a></li>
<li><i class="fa fa-arrow-circle-o-left"></i><a href="#" target="_blank" rel="nofollow">اعلانك هنا يحقق اهدافك</a></li>
<li><i class="fa fa-arrow-circle-o-left"></i><a href="#" target="_blank" rel="nofollow">اعلانك هنا يحقق اهدافك</a></li>
</ul>
</div>
و بعد الإنتهاء من لصق الكود قم بالضغط على الحفظ، و بذالك تكون عملية التركيب قد اكتملت بنجاح.
ملاحظة: لا تنسَ تغيير علامة # إلى روابطك الخاصة، واستبدال عبارة “إعلانك هنا يحقق أهدافك” باسم الموقع أو المدونة التي ترغب في التبادل الإعلاني معها.
كما يمكنك أيضًا تغيير لون ظهور مستطيلات الإعلان من الأسود إلى أي لون آخر يتناسب مع تصميم مدونتك، وذلك عبر استبدال هذا الكود:
background-color:#333333;
باللون الذي تريده.
على سبيل المثال، قمتُ بتغييره إلى:
#ff6f32
ليصبح مطابقًا للون الرسمي الخاص بمدونتي.
أما إذا كنت تفضل اللون الأسود، فلا داعي لتغييره ويمكنك تركه كما هو.
وفي الختام كان معكم أخوكم عبد ربه، نلقاكم في مقال قادم إن شاء الله.
يرجى عدم نسخ المحتوى دون ذكر المصدر مع رابط مباشر للمقال الأصلي واسم المدونة وشكرا.

إرسال تعليق