شرح تركيب زر لعرض المدونة بملىء الشاشة لقوالب البلوجر

عرض المدونة بملىء الشاشة 

الاضافة جميلة جدا و مهمة تسعدك على جعل مدنتك بملىء شاشة الجهاز و هي تغنيك

عن زر ال Esc  الموجود بالكيبورد

طريقة تركي ب الاضافة سهلة و لكن تحتاج لبعض الانتباه بالكود اللذي تريد ان يظهر بمكانه

يمكنك مشاهدة الاضافة على مدونتي بجانب زر البحث

شرح تركيب الأضافة

الاكواد الخاصة بالأضافة

من لوحة تحكم المدونة إذهب إلى المظهر أنقر على تعديل HTML
 ثم أبحث عن الرمز ]]></b:skin> ثم أضف الكود التالي فوقه مباشرةً

#openfull,
#exitfull {background: 0 0;border: none;text-align: center;float: left;background: #2376bb;border-radius: 2px;color: #FFFFFF;
border: 1px solid transparent;cursor: pointer;padding: 0;width: 30px;font-size: 10px; height: 34px;margin: 5px -91px 5px 61px;text-decoration: none;display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
button#openfull:hover {background: #2c82c9;}#openfull:active,#exitfull:active,#openfull:focus,#exitfull:focus {outline: 0;}
#openfull svg,#exitfull svg {vertical-align: middle;}#exitfull {display: none;}

الخطوة الثانية أضف كود جافاسكربت فوق الرمز </body>  مباشرةً

<script>
//<![CDATA[
var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
  document.getElementById("openfull").style.display = "none";
  document.getElementById("exitfull").style.display = "block";
}
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  }
  document.getElementById("openfull").style.display = "block";
  document.getElementById("exitfull").style.display = "none";
}
//]]>
</script>

تحميل الكود

يرجى الانتباه اثناء التركيب

يمكن الآن إضافة الرمز الآخير من خلال التخطيط
أو من خلال الدخول الى المظهر وفي المكان الذي تراه مناسب لعرض الزر في مدونتك شاهد الفيديو

او من هنا او من هنا

و ثم قم ببعض التعديلات على مكان الزر و ثم قم بالحفظ و مبروك عليك الأضافة

تحرير المقال