Berikut adalah contoh kode template Blogger untuk membuat landing page dengan gaya preview video:
<!DOCTYPE html>
<html>
<head>
<title>Landing Page Preview Video</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f1f1f1;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
margin-bottom: 20px;
}
.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cta-button {
display: block;
width: 200px;
margin: 0 auto;
padding: 10px 20px;
text-align: center;
color: #fff;
background-color: #007bff;
border-radius: 4px;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to Our Landing Page</h1>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</div>
<a href="#" class="cta-button">Learn More</a>
</div>
</body>
</html>
Dalam contoh ini, kami menggunakan HTML dan CSS untuk membuat tata letak dan gaya landing page. Di dalam elemen `.container`, kami menempatkan judul, sebuah container video dengan class `.video-container`, dan tombol call-to-action dengan class `.cta-button`.
Anda perlu mengganti `VIDEO_ID` dengan ID video YouTube yang ingin ditampilkan pada landing page. Anda juga dapat menyesuaikan tampilan dengan mengubah gaya CSS sesuai kebutuhan Anda.
Setelah Anda membuat template ini, Anda dapat mengintegrasikannya ke dalam Blogger dengan mengikuti langkah-langkah berikut:
1. Buka Blogger dan pilih blog yang ingin Anda gunakan.
2. Pilih "Theme" di menu sebelah kiri.
3. Klik "Edit HTML" untuk mengedit kode HTML template blog Anda.
4. Ganti kode HTML template blog Anda dengan kode template landing page yang baru Anda buat.
5. Simpan perubahan dan lihat hasilnya dengan mengunjungi blog Anda.
Sekarang Anda memiliki template Blogger untuk landing page dengan gaya preview video. Anda dapat menambahkan konten lain dan mengubah tampilan sesuai kebutuhan Anda.