By Ndo Andre At Thursday, March 14, 2024

Membuat Tombol Back To Top Menggunakan Font Awesome

By Ndo Andre At Thursday, March 14, 2024

Tombol Back To Top Menggunakan Font Awesome di Blogger. Hai sobat, pada kesempatan ini admin akan berbagi widget blog yaitu tombol back to top yang mungkin saja kamu tertarik ingin menggunakannya. Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang, pengunjung dapat dengan mudah kembali ke awal artikel tanpa harus scroll halaman.

Font awesome ini memberikan kemudahan dalam menggunakan icon pada website atau blog. Seperti font pada umumnya font awesome ini sangat mudah untuk di customize dengan berbagai style css seperti size, color, drop shadow dan lain sebagainya. Berikut ini admin akan bagikan tombol back to top menggunakan font awesome di Blogger.

Membuat Back To Top Menggunakan Font Awesome

Cara Memasang Tombol Back To di Blogger

1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML

Membuat Tombol Back To Top Menggunakan Font Awesome

Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/> <script src='https://raw.githack.com/Brando07/sepeser.com/main/to-top3.js' type='text/javascript'/> <div class='smoothscroll-top'> <span class='scroll-top-inner'> <i class='fa fa-2x fa-arrow-circle-up'/> </span> </div>

Jika di template kamu sudah menggunakan font awesome seperti kode warna merah di atas maka kode ini tidak perlu digunakan lagi.

3. Save Template

Sekian tips, trik, tuorial cara memasang tombol back to top menggunakan font awesome di blogspot Blogger. Semoga bermanfaat.

Ndo Andre at Thursday, March 14, 2024

By Ndo Andre At Wednesday, March 13, 2024

Cara Mengecek Blog Sudah Terbaca Terindex Google

By Ndo Andre At Wednesday, March 13, 2024

Tutorial Tips dan Trik: cara mengetahui web blog sudah terbaca terindex Google. Pada saat membuat blog atau website tentu saja salah satu hal yang penting bagi penulis blog umum adalah mengecek apakah blognya sudah terbaca terindex Google atau belum.

Jika blog sudah terindex Google, maka blog tersebut akan muncul di hasil pencarian. Namun blog yang sudah terindex tidak otomatis akan masuk ke ranking pertama. Blog terindex yang dimaksudkan di sini artinya blog tersebut sudah ada di pencarian Google.

Cek blog terindex Google

Cara Mengetahui Website atau Blog Terbaca Index Google

1. Di Browser kamu, buka halaman awal Google.

2. Pada kolom sebagai contoh isi dengan: site:alamat-blog

Contohnya kalau blog ini, site:sepeser.com Selanjutnya klik tombol enter dan lihat hasilnya

Cek Blog Terindex

3. Jika muncul nama dan alamat web blog kamu maka selamat blog kamu telah terindex Google.

Blog yang baru dibuat biasanya membutuhkan waktu yang cukup lama untuk membuatnya terindex Google dengan cepat, seperti mengisinya dengan artikel kemudian mendaftarkannya ke Google Search Console.

Ndo Andre at Wednesday, March 13, 2024

By Ndo Andre At Tuesday, March 12, 2024

Cara Mengganti Background Pada Tema Bawaan Blogger

By Ndo Andre At Tuesday, March 12, 2024

Mengganti Background dengan gambar pada Tema Bawaan Blogger. Template blog bisa juga disebut sebagai tema atau tampilan sebuah blog.

Berikut ini sepeser.com akan membagikan tutorial cara mengganti background blog dengan gambar pada tema bawaan atau tema default Blogger

Kamu bisa mengedit sendiri tema blog yang digunakan di blog kamu, namun hal itu tentunya juga harus ditunjang dengan memiliki pengetahuan yang cukup mengenai html.

Mengganti Background Default Tema Blog

Tema Blogger

Tema atau template di Blogger adalah desain dari halaman sebuah blog beserta seluruh elemen penataan yang tersusun secara sistematis. Hal ini yang membuat blog menjadi lebih enak dipandang dan memudahkan user untuk mencari informasi dalam blog tersebut.

Mungkin saja karena sudah bosan dengan tampilan latar belakang atau juga karna ingin agar tampilan template Blogger terlihat lebih keren maka kamu ingin mengganti tampilan background blog kamu. Berikut adalah caranya:

Cara Mengganti Background Default Tema Blogger

1. Di Blog Blogger 😀
2. Pilih Menu Template ➔ Pilih Sesuaikan ➔ Pilih Latar Belakang ➔ pilih Gambar Latar, pilih gambar background apa yang ingin kamu gunakan.

Cara Mengganti Background Default Template Blogger

