السلام عليكم نقدم لكم اليوم إضافة جميلة ورائعة لمنصة بلوجر فهذه الاضافة تقوم بدور الترحيب بالزائر أو يمكنك استعمالها في تنبيهات وإشعارات موقعك ، فهي إضافة هامة وذلك من أجل زيادة التفاعل مع الزائر أكثر ، ويمكنك تركيبها مع خطوات بسيطة لا تحتاج إلي مهارة.
- أدخل علي لوحة تحكم بلوجر ثم إلي قسم القالب
- ثم اضغط علي تحرير HTML
- ثم قم بالبحث عن هذه الوسم <b:skin/> ونضع الكود التالي فوقه
/* CSS welcome Bar */ #welcomeitqanwebs_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#FF0000;color:#fff;position:relative;margin:0 auto 10px 0;font-weight:normal;border-radius:2px;margin-top: 10px;} #welcomeitqanwebs_bar a{background:#fff;color:#3498db;padding:2px 6px;border-radius:4px;margin-left:5px} #close_welcomeitqanwebs_bar {background:#34495E;border-left: double;display:inline-block;cursor:pointer;padding:8px 15px;position:absolute;top:0px;right:0;font-weight:bold;font-size:25px;border-radius:0 3px 3px 0;}
- بعد ذلك أضف الكود التالي فوق هذه الوسم <body/>
<script type='text/javascript'> // Welcome bar var button=document.querySelector("#close_welcomeitqanwebs_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});</script>
- بعد ذلك قم بإضافة الكود التالي في المكان الذي تريده من أفضل وضعه بعد القائمة الرئيسية في القالب
<div id='welcomeitqanwebs_bar'>مرحبا بكم في مدونتي إتقان ويب نرجو منكم التفاعل معنا حتي نقدم لكم المزيد <span data-target='#welcomeitqanwebs_bar' id='close_welcomeitqanwebs_bar'>×</span></div>
0 comments
Post a Comment