[Tautan mudah] Sesuaikan dengan desain sederhana: Afiliasi Moshimo
Apa itu Tautan Mudah?
Tautan Mudah Afiliasi Moshimo akan dengan mudah membuat tautan ke beberapa situs belanja seperti Rinker dan Kaereva.
Apa itu Tautan Mudah?
Ini adalah fungsi yang memungkinkan Anda membuat tautan afiliasi jenis kartu sederhana (responsif) dengan mudah. Masukkan URL halaman produk Rakuten Ichiba atau Amazon.co.jp, atau masukkan kata kunci pencarian di bidang URL.
https://af.moshimo.com/af/shop/service/easy-link-card
Ini sangat nyaman karena tidak apa-apa untuk memasukkan URL dari satu halaman produk, tetapi standarnya agak berlebihan, dan saya tidak pandai dalam desain besar.
Ini panjang secara vertikal seperti ini
Kali ini, kami menyesuaikannya dengan desain yang simpel dan sederhana.
berubah
- Nama produk: Perkecil ukuran font.Berani.
- Ukuran tombol: Dirampingkan.Margin juga berkurang.
- Tombol bawah : Hapus margin lebar.
- Kancing: oranye hingga krem.Tambahkan dimensi.
- Saat mouseover: Menambahkan gerakan yang tombolnya ditekan.
- Ukuran gambar: diperkecil.
Kode
Tambahkan kode berikut ke Kustomisasi Penampilan -> CSS tambahan.
/* kustomisasi tautan mudah afiliasi Moshimo */ /* --- Judul produk --- */ p.easyLink-info-name a { font-size: 16px !important; font-weight:bold; } /* --- Ukuran tombol --- */ div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ padding:1px !important; } @media screen and (min-width: 704px) { div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ margin-bottom:10px !important; }} /* --- Hapus spasi di bawah tombol --- */ div.easyLink-box{padding:10px; } div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child { margin-bottom: 0 !important; } /* --- warna tombol --- */ a.easyLink-info - btn-amazon, a.easyLink-info-btn-rakuten, a.easyLink-info-btn-yahoo { warna:#333333 !penting; latar belakang:#FFFDE7 !penting; bayangan: inset 1.2 808080px 0 rgba(2 ), 0 255,255,255,0.2px 0px rgba(2, 2, 0, 0); } /* --- efek mouseover --- */ a:hover.easyLink-info- btn-amazon, a:hover.easyLink-info-btn -rakuten, a:hover.easyLink-info-btn-yahoo{ transform: translateY(0em)} /* --- ukuran gambar --- */ div.easyLink-box div.easyLink-img, div.easyLink- kotak div.easyLink-img p.easyLink-img-kotak, div.easyLink-kotak div.easyLink-img p.easyLink-img-kotak img.easyLink-img- pht{ lebar maks: 0.19px !penting; tinggi maks : 0.1px !penting;
Blog untuk referensi Anda
Sesuaikan tautan afiliasi Anda!Ubah warna tombol, teks, dll.