Selain gambar bawaan ada juga pilihan unggah gambar, jadi kamu dapat mengupload gambar sesuai kinginanmu untuk dijadikan gambar latar belakang tema.

4. Jika sudah sesuai keinginan, pilih selesai dan klik terapkan ke Blog.

Sekian, selamat mencoba.

Ndo Andre at Tuesday, March 12, 2024

By Ndo Andre At Tuesday, March 12, 2024

Cobain Tombol Back To Top V2 ini di Blogmu Gan

By Ndo Andre At Tuesday, March 12, 2024

Tombol back to top V2 di Blogger. Hai sobat, pada kesempatan ini admin akan berbagi widget blog yang mungkin saja kamu tertarik ingin coba menggunakannya di blog kamu.

Cara membuat tombol back to top v2 ini sangatlah mudah pemasangannya. funsi tombol ini yaitu jika blog memposting artikel yang panjang sampai jauh ke bawah, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman atas pada awal artikel tanpa repot scroll ke atas.

Membuat Tombol Back To Top versi dua di Blog

Cara Memasang Tombol Back To Top V2 di Blogger

1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML

Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :

<script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);return false})});</script><style>#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:50px; right:32px;cursor:pointer;display:none;opacity:0.7;}#ScrollToTop:hover{opacity:1;}</style><div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9t6fJaCUE0oHTnd89Wpyd5DQ6r2HqqH4AilJmEAI20rcTWwRlcoVTWulgYxeHOJJcfdatLz1jbjHwjcxx-utyEhuVhM9s-32f3np4-KSXmFFbXhSQPVLQ2n6dXNrHMdROcE2fQrFqpLWIEUO7ms22HD_9D6pfk1jwbtd_XRc0VTO6UNgjtLO5zmDbIZY/s60/Back-to-Top-V2-Blog.png'/></div>

3. Save Template

Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang.

Ndo Andre at Tuesday, March 12, 2024

By Ndo Andre At Tuesday, March 12, 2024

Mudah! Mengetahui Artikel Postingan Telah Terindex Google atau Tidak

By Ndo Andre At Tuesday, March 12, 2024

Tutorial : Cara cek mengetahui artikel postingan telah terindex Google atau belum. Biasanya admin blog atau penulis artikel penasaran apakah artikel postingannya telah ada di pencaharian Google atau belum. Terdapat kepuasan tersendiri ketika artikel yang telah dipublikasikan bisa muncul di pencarian Google, apalagi ada pada peringkat yang bagus.

Artikel yang terpublis dan telah terindex Google akan membawa peluang visitor berkunjung ke blog kita. Namun tahukah kamu bagaimana cara mengecek artikel telah terindek Google atau belum? Daripada lama-lama berikut admin bagikan tips singkatnya.

Terindex Google

Cara Mengetahui Artikel Postingan Blog Terbaca Index Google

1. Di Browser kamu, buka halaman awal Google.

2. Pada kolom pencarian isi dengan: site:link artikel

Contohnya kalau blog ini, site:https://www.sepeser.com/2023/08/jquery-versi-terbaru.html Selanjutnya klik tombol enter dan lihat hasilnya:

Artikel berhasil terindex Google

Biasanya admin yang membuat blog baru merasa penasaran ketika artikel yang sudah dipublish tidak muncul di search engine Google. "Loh, kok artikel postingan saya tidak atau belum muncul di pencarian Google?" Hal itu wajar karena untuk blog baru robot Google masih berusaha memahami blog kamu.

Ndo Andre at Tuesday, March 12, 2024

By Ndo Andre At Monday, March 11, 2024

Cara Menyisipkan Link Aktif di Komentar pada Blog Orang Lain

By Ndo Andre At Monday, March 11, 2024

Menyisipkan Link Aktif di Komentar Blog Lain. Mungkin kamu berkomentar di blog lain dan ingin menyisipkan link untuk menambah backlink ke blog kamu tapi belum tahu caranya? kalau asal mempastekan link pastinya semuanya bisa, tapi bagaimana dengan link aktif?

Pada kesempatan ini sepeser.com akan berbagi tutorial bagaimana cara menyispkan link di komentar pada blog orang lain. Namun ingat, komentar yang baik adalah jika kamu memberikan komentar sesuai dengan topik postingan.

Link aktif juga bisa berdampak buruk buat blog apabila dilakukan dengan cara yang kurang tepat. Misalnya meninggalkan link aktif pada blog yang tema atau topik blog jauh berbeda dengan blog milikmu.

komentar menggunakan link

Link di Komentar di Blog

Menyisipkan komentar dengan link aktif biasanya bertujuan untuk menambah backlink terhadap blog yang dimiliki. Backlink itu merupakan sebuah link yang menempel pada situs website atau blog lain yang berfungsi menaikkan rank dan meningkatkan popularitas suatu website atau blog.

