السلام عليكم ورحمة الله وبركاته
أهلا ومرحبا بكم زوار مدونة Alshabh 4 Download في تدوينة جديدة ولان اليوم يوم الخميس فإن تدوينة اليوم تختص بمجال بلوجر وتدوينة اليوم عن كيفية اضافة رسالة ترحيب الي الزائر في مدنتك وتظهر عند دخول الزائر الي مدونتك وهي ايضا تحتوي علي زر الاغلاق حتي لا يمل الزائر
صور للأداة
مثال حي للأداة
طريقة التركيب
1.تتجه الي لوحة التحكم
2.نختار التخطيط
3.اضافة اداة
4.نختار اضافة اداة Html ثم نضع الكود
صورة توضيحية لطريقة التركيب
2.نختار التخطيط
3.اضافة اداة
4.نختار اضافة اداة Html ثم نضع الكود
صورة توضيحية لطريقة التركيب
<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/AVvXsEg1f0RMk-5FJsVo1SRBrEG06hjpS8Wzqu7YgQZlxtdoXJuB-BaHx68f-GJ2pyXfph0vBSJwtjUfHJp3YJo1pfMfyatCrJUPHqWWkP95IZdhpf8DF31xrVzs4jxAbmyP7tIvD7QMD7lrH4kG/" 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/AVvXsEjfOFIKMMhau3smZpNtLYkOuspk-S1nkOeQJI2r1pteWUElnEwq48sRQcrw9YnNr_kgLcw9p27uuRJplri1AV7ftmhrlogKsigUm5SMHYAU2SjBCzec6hGfX6NMdE-8eBttHx3zTG8tdSvJ/" width="26"/></a>
<a href="http://twitter.com/إسم حسابك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3jVO5khM88JGQQGnhmycnbUwfo4ojD2UdHRLQxgbuY62__jc9HymJHYFgznpwLpZxCTdVZZT0aa_QQyciPXpeO5amE7H14_mfDL4fpPrq5xtlYvvBjzlja_jHcZ_UX_pWR457qUsNyq7R/" width="25"/></a></div>
</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>
الأن قم بتغير الكود و كتابة الرسالة التي تريد إيصالها لزوارك و إدخال رابط صفحتك على الفيس بوك و تويتر إن أردت ذالك. كما أن الجزء الأول من الكود قابل لتغير و قد وضعت الكلمات باللون الأخضر يمكنك التغير فيها كما تريد. كما يمكنك التغير في مكان تمركز صندوق الإعلان بالتعديل في القيم الموجودة باللون الأحمر
وهكذا تكون انتهت تدوينتنا أراكم في تدوينة أخري بإذن الله
0 التعليقات:
إرسال تعليق