إضافة زر لعرض المدونة بملىء الشاشة لقوالب البلوجر
الاضافة جميلة جدا و مهمة تسعدك على جعل مدنتك بملىء شاشة الجهاز و هي تغنيك
عن زر ال 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>
تحميل الكود
يرجى الانتباه اثناء التركيب
يمكن الآن إضافة الرمز الآخير من خلال التخطيطأو من خلال الدخول الى المظهر وفي المكان الذي تراه مناسب لعرض الزر في مدونتك شاهد الفيديو
و ثم قم ببعض التعديلات على مكان الزر و ثم قم بالحفظ و مبروك عليك الأضافة