Biasanya pemilik blog memberikan aturan bagaimana cara berkomentar di blognya, beberapa tidak mengijinkan berkomentar menggunakan link aktif, beberapa juga harus memoderasi komentar.

Cara Menyisipkan Link Aktif di Kolom Komentar Blog

Saat memberikan komentar pada blog, contoh penulisannya adalah seperti ini:

Terimakasih atas informasinya. <a href="https://www.sepeser.com/">Tutorial Blog</a> ini sangat bermanfaat bagi saya.

Warna Biru adalah link tujuan

Warna Merah adalah Teks yang disisipi Link.

Contohnya:

contoh penulisan

Hasilnya :

link aktif di kolom komentar

Nah sekarang kamu sudah bisa membuat link aktif sendiri di blog orang lain. Sekian yang dapat dibagikan saat ini, semoga bermanfaat.

Ndo Andre at Monday, March 11, 2024

By Ndo Andre At Monday, March 11, 2024

Cara Membuat Tombol Back To Top V1 di Blogger

By Ndo Andre At Monday, March 11, 2024

Tombol back to top V1 di Blogger. Pada kesempatan ini admin sepeser.com akan berbagi tutorial blog tentang cara membuat tombol back to top. Ketika blog memposting artikel yang panjang, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman atas pada awal artikel tanpa perlu scroll ke atas.

Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang. Blog yang memuat banyak informasi pada halamannya, membuat pengunjung menggulir jauh ke bawah halaman.

Membuat Tombol Back To Top versi satu di Blog

Cara Memasang Tombol Back To Top V1 di Blogger

1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML

Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :

<script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);return false})});</script><style>#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:40px; right:30px;cursor:pointer;display:none;opacity:0.7;}#ScrollToTop:hover{opacity:1;}</style><div id='ScrollToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-Izmqq2QVcY8/UmMQyNKbhYI/AAAAAAAABcI/a28qtFC2uto/s1600/backtotop.png'/></div>

3. Save Template

Tombol back to top ini memberikan fungsi baik cara untuk melompat ke atas dengan mudah dan singkat, dari pada harus menggerakannya dengan mouse.

Ndo Andre at Monday, March 11, 2024

By Ndo Andre At Sunday, March 10, 2024

Replace Link Aktif dengan Kata-kata Peringatan di Komentar Blog

By Ndo Andre At Sunday, March 10, 2024

Tips trik tutorial: Cara Replace Link Aktif dengan Kata-kata Peringatan di kolom komentar Blog. Kadangkala kita menemukan dimana kolom komentar dipenuhi spam berupa komentar link aktif yang menuju ke situs tertentu.

Mungkin saja kamu tidak menginginkan komentar di blog kamu di sisipi spam berupa link aktif. Jika hanya terdapat satu atau dua saja link aktif tentu tidak masalah, kamu dapat menghapusnya satu persatu secara manual.

Tapi jika link aktif sudah terlalu banyak mungkin kamu akan kerepotan jika harus menghapusnya satu persatu maka kamu dapat menggunakan cara ini.

Replace Link Aktif

Replace Link Aktif di Komentar Blog

Tutorial ini tidak perlu jika kamu mengaktifkan moderasi di Blogger kamu, jadi nantinya kamu bisa memilih atau menyaring mana komentar yang pantas dan tidak pantas atau komentar yang sesuai topik atau tidak sesuai topik yang bisa kamu publikasikan di blog kamu.

Mungkin saja kamu orang yang tidak mau ribet tapi masih ingin menerima masukan atau komentar, atau mungkin kamu masih ingin ada interaksi berdiskusi antara kamu sebagai penulis dengan pengunjung, bisa mencoba cara ini.

Cara 1: Meletakan script di atas kode head

1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML

Edit HTML Template

2. Letakan kode di bawah ini di atas kode </head> :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js' type='text/javascript'/><script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Link aktif otomatis akan terhapus</span>"); }); </script>

Tulisan berwarna merah di atas bisa kamu ganti dengan kata-kata peringatan sesuai dengan keinginanmu

3. Save Tema

Cara 2: Memasukan script di atas kode body

1. Seperti langkah di atas tadi, di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML
2. Letakan kode di bawah ini di atas kode </body> :

<script type='text/javascript'> //<![CDATA[ function blockLinks(parentID, children) { var parent = document.getElementById(parentID), content = parent.getElementsByTagName(children); for (var i = 0; i < content.length; i++) { if (content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "<mark>NO LIVE LINK</mark>Maaf komentar Anda kami hapus!"; content[i].className = "spammer-detected"; } } } blockLinks('comment-holder', 'p'); //]]> </script>