اضافة اعلان الى مدونتك مع خاصية القفل المباشر 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/AVvXsEiOFvGE1b8IjRmlAfq_jXiA_2SEFCwnhCdppWU45vGf3Rp936y4KIMJAtGpy0MSNcfCthxSb-Atxd4oak7foVjXXZ29Pf47mnrObye2fNMnhT7eip5Tar48VHgqXeMXMQZsL_AHlCa2J-IQ/" 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/AVvXsEjR0DJ5DxcUuodiQmFExrfaYnw8nhWclwYW0vOL3Q-qirW-rPZZ2Up8Fr9RdqMUxTtEA6_5-fW-47BXvk6Sr1r_gojBmC29Lmv2LIcD9fehRMmCgJBmgq_UBruHPIF3nSUOOUi22eCQS2D4/" width="26"/></a>

<a href="http://twitter.com/إسم حسابك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3lj-LE6SdD3iqp40Gl9XnE_xUbwv_C-KuOT1Zu5B9QECPiiyspnvLT5rMjS-Bsy8tJXV1uNf5RrN8ZwL39QbsD4FmiuIlPpqVpEEua1WVcKFBrTu8vVfEVXYw8g9XhHJPGUNfHodhjhMA/" width="25"/></a></div>

</fieldset>

<script>

function closeit(){

document.getElementById("aviso").style.visibility = "hidden";

}

</script>

</div><div class="clear"/></div>

• التعديلات على الكود :

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

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

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