Penyanyi : Cara Memasang Back to Top di Blog
Judul lagu : Cara Memasang Back to Top di Blog
Cara Memasang Back to Top di Blog
Artikel Acssesories,Pemasangan dan penggunaan "back to top" sangat mudah sekali. Sebelum itu, ada baiknya sobat mengetahui 2 jenis "back to top". Dari semua jenis navigasi "back to top" yang akan di tampilkan, saya coba mulai dengan yang paling susah. Sobat harus tau 2 hal. Pertama, sobat harus tau kode html untuk gambar yang memiliki link. Mudahnya, kita perlu menempatkan kode html gambar sebagai isi dari tag a yang biasa diisi oleh teks atau tulisan. Contohnya seperti ini.
<a href="http://kupas-ampas.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2u93cOowQJN9Q_MdJ8yZxoxKfeeXfP42aDjOzHF1JHDfPqFsEW8hssWe8bpBaOuIv75JS6cHcxUq22xPKiy6rE-yxX31RG3Rs2oVi6DZGeqi3Swh7SLHa8YQ27JQigoiTaaODS_8SLmo/s1600/header.png"></a>Hal kedua yang sobat harus tau juga adalah bagian mana yang nantinya akan ter-scroll sendirinya. 2 bagian akan saya coba bahas yaitu #main-wrapper dan # sebagai hrefnya. Jika sobat meletakkan #main-wrapper sebagai hrefnya, maka scroll akan berhenti tepat sedikit di atas judul posting. Tapi jika sobat menggunakan hanya "#", maka scroll akan berhenti tepat seperti saat sobat membuka website tersebut pertamakali dan belum di-scroll sedikitpun.
Masih ada satu pilihan lagi buat sobat, yaitu menggunakan tulisan. Penggunaan tulisan (bukan gambar) sebagai anchor link menjadikan blog lebih seo dan cepat ketimbang sobat menggunakan gambar. Namun, jika sobat tetap ingin menggunakan gambar, pastikan ukuran gambar tidak mempengaruhi loading blog secara signifikan.
#1 "Back to top" Gambar Bagian Tertentu.
2 hal yang harus diperlukan, yaitu gambar dan bagian yang nantinya akan jadi sasaran. Sobat hanya perlu membuat gambar yang berlink kepada bagian tertentu yang sudah di pilih. Kode htmlnya seperti di bawah ini.
<a href="bagian sasaran"><img src="url gambar"></a>Contoh bagian sasaran adalah #main-wrapper. Tapi nama nama ini relatif sifatnya. Tergantung pembuat template sobat.
#2 "Back to top" Gambar non-bagian.
Jenis ke-2 ini mungkin agak terdengar sedikit aneh. Namun jenis inilah yang menurut saya paling banyak dipakai. Hampir di setiap blog. Kode htmlnya seperti ini.
<a href="#"><img src="url gambar"></a>Pastikan "#" sebagai tujuannya. Ini dimaksudkan agar nanti "back to top" bisa bekerja.
#3 "Back to top" Tulisan bagian tertentu.
Kode html untuk jenis ini hampir sama dengan jenis no 1. Perbedaanya hanya penggunaan tulisan, bukan gambar. Agar lebih pas, sobat sebaiknya menggunakan tanda arah panah ke atas.
<a href="bagian sasaran">Back to top ↑</a>#4 "Back to top" non-bagian.
Sobat pasti udah ngerti, kan? Berikut kode htmlnya..
<a href="#">Back to top ↑</a>Tulisan berwarna biru silahkan diganti berdasarkan keperluan dan kebutuhan masing masing.
Berdasarkan penelitian saya, jenis ke 3 dan ke 4 lah yang paling SEO karena loading blog bisa tetap terjaga. Selain itu, gambar yang terlalu banyak tidak bagus untuk sebuah web. Jenis ke 3 dan 4 sebaiknya di pasang di bagian credit atau di tempat yang mudah dijangkau. "Back to top" sangatlah penting. Sobat harus bisa menggunakannya dengan kreatifitas. Kedepannya, saya akan coba dengan "Back to top" v2 yaitu dengan melayang. Insya Allah..
Demikianlah Artikel Cara Memasang Back to Top di Blog
Sekian Tutorial Blog dan Seo Cara Memasang Back to Top di Blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan Tutorial Blog dan Seo kali ini.
0 Response to "Cara Memasang Back to Top di Blog"
Posting Komentar