Cara Merubah Icon Back To Top Pada Template Viomagz

Cara Merubah Icon Back To Top Pada Template Viomagz


Cara Merubah Icon Back To Top Pada Template Viomagz - Hallo temen - temen kesempatan kali ini saya akan membuat sebuah tutorial yang sangat simpel yaitu seperti judul artikel ini yaitu Cara Merubah Icon Back To Top baiklah langsung saja ke tutorial nya

Cara Merubah Icon Back To Top 

1. Silahkan sahabat masuk ke blogger
2. Klik "Tema" dan " Edit HTML"
3. Silahkan cari kode dibawah ini kemudian hapus

/* Back to top */
#back-to-top {
background: #1B699D;
color: #ffffff;
padding: 6px 8px;
font-size:24px;
border-radius: 22px;
}
.back-to-top {
position: fixed !important;
position: absolute;
bottom: 25px;
right: 20px;
z-index: 998;
}
.back-to-top svg {
width:24px;
height:24px;
vertical-align: middle;
margin-top: -5px;
}
.back-to-top svg path {
fill: #ffffff;
}

4. Kemudian ganti dengan kode dibawah ini
/* Back to top */
#back-to-top{background:rgba(0,0,0,.4);
color:#ffffff;
padding:16px 18px;
font-size:12px;
border-radius:24px}.back-to-top{position:fixed!important;
position:absolute;
bottom:23px;right:18px;z-index:998}.back-to-top svg{width:12px;height:12px;vertical-align:middle}.back-to-top svg path{fill:#ffffff}

5. Kemudian cari kode dibawah ini dan hapus
<div class='back-to-top'>
<a aria-label='back to top' href='#' id='back-to-top' title='back to top'>
<svg viewBox='0 0 24 24'>
<path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'></path>
</svg>
</a>
</div>

6. Kemudian ganti dengan kode dibawah ini
<div class='back-to-top'>
<a aria-label='back to top' href='#' id='back-to-top' title='back to top'>
<svg viewBox='0 0 24 24'>
<path d='M1,21H23L12,2'></path>
</svg>
</a>
</div>

Penutup

Demikianlah tutorial yang bisa saya buat pada kesempatan kali ini semoga bermanfaat, jika ada pertanyaan silahkan tinggalkan komentar dibawah ini trimakasih

Anda mungkin menyukai postingan ini