Cara Membuat Widget Bawah Footer Untuk Sitemap About Contact Privacy Disclaimer disertai Copyright dst

Jika anda melihat template-template blog premium atau gratisan hasil download yang keren, pada area footer biasanya akan kita dapati tampilan menu-menu yang biasanya terdiri dari laman sitemap, about, contact, privacy dan disclaimer. Sedangkan para pengguna template bawaan blogspot biasanya memasang menu-menu laman tersebut di bagian atas, atau di bawah header. Sebenarnya bisa saja dipasang di bagian bawah, tetapi tampilannya kurang menarik sehingga jarang yang memasangnya di area bawah. Ketersediaan menu-menu ini memang cukup penting, khususnya bagi mereka yang ingin mendaftarkan blognya pada adsense, sehingga baik dipasang di atas atau pun di bawah menu-menu ini harus ada. 

Footer laman about sitemap copyright


Pada template blog-blog premium, di bawah menu-menu laman pada bagian footer tersebut biasanya di bagian bawahnya lagi ada tulisan seperti Copyright dst All Right Reserved dst. Menilik pada template yang disediakan oleh blogspot, tulisan ini sebetulnya bisa kita atur pada widget atribusi (atribution). Namun tampilannya terbatas (pada versi mobile hanya muncul powered by blogger). Cara mengaturnya yaitu klik pada atribusi dan tambahkan kalimatnya. Lihat contoh berikut:

Cara setting atribusi

Pada tulisan kali ini, bagi para pengguna template standar blogspot, saya akan berbagi cara membuat tampilan untuk menu laman sitemap, about, contact, privacy dst di bawah footer disertai dengan atribusi buatan sendiri (Copyright All Right dst) di bagian bawahnya. Menu-menu dan tulisan pada atribusi yang akan kita buat ini juga nantinya bisa diatur sesuka hati dan bisa dirubah kapanpun anda mau (cukup dengan mengedit widget pada tataletak). Nah, untuk membuatnya, sebelumnya kita mesti melakukan edit html dan menambahkan beberapa kode untuk membuat perintah agar dapat membuat tampilan seperti itu. Contoh tampilan yang akan kita buat nantinya seperti berikut ini:

Laman about contact dst di bawah footer

Jika anda berniat memasangnya di blog anda, silahkan ikuti tutorial berikut ini. Dengan mengikuti tutorial ini saya harap anda juga sudah siap dengan laman-laman yang hendak dipasang (about, sitemap dsb), sehingga nantinya kita tinggal menambahkan linknya pada elemen yang akan dibuat. Berikut langkah-langkahnya.

1. Buka akun blogger anda

2. Pilih menu tema dan klik edit html

3. Langkah berikutnya yaitu hapus atribusi di blog anda. Kalau anda mau nanti kita bisa memasangnya kembali di tampilan yang hendak kita buat. 

Pada menu tataletak, atribusi ini biasanya tidak ada pilihan untuk hapus, sehingga cara menghapusnya yaitu terlebih dahulu kita masuk menu tema –> klik edit html dan cari kode </footer>. Setelah ketemu cari kode di atasnya yang seperti ini:

Ubah no yes
Ganti kode yang ditandai yaitu ‘no’ diganti menjadi ‘yes’ dan ‘true’ diganti menjadi ‘false’. Hasilnya seperti berikut ini:

Yes false

Kode yes untuk agar nantinya kita bisa memasang menu tampilan yang kita buat, sedangkan false agar atribusi bisa dihapus. Jika sudah silahkan simpan tema. 

4. Selanjutnya pilih menu layout (tataletak) dan hapus widget atribution seperti berikut ini: 

Hapus atribusi

5. Setelahnya kita siap untuk memasang menu yang hendak kita buat pada bagian footer letak atribusi yang dihapus tadi. Caranya yaitu klik tambahkan gadget kemudian pilih html/javascript. 

6. Kosongkan judul, pada kotak html letakkan kode berikut ini:


<div style=”border: 1px #002b00 solid; padding: 13px; background-color: #002200; text-align: center;”>
<div style=”margin-bottom:-11px;”>
<div style=’text-align: center; color: white;’> <a style=’color: #ffffbf;’ href=’https://santossalam.blogspot.com/xxxxxxxx.html‘>Sitemap</a> | <a style=’color: #ffffbf;’ href=’https://santossalam.blogspot.com/xxxxxxxx.html‘>About</a> | <a style=’color: #ffffbf;’ href=’https://santossalam.blogspot.com/xxxxxxxx.html‘>Contact</a> | <a style=’color: #ffffbf;’ href=’https://santossalam.blogspot.com/xxxxxxxx.html‘>Privacy</a> | <a style=’color: #ffffbf;’ href=’https://santossalam.blogspot.com/xxxxxxxx.html‘>Disclaimer</a></div> </div><br/></div>
<div style=”border: 0px #111111 solid; padding: 1px; background-color: #111111; text-align: center;”>
<center><p><span style=”color: white;”>Copyright © 2019</span> <a style=’color: #ffffbf;’ href=”https://santossalam.blogspot.com“>santossalam.blogspot.com</a>. <span style=”color: white;”>All Rights Reserved.</span> <span style=”color: white;”>Powered by</span> <a style=’color: #ffffbf;’ href=”https://www.blogger.com“>Blogger</a>.
</p></center></div>


Keterangan: 

Ganti link-link (tulisan warna merah) di atas dengan link menu laman blog anda. Pengaturan background atau color (warna) bisa anda ubah sesuai selera (bisa juga disetting warna-warni). Sedangkan untuk yang ditandai warna biru bisa anda ganti, rubah atau tambahkan sesuai keinginan anda.

7. Jika sudah silahkan klik simpan. 

8. Langkah terakhir yaitu menampilkannya pada tampilan mobile. Caranya yaitu pilih menu tema –> edit html dan tambahkan pengaturan mobile=’yes’ pada kode-kode (widget) yang dipasang tadi. Contohnya seperti ini:

Mobile yes

9. Klik simpan dan lihat hasilnya. 

Demikianlah Cara Membuat Widget Footer Untuk Sitemap About Contact Privacy Disclaimer disertai Copyright dst. Semoga bermanfaat.

Artikel Terkait