Blinks - Blogger Linktree Template With Bootstrap Free!

Blinks - Blogger Linktree Template

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.

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

Change Log : Blink [v3.0.0]

Download Blinks Themes

blinks - Blogger Linktree Template.zip 30KB

Cara Instal Blinks Template

  1. Buka dasboard Blogger > TEMA
  2. Klik tombol segitiga bawah di sebelah "Kustom"
  3. Klik "Edit HTML"
  4. Ganti semua kode template tersebut dengan kode template blinks yang sudah di download
  5. Terakhir SIMPAN

Edit dan Tambah Tautan Sosial Media

  1. Buka halaman Tata Letak
  2. Pada bagian MAIN MENU klik widget Linktree
  3. Akan muncul menu pop up daftar link
  4. Klik edit dan ganti link sesuai akun media sosial kalian
  5. 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:

  • Facebook
  • Twitter
  • Instagram
  • YouTube
  • GitHub
  • Threads
  • Telegram
  • WiChat
  • Linkedin
  • Dribble
  • TikTok
  • Medium
  • Paypal
  • Pinterest
  • Spotify
  • Signal
  • Twitch
  • Reddit
  • Playstore
  • Email
  • Zoom
  • Slack
  • Quora
  • Marketplace
  • Apple

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".

Blinks - Blogger Linktree Template

Jika kalian ingin membuat submenu dropdown cukup tambahkan dua tanda underline __Title dan ganti bagian URL {dropdown}.

Edit Foto Profile dan Nama

Blinks - Blogger Linktree Template
  1. Masih di halaman Tata Letak
  2. Klik Icon Edit Widget Profile
  3. Akan muncul menu pop up
  4. Silakan edit sesuai kolom yang tersedia
  5. Jika sudah klik Simpan

Add Linktree Alternatif

Blinks - Blogger Linktree Template

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
Blinks - Blogger Linktree Template

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.

Anda mungkin menyukai postingan ini
0 comments