วิธีการปรับแต่งเครื่องมือการจองกลุ่มของคุณ

เปลี่ยนสีของแท็กเมื่อเมาส์ชี้ไปที่มัน เปลี่ยนรหัสสี #008000 เป็นสีอื่นและเพิ่มรหัสใน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

<style>
.not_available i.fa-tag:hover {
  color: #008000;
  cursor: pointer;
}
</style>

เปลี่ยน #aaa เป็นรหัสสีที่ต้องการ เพิ่มรหัสต่อไปนี้ใน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

<style>
.not_available {background: #aaa}
</style>

ไปข้างหน้าและเปลี่ยนคำว่า 'เพิ่มข้อความที่นี่' เป็นคำที่ต้องการในรหัสต่อไปนี้และนำไปใช้ใน ส่วนเมต้าแท็กที่กำหนดเอง:

<style>
.price_box .not_available {
  font-size: 0;
}
.price_box .not_available:after {
  content: "เพิ่มข้อความที่นี่";
  font-size: 10px;
}
</style>

เพิ่มรหัสต่อไปนี้ในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ และเปลี่ยน #fff เป็นรหัสสีที่ต้องการ:

<style>
.sidebar_white_box button {
  background: #fff none repeat scroll 0 0;
}
</style>

เปลี่ยนสีของปุ่มเมื่อเมาส์ชี้ไปที่มัน ใช้รหัสใด ๆ แทนที่ #000 เพิ่มรหัสต่อไปนี้ในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

<style>
div.sidebar_white_box.form-group button:hover 
{ 
background: #000; 
}
</style>

เปลี่ยนสีฟอนต์เป็นสีอื่น เปลี่ยน #fff เป็นรหัสสีที่ต้องการ:

<style>
div.sidebar_white_box.form-group button 
{ 
color: #fff
}
</style>

1. เปิด Google Maps.
2. ค้นหาตำแหน่ง ที่พัก ของคุณ.
3. คลิก แชร์.

4. คลิก ฝังแม็ป.
5. คลิก คัดลอก HTML (นี่จะคัดลอกโค้ดทั้งหมด). โค้ดควรเริ่มต้นด้วย <iframe> และสิ้นสุดด้วย </iframe>.

ตัวอย่าง: โค้ด ที่เน้นด้วยสีแดง ด้านล่างคือภาษาของแม็ป ภาษาอังกฤษ (en). หากจำเป็น คุณสามารถเปลี่ยนเป็นภาษาอื่น ๆ (เช่น สเปน (es), โปรตุเกส (pt) เป็นต้น).

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7886.465207518082!2d115.1726561!3d-8.764173!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd244f35b8a5d05%3A0xd42d4da6a44aa938!2sJimbaran%20Beach!5e0!3m2!1sen!2sid!4v1596624024065!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

เพิ่มโค้ดต่อไปนี้ในส่วน เมต้าแท็กที่กำหนดเอง. แทนที่ "ใส่ URL Google Map ของคุณที่นี่" ด้วย URL Google Maps ของคุณจาก ขั้นตอนที่ 1.

<style> #map_canvas, #map_canvas_big {  display: none; } </style> <script type="text/javascript"> window.addEventListener("load", function(event) {   //เพิ่ม iframe ของ google maps   var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'ใส่ URL Google Map ของคุณที่นี่'); }, false); </script> <script type="text/javascript"> window.addEventListener("load", function(event) {   //เพิ่ม iframe ของ google maps   var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="ใส่ URL Google map ของคุณที่นี่" width="100%" height="274">'); }, false); </script>