U3F1ZWV6ZTgwNzczMjc0MDNfQWN0aXZhdGlvbjkxNTA0OTc4MjA3
recent
أخبار ساخنة

إضافة زر لعرض المدونة بملىء الشاشة لقوالب البلوجر




إضافة زر لعرض المدونة بملىء الشاشة لقوالب البلوجر


الاضافة جميلة جدا و مهمة تسعدك على جعل مدنتك بملىء شاشة الجهاز و هي تغنيك
عن زر ال 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>



تحميل الكود


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





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







الاسمبريد إلكترونيرسالة