Biasanya halaman statis digunakan oleh blogger untuk mengisi menu navigasi. Menu tersebut diantaranya adalah:
1. About: Memberikan penjelasan mengenai blog dan informasi mengenai admin dan penulis blog tersebut.
2.
Contact: Memberikan layanan kepada pengunjung untuk dapat menghubingi si pemilik blog.
3.
Sitemap: Indeks artikel dalam suatu blog.
4. Privacy Policy, Disclaimer, dan Terms of Service (TOS).
7.
Pasang Iklan dan lain-lain.
Ciri dari halaman statis adalah memiliki lambang 'p' yang berarti page. Untuk lebih jelasnya lihat contoh halaman statis berikut.
http://gangkutu.blogspot.com/p/sitemap.html
Halaman statis tidak akan pernah muncul di homepage blog. Jadi, adalah sebuah kesalahan namanya apabila anda membuat artikel dengan halaman ini.
Baca Juga:
Cara Mendapatkan Backlink Berkualitas dari Yahoo Answer
Selain ketujuh informasi tersebut (about, contact, sitemap, dll), anda juga bisa menggunakan halaman statis untuk menempatkan berbagai foto. Halaman tersebut, bisa anda fungsikan sebagai dokumentasi foto blog dan foto lainnya. Anda bisa memberikan nama halaman tersebut dengan judul galeri foto.
Kumpulan foto tersebut dapat anda jadikan untuk menarik perhatian pengunjung. Nilai-nilai estetika pada gambar tersebut akan memberikan nilai lebih kepada blog anda.
Membosankan rasanya apabila melihat tampilan gambar di blog yang hanya satu gambar saja. Maka dari itu, tidak ada salahnya untuk membuat halaman statis khusus gambar dan menyusunnya. Dengan menyusunnya sedemikian rupa, tampilan gambar menjadi lebih rapih dan bagus dipandang mata.
Tutorial berikut ini, akan membuat gambar yang disajikan berderet secara sejajar. Sehingga laman tersebut akan terlihat penuh tanpa ada ruang kosong didalamnya.
Baca Juga:
Mengatur Tampilan Blog Versi Mobile, Responsive atau Mobile Friendly, Mana yang Anda Pilih?
Cara Membuat Galeri Foto di Blog
1. Masuk ke akun blogger anda terlebih dahulu.
2. Pilih menu
Laman dan klik
Laman Baru, serta beri judul laman tersebut. Anda bisa menamainya dengan judul Galeri Foto, Kumpulan Foto, dan lain-lain.
3. Kemudian pilih mode
HTML dan masukkan kode dibawah ini.
<div class="snap_preview" style="text-align: center;">
<span style="color: black; font-size: large;">Galeri Foto di Blog Gangkutu</span></div>
<style type="text/css">
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
</div>
Ket:
Merah: Ganti judul tersebut sesuai kebutuhan anda
Biru: Masukan URL gambar anda
4. Untuk menambah koleksi gambar, silakan copy kode dibawah ini, dan letakkan tepat dibawah kode
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="IMAGE URL" target="_blank">
<img height="150" src="IMAGE URL" width="200" /></a>
</dt>
</dl>
5. Terakhir Simpan dan lihat hasilnya.
Laman ini sangat bagus diterapkan pada blog yang dengan niche rumah dan fotografi. Karena blog niche tersebut, memang menjadikan foto sebagai konten utamanya di blog.
Baca Juga:
http://gangkutu.blogspot.com/2017/06/share-artikel-otomatis-ke-fanspage.html
Mungkin itu saja untuk artikel kali ini, semoga dapat bermanfaat bagi tema-teman semua. Apabila anda punya pertanyaan menyangkut artikel ini, silakan bertanya lewat kolom komentar dibawah.
No comments