Di artikel kali ini saya akan berbagi template linktree blogger gratis untuk menampilkan berbagai link promosi. Template linktree blogger ini di buat khusus untuk menampilkan berbagai jenis tautan sosial media dan link umum lainnya.
Untuk demo nya kalian bisa lihat thumbnail di atas atau klik tombol demo di bawah, untuk cara menggunakannya silakan lihat panduan di artikel ini.
Fitur Linktree Blogger Template
- Responsive
- 26 Icon Media Social
- Custom Profile
- Tambahkan tautan via Widget
Cara Instal Template
- Buka halaman tema
- Klik tombol segitiga bawah di sebelah "Kustom"
- Klik "Edit HTML"
- Ganti semua kode template sebelumnya dengan template yang sudah di download
- Simpan
Edit dan Tambah Tautan Sosial Media
- Buka halaman
Tata Letak - Klik Icon Edit Widget List Linktree
- Akan muncul menu pop up daftar link
- Klik edit dan ganti link sesuai akun media sosial kalian
- Jika sudah klik Simpan
Default Penulisan Judul utuk nama tautan: Instagram
Cusutom:
Instagram (@username)Update Template (21/06/23)
- Menambahkan Deskripsi
Untuk menambahkan deskripsi cukup gunakan tag <small> pada judul tautan. Contoh formatnya sebagai berikut
Nama sosial media/Link <small>Write a description here</small>Contoh:
Instagram <small>@inputekno | Follow me</small>Secara default daftar yang di sediakan di widget adalah sosial media yang umum sering digunakan.
Untuk menambahkan tautan lain kalian bisa Klik "Tambah Tautan" dan masukan nama serta link sosial media seperti cara di atas.
Berikut daftar yang mendukung ikon secara otomatis
- YouTube
- GitHub
- Telegram
- Website
- WiChat
- Dribble
- TikTok
- Line
- Medium
- Paypal
- SnapChat
- Spotify
- Signal
- Twitch
- Slack
- Quora
- Playstore
- Zoom
Edit Foto Profile dan Nama
- Masih di halaman
Tata Letak - Klik Icon Edit Widget bernama Profile
- Akan muncul menu pop up
- Silakan edit sesuai kolom gadget gambar tersebut
- Jika sudah klik Simpan
Tambah Ikon Sosial Media [opsional]
Jika kalian ingin menambahkan/mengganti ikon sosial media, silakan tambahkan CSS berikut ke dalam template:
.widget-content .card-body .icon.Instagram {
background: #3089AC
}
.widget-content .card-body .icon.Instagram:before {
content: '\F7F7';
color: #fff
}- Ganti kalimat Instagram dengan nama sosial media yang akan di tambahkan
- Ganti \F7F7 dengan kode ikon, silakan lihat dokumentasi icon bootstrap
- Untuk background dan warna ikon, silakan lihat referensi brand color palletes di internet, atau ubah sesuai selera warna.
Sembunyikan Credit Footer
Tambahkan CSS berikut di atas kode ]]></b:skin>
.buildCrd{display:none}Penutup
Nah itu tadi template linktree blogger gratis yang bisa kalian gunakan. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan.