اضافة اعلان الى مدونتك مع خاصية القفل المباشر pub

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

في موضوع اليوم سنكمل مسلسل الاضافات الخاصة  بمدونة بلوجر و سنعرض لكم  اداة اعلان مع خاصية القفل هذفها اما
 الترحيب بالزوار او لفث انتباههم  لشيء ما .

من اهم مميزات الاضافة  انها ذات تحكم كامل حيث يمكن التعديل على طول و عرض و محتوى و لون الاعلان.

تتيح لك أيضا وضع  حسابك على فيس بوك و على تويتر داخل الاعلان .

 شكل الاضافة يوجد فوق الموضوع 


الان نأتي الى المهم وهي كيفية تفعيل الاضافة داخل المدونة


من قائمة التحكم الرئيسية المحدثة من طرف بلوجر أنقر على تخطيط ثم انقر على اضافة أداة


اختر أداة html java script ثم الصق الكود التالي





<style type="text/css">
#aviso{
width:500px; /* عرض النافدة */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* لون الحدود */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* لون الخلفية */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* لون النص */
}
.letrero-aviso {
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">إغلاق</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC1o4N4M0Qgwyw6P_D1kwN5J-VKiy1eWglIJA-VIJ2j0JImrJB1BIWHA9fWHQkC7ignX41zKaRhUm7SSYddr66TIUDT2gZ3fMPpeMOvdUWuQSoViT-Os9trSJjKp9ckyPSrAnbgIq1nUI4/" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">إعلان</legend>
... هنا قم بوضع الكلام أو الرسالة التي تريد إصالها لزوار مدونتك ...
<br/><div align="right"><a href="http://www.facebook.com/إسم صفحتك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyFzu4bVeHV_lq8lT89cOyaRHHxAGRAcvu9ih7P4SVW15R2yMIHm5TJ3-hRnem4f5fwwBqwtOv_Q9HWg5EM92YBbgziLGRYJBJnWf4B7Sr8vHHhm2UBlccVaM-KayzDOEEJkAa_QQyC_7U/" width="26"/></a>
<a href="http://twitter.com/إسم حسابك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwbTVAEZLsIXTXCZTf-lpZ_Fs9j752mn14p9yu77hgQ279-qgURlq-AvSOkz2aIzoHt8Vo6oqQOC4i89D7686PQ7CA7pVNlcCjW3zuk_NOGorWKA3kcVIHGX6R7CmRp31btkfH2iPRz88/" width="25"/></a></div>
</fieldset>

<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>



  • التعديلات على الكود :
 غير ما بالاحمر بالمقاسات و الالوان المناسبة لقالب مدونتك

ستجد في الكود اسم حسابك بالاخضر غيره باسمك على الشبكة الاجتماعية تويتر

غير اسم صفحتك باسم صفحتك على فيس بوك.

وصلنا الى نهاية الموضوع .

الى الملتقى باّن الله.


إعلان هذا هو الشكل النهائي للأضافة يمكن التعديل عليها كليا لتصبح ملائمة لقالبك