Posts

Showing posts from September, 2026

Menambahkan Gambar dan Link Tiny Ver

 <a class="linktree-item" href="GANTI_DENGAN_URL_TUJUAN" target="_blank" rel="noopener">   <img class="linktree-item-img" src="GANTI_DENGAN_URL_GAMBAR.png" alt="Judul link"/>   <span class="linktree-item-text">     <span class="linktree-item-title">Judul Link</span>     <span class="linktree-item-desc">Deskripsi singkat tentang link ini.</span>   </span> </a> <style> .linktree-item{   display: flex;   align-items: center;   gap: 14px;   width: 100%;   padding: 12px 16px;   background: var(--link-bg);   border: 1px solid var(--link-border);   border-radius: 14px;   box-shadow: var(--shadow);   text-decoration: none !important;   transition: transform 0.12s ease, background 0.15s ease; } .linktree-item:hover{   background: var(--link-hover);   transform: translateY(-2px); } .linktree-item-img{   width: 48px;   height...

Menambahkan Link Bergambar

Image
 <a class="linktree-featured" href="GANTI_DENGAN_URL_TUJUAN" target="_blank" rel="noopener">   <div class="linktree-featured-img" style="background-image:url('GANTI_DENGAN_URL_GAMBAR.jpg');"></div>   <div class="linktree-featured-body">     <div class="linktree-featured-text">       <span class="linktree-featured-title">Produk / Konten Unggulan</span>       <span class="linktree-featured-desc">Gunakan format ini untuk produk, ebook, campaign, poster, atau konten yang ingin ditonjolkan.</span>     </div>     <svg class="linktree-featured-arrow" viewBox="0 0 24 24" width="18" height="18">       <path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/...