إضافة شريط ترحيبي إلي منصة بلوجر - إتقان ويب - دليلك التقني لعالم المعلوميات إضافة شريط ترحيبي إلي منصة بلوجر - إتقان ويب - دليلك التقني لعالم المعلوميات

آخر المواضيع

breaking/الكل/9
قوالب عربية

الاثنين، 15 أغسطس، 2016

10:44:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي

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

شرح طريقة تركيب الإضافة:
  1.  أدخل علي لوحة تحكم بلوجر ثم إلي قسم القالب
  2. ثم اضغط علي تحرير HTML
  3. ثم قم بالبحث عن هذه الوسم <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;}
  1. بعد ذلك أضف الكود التالي فوق هذه الوسم <body/>
<script type='text/javascript'> // Welcome bar var button=document.querySelector(&quot;#close_welcomeitqanwebs_bar&quot;);button.addEventListener(&quot;click&quot;,function(){var t=document.querySelector(button.getAttribute(&quot;data-target&quot;));t.style.display=&quot;none&quot;==t.style.display?&quot;block&quot;:&quot;none&quot;});</script>
  1.  بعد ذلك قم بإضافة الكود التالي في المكان الذي تريده من أفضل وضعه بعد القائمة الرئيسية في القالب
<div id='welcomeitqanwebs_bar'>مرحبا بكم في مدونتي إتقان ويب نرجو منكم التفاعل معنا حتي نقدم لكم المزيد <span data-target='#welcomeitqanwebs_bar' id='close_welcomeitqanwebs_bar'>&#215;</span></div>

إرسال تعليق

الربح