April 11th 2023

Apa Itu Linktree

Gini Triknya

Linktree adalah salah satu website / aplikasi penyediakan layanan untuk mengumpulkan semua link dalam satu tempat yang bisanya dipasang di bio sosial media.

Namun untuk kali ini kita tidak akan membahas cara mengunakan layanan tersebut, tapi kita bikin aja linktree sendiri mengunakan blogger. Namun untuk kali ini admin bakal kasih tutorial Cara Membuat Linktree mengunakan blogger, untuk caranya terbagi 2 :

1. Linktree mengunakan halaman bloger
2. Linktree Mengunakan Tema Blogger

ProduÃ§Ã£o de conteÃºdo para redes so…
9 phá»¥ kiá»‡n trang trÃ sinh nháºt…
Melissa Barrera Biography, Age, Heigh…
Come riconoscere i primi segni di dip…
The Miles Circuit: Promoting Optimal …

1. Cara Membuat Linktree Di Halaman Blogger

Untuk membuat linktree mengunakan halaman blogger caranya sangat mudah
1. Buat halaman baru di blogger kamu
2. Pastikan blog kamu sudah memiliki font awesome
3. Ubah ke edit html, dan masukan code dibawah ini

/* Linktree */
.linktreelogo {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 0;
flex-direction: column;
}

.linktreelogo img{
height: 75px;
}

.linktreelogo p{
font-size: 24px;
color:#5c5c5c;
font-weight: 600;
}

.linktreecontainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 10px;
}

.linktreecontainer .btn {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
border-radius: 5px;
padding: 5px;
margin-top: 15px;
font-size: 17px;
text-decoration: none;
color: #fff;
transition: 0.4s;
text-transform: capitalize;
background: #5993ff;
border: 2px solid #5993ff;
width: 90%;

}

.linktreecontainer .btn i {
margin-right: 10px;
font-size: 25px;
}

.linktreecontainer .btn:hover {
background: #fff;
font-weight: bold;
color: black;
font-size: 18px;
}
.linktreecontainer img{
height: 28px;
width : 28px;
margin-right: 15px;
}

[Link Logo Profil]" style="margin-left: auto; margin-right: auto;" width="150" />

Harun Alfala
https://youtube.com/@short_meme_tiktok" target="blank">

Youtube

https://www.ginitriknya.my.id/2023/03/join-grup-whatsapp-ramadhan-2023.html?m=1" target="blank">

Grups WA

https://www.instagram.com/harunalfala_" target="blank">

Instagram

https://facebook.com" target="blank">

Facebook

https://twitter.com/harunwoii?t=K9xIbGIxj19Esr5L1tB4AA&s=09" target="blank">

Twittter

https://t.me/harunwoii" target="blank">

Telegram

Copyright With By - harunwoii

4. Ganti [LINK SOSMED KAMU] dengan link sosial media kamu
5. Ganti Logo Linktree

Cara Ganti Logo Profil :
1. Buka halaman baru lagi
2. Post foto profil Linktree kamu
3. Klik Icon Link
4. Copy link foto tersebut
5. Tempelkan link foto di [Link Profil]

6. Publikasikan Postingan dan Lihat Hasilnya

2. Cara Membuat Linktree dengan ganti tema

1. Buat Blogger Seperti Biasa
2. Masuk Ke Menu Tema dan edit html
3. Hapus semua code tema
4. Ganti tema dengan code berikut

<head>

Gini Triknya

@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Dosis:wght@100&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@10&display=swap');body{background:linear-gradient(30deg,#e91e63,#00bcd4,#ffeb3b,#8a3ab9);background-size:450% 450%;animation:gradient 10s ease infinite;padding-top:30px}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.bg{background:#19191B;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(12.1px);-webkit-backdrop-filter:blur(12.1px)}
.profile-picture{display:block;margin-left:auto;margin-right:auto;height:auto;max-width:100px;border-radius:50%}
.profile-name{text-align:center;padding:10px;font-family:sans-serif;font-weight:700;color:#FEFFFE;font-size:20px}
.profile-about{text-align:center;padding:2px;font-family:Dosis,sans-serif;color:#FEFFFE;font-size:15px;letter-spacing:2px}
.links{text-align:center;margin-top:20px;margin-left:auto;margin-right:auto;padding:15px;border:.5px solid #fff;border-width:1px;display:block;border-radius:15px;font-family:sans-serif;position:relative;font-size:17px;width:680px;max-width:95%;transition:all .3s ease-in-out;background-color:rgba(255,255,255,0.0 );color:#fff}
.links-in{padding:5px;border:.5px solid #ffffff00;border-width:1px;width:30px;display:block;border-radius:40px;left:20px;position:absolute;font-size:20px}
.hover{text-decoration:none;color:#FEFFFE;transition:all .3s;background:#27262B;background-color:rgba(255,255,255,0.0 )}
.hover:hover{text-decoration:none;background-color:#fff;color:#000;border:solid #fff 0.5px;transition:all .2s;transform:scale(1.03)}
.bottom-text{text-decoration:none;text-align:center;margin-top:30px;margin-bottom:10px;font-size:12px;color:#FEFFFE;font-family:'Prodcut Sans','Product Sans',sans-serif}
.link-hide{text-decoration:none}
.link-hide:hover{text-decoration:none}
@media (max-width:548px){.profile-about{text-align:center;padding:2px;font-family:Dosis,sans-serif;color:#FEFFFE;font-size:15px;letter-spacing:1px}}
.links-footer{padding:4px;border:.5px solid #FEFFFE;border-width:1px;width:40px;display:inline-block;border-radius:30px;font-size:20px;text-align:center;margin:10px;margin-top:50px;color:#000;transition:color 1s;transition:all .3s;background:#FEFFFE}
.links-footer:hover{color:#000;background:#FEFFFE;transition:all .3s}
.space,.space2{padding-top:0}
.drag{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-user-drag:none}
#linksbutton{max-width:580px;width:auto;display:block;margin:27px auto}
#title{color:#fff;font-size:14px;font-weight:600;line-height:1.25;display:block;font-family:'Prodcut Sans','Product Sans',sans-serif;width:100%;margin-top:50px;text-align:center;text-decoration:none}
.gears{width:auto;text-align:center;margin:10px auto;width:680px;max-width:95%}
.gear{display:inline-block;background-color:rgba(255,255,255,0.0 );color:#fff;font-family:'Prodcut Sans','Product Sans',sans-serif;text-align:center;margin-bottom:10px;padding:12px;text-decoration:none;font-size:13px;font-weight:bold;transition:all .25s cubic-bezier(.08,.59,.29,.99);border:solid #fff 0.5px;border-radius:15px}
.gear:hover{text-decoration:none;background-color:#fff;color:#000;border:solid #fff 0.5px;transition:all .2s;transform:scale(1.03)}
-->

/****CSS CODE*****/
]]>

<!--

Gini Triknya

Websites about tutorials


Website
LinkedIn
GitHub
Twitter
IMDb
Play Store
Youtube
Facebook



Made with ❤️ By Gini Triknya | Build on Blogger


5. Ganti [url_is_here] dengan link sosial media kamu
6. Ganti Profil
Cara Ganti Logo Profil :
1. Buka halaman baru lagi
2. Post foto profil Linktree kamu
3. Klik Icon Link
4. Copy link foto tersebut
5. Tempelkan link foto di [Link Profil]
6. Simpan tema
7. silahkan cek dengan masuk ke beranda link blog kamu

Penutup
itulah 2 cara membuat linktree di halaman dan tema blogger, ikuti gini triknya untuk trik berikutnya