Showing posts with label Widget. Show all posts

Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 Di Blog

Cara Memasang Widget Klasemen Sepakbola Liga Inggris  Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog
Berikut ini Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog.

Kita dapat memasang widget liga sepkbola ini di sidebar, postingan (post), atau halaman statis (page). Lihat Demonya yang saya pasang di postingan.

Kode widget Klasemen Sepakbola Liga Primer Inggris, Liga 1, La Liga, Serie A, Bundesliga, dan liga-liga lainnya tersedia di laman FC Tables.

Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog

1. Buka laman FC Tables. Klik link FC Tables di atas. Scroll ke bawah.
2. Pilih Bahasa, Negara, dan Nama Liga
3. Lakukan Setting
4. Copy kodenya
5. Klik Layout > Add a Gadget > pilih HTML/JavaScript
6. Paste aba-aba tadi.

Untuk memasangnya di halaman statis (page) atau di postingan, copas kodenya di mode HTML.

Berikut ini pola Widget Klasemen Sepakbola Liga Inggris & Liga 1 2018. Update otimatis setiap saat. Sumbernya di FC Tables tadi.

Klasemen Liga Inggris 2018-2019



Klasemen Gojek Liga 1 2018



Itu dia Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog. Wasalam. (blogromeltea.blogspot.com).*

Cara Memasang Back To Top Dengan Gampang Tanpa Edit Template

Cara Memasang Back to Top dengan Praktis Tanpa Edit Template Cara Memasang Back to Top dengan Praktis Tanpa Edit Template
Cara Memasang Back to Top dengan Praktis Tanpa Edit Template.

BACK to Top Button atau Tombol Kembali ke Atas menjadi trending desain website, termasuk template blog.

Tombol atau widget Back to Top ini muncul di bab kanan bawah ketika halaman blog discroll ke bawah.

Pengguna tinggal klik atau tap tombol Back to Top, maka halaman akan kembali bab atas.

Banyak sekali cara membuat, menampilkan, atau memasang Back to Top di blog. Salah satunya di bawah ini.

Demonya ada di blog ini.

Cara Memasang Back to Top

1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Judul kosongkan
3. Copas instruksi berikut ini:

<style>
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
</style>
<button onclick="topFunction()" id="myBtn" title="Cara Memasang Back to Top dengan Praktis Tanpa Edit Template">Top</button>

<script>
// When the user scrolls down 30px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 20) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}
</script>

4. Beres!

Itu dia Cara Memasang Back to Top dengan Praktis Tanpa Edit Template.*

Sumber