|
Pada artikel sebelumnya kita sudah sempat berbagi template linktree ataupun tutorial cara membuat laman linktree di blogger menggunakan CSS dan HTML.
Diupdate artikel kali ini kita akan membagikan template Blinks, sebuah template blogger untuk menampilkan berbagai link mirip seperti linktree.
Jika sebelumnya kita perlu meletakan link secara manual, dengan tema ini kalian bisa dengan mudah menambahkan link melalui widget yang sudah disediakan.
Table of Contents
Fitur Blinks - Blogger Linktree Template
- 20+ Icon Media Social
- Fully responsive design
- Very easy to use
- Custom Profile
- Add Links in Widget
- Support Dropdown list
- Support Sticky profile
- Light and dark mode
Download Blinks Themes
Cara Instal Blinks Template
- Buka dasboard Blogger > TEMA
- Klik tombol segitiga bawah di sebelah "Kustom"
- Klik "Edit HTML"
- Ganti semua kode template tersebut dengan kode template blinks yang sudah di download
- Terakhir SIMPAN
Edit dan Tambah Tautan Sosial Media
- Buka halaman
Tata Letak - Pada bagian MAIN MENU klik widget Linktree
- Akan muncul menu pop up daftar link
- Klik edit dan ganti link sesuai akun media sosial kalian
- Jika sudah klik Simpan
Secara default daftar yang di sediakan di template ini adalah sosial media yang umum sering digunakan.
Untuk menambahkan tautan lain kalian bisa Klik "Tambah Tautan" dan masukan title serta link sosial media seperti cara di atas.
Berikut daftar yang mendukung ikon secara otomatis:
List Sosial Media
Agar icon tampil penulisan title/nama sosial media harus huruf kecil, meskipun beberapa tidak berpengaruh karena mendung berdasarkan link tautan.
Dropdown Menu
Untuk menambahkan dropdown menu, masukan {dropdown} pada bagian URL.
Lalu untuk menambahkan list menu dropdown pada bagian title tambahkan tanda garis bawah (_) diikuti dengan nama title
Contoh lihat gambar di bawah. Title "Marketplace" dengan URL {dropdown} merupakan menu utama yang akan menjadi dropdown. Lalu di bawahnya terdapat list menu dengan title yang ditulis dengan awalan tanda underline (_) "_Title".
Jika kalian ingin membuat submenu dropdown cukup tambahkan dua tanda underline __Title dan ganti bagian URL {dropdown}.
Edit Foto Profile dan Nama
- Masih di halaman
Tata Letak - Klik Icon Edit Widget Profile
- Akan muncul menu pop up
- Silakan edit seperti berikut:
- Kolom Judul: Masukan Nama
- Kolom Caption: Masukan Deskripsi
- Kolom Gambar: Upload foto profile yang akan digunakan
- Jika sudah klik Simpan
Add Linktree Alternatif
Terdapat widget alternatif atau menu kedua untuk menampilkan tambahan menu diserta judul dan deskripsi seperti di demo.
Kalian bisa mengaktifkannya atau menonaktifkan widget tersebut untuk menyembunyikan.
Custom Template
Beberapa perubahan yang bisa dilakukan untuk menyesuaikan template
Ubah Warna Default template dan Sosial Media
Buka menu TEMA > Klik SESUAIKAN > Lanjut
- Aksen: Mengganti Warna tema
- Social Color: Mengganti Warna dari setiap warna sosial media
Nonaktifkan Sticky Profile
Buka menu TEMA > Klik EDIT HTML
Cari kode berikut, dan ubah value="true" menjadi value="false".
<Variable name="g.stickyProfile" description="Enamble Sticky" type="string" value="true"/>
Sembunyikan Credit Footer
Cari kode berikut, dan ubah value="false" menjadi value="true".
<Variable name="g.hiddeFooter" description="Hidden Footer" type="string" value="false"/>
Thumbnail Share dan favicon
Buka menu TEMA > Klik EDIT HTML
Cari kode berikut, dan masukan link gambar thumbnail dan favicon pada value="".
<Variable name="d.favicon" description="HD favicon" type="string" value=""/>
<Variable name="d.ogImage" description="og:imagen" type="string" value=""/>
Penutup
Nah itu tadi Blinks - Blogger Linktree Template with Bootstrap yang bisa kalian gunakan. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan.
Disclaimer: - Do Not Remove My Footer Link - Do Not Sell Because It's Free - Do Modify Without Remove My Footer Link - It is allowed to hide the footer as per the documentation above.