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

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




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



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



تحميل الكود


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





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







وفي الختام !

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

معلومات عن الكاتب

HalaTeck
صاحب مدونة هلا تك التي تهتم بكل ما هو جديد على منصة بلوجر من أضافات و قوالب و شروحاتهم

إرسال تعليق

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

مواضيــع مهمــة

أنضم لمدونة هلا تك
تم النسخ