 |
| Back to top |
Akan tetapi jika kalian hanya menginginkan sebuah tombol "back to top" tanpa "action" dan hanya membutuhkan panah menunjuk ke atas yang ketika di klik oleh pembaca akan mengembalikan konten ke awal baca, kalian bisa mencoba trik sederhana ini.Yang perlu kalian ketahui adalah disini:
Jika kita hanya membutuhkan kecepatan blog mobile klasik (non AMP) maka kita harus menyederhanakannya diantaranya melalui cara:Menyederhanakan template. Jika perlu tidak memasang gadget/widget berlebihan, mengurangi penggunaan javascript dan mengganti ikon ikon pihak ketiga dengan ikon ikon SVG alami ala bawaan blogger.
Cara penggunaannya mudah kalian bisa mengunjungi situs ikon SVG dan mengambil materialnya untuk di pasang di blog kalian melaui URL di bawah ini:
- Mengurangi penggunaan JavaScript, CSS Style
- Menghindari pemakaian link pemanggil pemasangan ikon.
Cara penggunaannya mudah kalian bisa mengunjungi situs ikon SVG dan mengambil materialnya untuk di pasang di blog kalian melaui URL di bawah ini:
https://materialdesignicons.com
Langkah pertama:
Untuk berjaga jaga backup terlebih dahulu template kalian.
Untuk empat template blogger terbaru seperti contempo, dan notable, terdapat untaian kode HTML sebagai berikut di dalam template (akses melalui edit HTML):<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section></aside>
<div style='clear:both;'/>
<b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'/>
Kalian bisa memasukan kode dibawah berikut tepat dibawah kode yang telah saya sorot (highlight) warna kuning:
<div class='menuku-wrap'>Atau kalian bisa meletakannya sebelum atau di atas kode:
<div class='menuku'>
<ul>
<ul>
<li><a href='https://www.editblogtema.net/p/contempo-re-desain-d-o-you-want-this.html' title='About'>About</a></li>
<li><a href='https://mail.google.com/mail/mu/#' title='Contact'>contact</a></li>
<li><a href='https://www.editblogtema.net/p/privacy-policy-for-editblogtema-if-you.html' title='Privacy'>Privacy</a></li>
</ul>
</ul>
</div></div>
<div class='editblog'><div class='editblogsocial-icons'> <ul> <li class='social-facebook'><a href='https://www.facebook.com/AnissaSufyan/' target='_blank' title='Facebook'>Facebook</a></li> <li class='social-twitter'><a href='https://twitter.com/sufyan331?s=09' target='_blank' title='Twitter'>Twitter</a></li> <li class='social-instagram'><a href='https://www.instagram.com/sufyan_yaan/?hl=en' target='_blank' title='Instagram'>Google+</a></li> <li class='social-pinterest'><a href='https://id.pinterest.com/sufyan_yaan/' target='_blank' title='Pinterest'>Pinterest</a></li> <li class='social-rss'><a href='https://www.google.com/bookmarks/' target='_blank' title='RSS'>RSS</a></li> <li class='social-youtube'><a href='https://www.youtube.com/user/Nayfus1' target='_blank' title='youtube'>youtube</a></li></ul>
<center><b:section id='bagiankaki1'/>Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.
Designed by: editblogtema
<h6><a href='#'><svg style='width:54px;height:54px' viewBox='0 0 24 24'>
<path d='M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z' fill='#FF0000'/>Back to top
</svg></a></h6></center>
</div>
</div></div>
<b:template-script async='true' name='indie'.....
Langkah kedua:
Letakan kode berikut sebelum kode </head>:<style>.editblog {
background-color:#ffffff;
width:100%;margin:0 auto;
height: auto%;
padding: 5px;
box-shadow: none;
z-index:99;
}
.editblogsocial-icons {
overflow: hidden;
text-align: center;
border-bottom: 1px solid rgb(133, 133, 133);
width: 230px;
display: block;
margin: 20px auto;
}
.editblogsocial-icons ul {
margin: 0px auto !important;
text-align: center;
padding: 0px !important;
display: inline-block;
}
.editblogsocial-icons ul li {
background: transparent none repeat scroll 0% 0% !important;
border: medium none !important;
float: left;
list-style-type: none !important;
padding: 0px !important;
margin: 0px 2px !important;
}
.editblogsocial-icons ul li::before,
.editblogsocial-icons ul li::after {
display: none !important;
}
.editblogsocial-icons ul li a, .editblogsocial-icons ul li a:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLT2di8Q7YyuU4uibaj8uNtaUs6HuKTrkfzM_qPhG9pqIw725nGgIku-jYkHu2T1Svh9oBDkBcO2DH_u1NZLZkjvBqppcXpxwSvcRyaOGM9nlZBGlvhpEov_E6qD5NAFCSj28jwlnwUhWY/s1600/pukihanim.png") no-repeat scroll 0 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
height: 34px;
overflow: hidden;
text-indent: -999px;
transition: all 0.25s linear 0s;
width: 34px;
}
.editblogsocial-icons ul li.social-facebook a {
background-position: -62px 1px;
}
.editblogsocial-icons ul li.social-facebook a:hover {
background-color: #3b5998;
display: red;
}
.editblogsocial-icons ul li.social-twitter a {
background-position: -254px 1px;
}
.editblogsocial-icons ul li.social-twitter a:hover {
background-color: #00aced;
}
.editblogsocial-icons ul li.social-instagram a {
background-position: 0px 0px;
}
.editblogsocial-icons ul li.social-instagram a:hover {
background-color: #FF1493;
}
.editblogsocial-icons ul li.social-pinterest a {
background-position: -160px 1px;
}
.editblogsocial-icons ul li.social-pinterest a:hover {
background-color: #cb2027;
}
.editblogsocial-icons ul li.social-rss a {
background-position: -190px 0px;
}
.editblogsocial-icons ul li.social-rss a:hover {
background-color: #F87E12;
}
.editblogsocial-icons ul li.social-youtube a {
background-position: -287px 1px;
}
.editblogsocial-icons ul li.social-youtube a:hover {
background-color: #7FFF00;
}
body {margin:0;font-family:'Mansalva', cursive;}
Janga lupa save template.
www.editblogtema.net