 |
| إضافة التبادل النصي الإعلاني لمدونات بلوجر |
أصبح التبادل الإعلاني سمة سائدة بين المواقع و المدونات ، و ذلك لما له فائدة و مردود مرضي لدى المتبادلين ، و ذلك بغض النظر عن ترتيب كلا الموقعين في أليكسا أو عدد الزوار ؛ لأن التبادل الإعلاني يعني أن المتبادلين قد أرتضوا بذلك ، فكلاهما يريد الدعم من الأخر .
يوجد العديد من الأكواد المستخدمة في عملية التبادل الإعلاني بين المواقع و المدونات مختلفة الأشكال و الألوان و الأحجام ، و من بين هذه الأكواد أخترت لكم الإضافة الأبسط تصميماً و الأسهل إستخداماً و الأكثر شيوعاً لتكون منصتنا للقيام بتبادل إعلاني إحترافي . لن أتكلم كثيراً عن أخلاقيات التبادل الإعلاني ؛ لأنه من البديهي لكلا الطرفين المتبادلين أن يفهموا ما أعنية بأخلاقيات التبادل الإعلاني " احترام مدة التبادل - إستخدام كود التبادل مع مواقع لا تخالف الشريعة الإسلامية ... إلخ ".
يوجد العديد من الأكواد المستخدمة في عملية التبادل الإعلاني بين المواقع و المدونات مختلفة الأشكال و الألوان و الأحجام ، و من بين هذه الأكواد أخترت لكم الإضافة الأبسط تصميماً و الأسهل إستخداماً و الأكثر شيوعاً لتكون منصتنا للقيام بتبادل إعلاني إحترافي . لن أتكلم كثيراً عن أخلاقيات التبادل الإعلاني ؛ لأنه من البديهي لكلا الطرفين المتبادلين أن يفهموا ما أعنية بأخلاقيات التبادل الإعلاني " احترام مدة التبادل - إستخدام كود التبادل مع مواقع لا تخالف الشريعة الإسلامية ... إلخ ".
<style>
#arabetutorial1 ul li{
color:#2D2C28;
float: right;
width: 45%;
}
#arabetutorial2 ul li{
color:#2D2C28;
float: left;
width: 45%;
}
#arabetutorial1 li{
margin-bottom:5px;
padding:5px;
}
#arabetutorial1 li a{
color: #777777;
font: 12px GESSTwoMediumRegular,tahoma;
height: 20px;
width:120px;
font-family:'GESSTwoMediumRegular',tahoma,sans-serif;
text-transform: uppercase;
transition: border-color .218s;
background:#f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background:#f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px#ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none;
text-align: center;
}
#arabetutorial1 li:hover{
background:#FCFEFE;
color:#00D1FF;
padding:5px;
cursor:pointer;
}
#arabetutorial1 li a:hover{
color:#333;
font-size:12px;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px
rgba(0,0,0,0.15);
} </style>
<div id="arabetutorial1">
<ul>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
</ul>
</div>
كيفية تركيب إضافة التبادل النصي الإعلاني :
سأشرح كيفية تركيب الإضافة لمدونات بلوجر في عدة خطوات بسيطة ، و ذلك سيكون دون العبث في أكواد القالب كما هو شائع بالنسبة لتلك الإضافات .
أتبع الخطوات التالية لتركيب إضافة التبادل النصي الإعلاني لمدونات بلوجر :
أتبع الخطوات التالية لتركيب إضافة التبادل النصي الإعلاني لمدونات بلوجر :
- قم بنسخ الكود الموجود بالأعلي .
- ثم قم بالدخول إلي لوحة التحكم " Dashboard " الخاصة بمدونتك في Blogger.com .
- أذهب إلي التخطيط " Layout " .
- إضغط علي إضافة أداة " Add a Gadget " و منها أختار HTML / JavaScript .
- ثم الصق الكود السابق نسخه و أضغط حفظ " Save ".
ملاحظات مهمة :
قم بإضافة اسم الموقع المراد التبادل معه من خلال تغيير إعلانك هنا إلي اسم الموقع ، و ضع رابط الموقع مكان رمز # الموجود بجوار إعلانك هنا
<li><a href="#">إعلانك هنا</a></li>
موضوع مفيد ورائع animeiat
ردحذف