Advertise here

Begini Cara Redirect Postingan Terhapus ke Link Baru di Blog Kamu

Tips dan Trik : Tutorial cara redirect artikel postingan blog yang terhapus atau dihapus ke halaman link baru yang kamu inginkan. Redirect atau pengalihan adalah proses meneruskan halaman lama ke halaman baru. 

Ini sering dilakukan agar pengunjung yang masuk ke halaman error tidak ditemukan dialihkan ke halaman yang masih relevan atau halaman perbaikan agar tidak kehilangan trafik karena membuat pengunjung kecewa. Disini kamu meredirect halaman tidak ditemukan ke halaman yang kamu inginkan tapi masih dalam blog kamu sendiri.

Cara Redirect Postingan Terhapus ke Link Baru
sepeser.com


Cara Redirect Artikel Blog Terhapus Ke Halaman Lain di Blogger


1. Masuk ke Blogger dan pilih blog kamu.
2. Pilih menu Tema / Theme ➔ Klik disamping SesuaikanEdit HTML

Edit HTML template Blogger update tampilan 2024
Edit HTML

3. Letakan kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/p/widgets-blog.html&quot;
}, 0);
</script>
</b:if>
Ganti link warna biru di atas dengan link tujuan baru yang kamu ingini pengganti link yang telah terhapus ini.

4. Save Template.

Pengalihan ke halaman lain bertujuan membuat pengunjung tetap bertahan di situs web, pengalihan dari halaman di hapus biasanya ke halaman utama atau halaman kontak, tetapi kamu juga bisa mengaturnya ke halaman lain tapi masih relevan.

Cara Menjadwalkan Postingan Kapan Ingin diPublikasikan

Tips dan Trik Blog Blogger: Tutorial bagaimana cara menjadwalkan postingan artikel blog kapan ingin di publikasikan atau diposting.

Ada beberapa alasan penulis blog ingin menjadwalkan kapan artikel diposting atau dipublikasikan, salah satu alasanya agar blog terus terlihat aktif memberikan postingan baru kepada pengunjung setia ataupun pengikut yang telah setia mengikuti blog miliknya.

Cara jadwal publish post di Blogger
Publish post


Cara Menjadwalkan Artikel Kapan Ingin diPublikasikan di Blogger


1. Di Blog kamu di Blogger
2. Saat selesai menulis artikel atur jadwal kapan tanggal dan waktu ingin publikasikan artikelmu:

Cara Jadwal postingan Blog di Blogspot Blogger
Jadwal posting

Cara Jadwal postingan Blog di Blogspot Blogger
Jadwal posting


3. Setelah selesai tinggal klik "publikasikan"

Ini bisa kamu ubah kapan saja, kembalikan saja ke mode "Draft" jika kamu ingin mengubah waktu ataupun tanggalnya.

Cara ini sebenarnya mudah saja diketahui, karena disaat kamu membuat artikel menggunakan komputer atau laptop disebelah kanan sudah ada pilihan kapan tanggal yang kamu ingini artikelmu dipublikasikan.

Mengganti Background Blog dengan Gambar pada Custom Template

Mengganti Background dengan gambar pada Custom Template. Berikut ini admin akan berbagi bagaimana cara mengganti background template blog kamu dengan gambar yang kamu inginkan.

Mungkin saja kamu ingin mengganti background template blog kamu dengan gambar yang kamu inginkan agar cocok atau sesuai dengan tema atau topik di blog kamu.

Misalnya blog kamu isinya anime, biar lebih gress kamu ingin mengganti background dengan gambar anime, maka kamu bisa menggunakan cara yang admin bagikan di bawah ini.

Cara Mengganti Background Template Blog
Mengganti Background Template Blog

Background Blog


Background blog adalah tampilan latar belakang dari sebuah blog yang berbeda pada setiap template yang dipakai dan biasanya secara default hanya berupa warna saja tapi bisa kamu ganti menjadi gambar sesuai keinginanmu. 

Mengganti background blog juga dapat membuat tampilan blog menjadi lebih menarik. Bagi penulis blog Blog yang bosan dengan tampilan background blognya dan ingin mengubahnya dengan gambar yang keren bisa mengikuti langkah berikut ini.

Mengganti Background dengan Gambar di Template Blogger


1. Di Blogger, pilih blog kamu
2. Pilih menu Tema ðŸ‘‰ Edit HTML

edit Html template Blogger update terbaru 2023
edit html

3. Letakan kode di bawah ini di atas kode </body>:
body{background:url(https://3.bp.blogspot.com/-kztZsQ3tYA0/XHXEgKrD6lI/AAAAAAAAC68/9qMXQyIB8BwIDB7IiMc-bPFUp9IkITORwCKgBGAs/w0/anime-girl-sky-clouds-sunrise-scenery-4K-67.jpg)}
Ganti kode link berwarna biru di atas dengan link gambar background yang kamu inginkan, bisa kamu ambil di penelusuran Google atau upload sendiri di blog kamu dan copy saja linknya.

4. Save template.

Sekian, selamat mencoba.

Pakai Script Ini Link Error 404 Jadi Auto Redirect ke Homepage

Tips dan Trik: cara membuat halaman terhapus tidak di temukan error 404 di redirect otomatis ke Homepage Blog Blogger.

Tutorial ini berguna mengalihkan otomatis link yang terhapus tapi sebelumnya telah terindex Google dan masih ada di penelusuran Google, jika nantinya link terhapus yang telah terindex ini di klik pengunjung maka akan dialihkan (redirect) otomatis ke beranda homepage blog. Langsung saja berikut adalah cara membuatnya.

redirect ke Homepage
redirect ke homepage


Cara Membuat Halaman Terhapus Teralihkan ke Homepage Blog di Blogger


1. Masuk ke Blogger dan pilih blog kamu.
2. Pilih menu Tema / Theme ➔ klik di samping sesuaikan kemudian pilih ➔ Edit HTML

Edit HTML
Edit HTML

3. Letakan kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div style='text-align: center;'>
<div class='separator' style='clear: both; text-align: center;'>
<img src='https://lh4.googleusercontent.com/-qqEpMJ9PeoI/U7nQO-rfprI/AAAAAAAAEDU/YvXcmUbolGc/w128-h40-no/Loading10.GIF'/></div>
<br/></div>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 0);
</script>
</b:if>
4. Save template
5. Untuk mengujinya coba saja dengan link yang tidak ada dan mengarah ke blog kamu.

Seiring berjalannya waktu url yang di hapus ini dan sudah terindex Google akan hilang dari penelusuran, namun kadang link ini telah tertaut ada dihalaman website atau blog diluar pengetahuanmu, maka kamu bisa coba mengalihkannya ke halaman sejenis yang masih berhubungan atau ke homepage blog kamu.

Tag Kondisional Versi Mobile Ini Pisahkan Versi Hp dan Desktop

Tips Trik Tutorial: Tag Kondisional Versi Mobile. Beberapa pemilik blog saat mengedit template miliknya ingin memisahkan salah satu fungsi kode script atau widget, yaitu ingin tampil hanya di versi mobile saja atau sebaliknya hanya tampil di versi desktop dan tidak tampil di versi mobile.

Tag kondisional adalah tag yang digunakan untuk mengatur suatu script /widget ditampilkan di suatu halaman spesifik atau tidak. Ada banyak macam tag kondisional, namun pada kesempatan ini admin hanya spesifik menjelaskan pada tag kondisional tampilan dekstop dan mobile. 

Tag Kondisional Versi Mobile
sepeser.com


Tag Kondisional Hanya Tampil di versi Mobile

Tag kondisional berikut ini untuk mengatur agar script atau widget hanya tampil pada tampilan versi mobile dan tidak tampil di versi mobile dapat menggunakan tag kondisional berikut :

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Masukkan script atau kodemu disini -->
</b:if>

Tag Kondisional Hanya Tampil di versi Dekstop

Tag kondisional berikut ini untuk mengatur agar script atau widget hanya tampil pada tampilan versi dektop dan tidak tampil di versi mobile dapat menggunakan tag kondisional berikut :

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- Masukkan script atau kodemu disini -->
</b:if>

Tag Kondisional Tampil di Mobile Selanjutnya Tampil di Dekstop

Tag kondisional berikut ini dengan tag pengecualian dimana kamu ingin menampilkan 2 script dengan pengecualian script pertama hanya tampil di mobile dan script kedua hanya tampil di desktop. Tag kondisionalnya adalah sebagai berikut :

<b:if cond='data:blog.isMobileRequest == &quot;True&quot;'>
<!-- Masukkan Script yang Hanya Tampil di Mobile disini -->
<b:else/>
<!-- Masukkan Script yang Hanya Tampil di Dekstop disini -->
</b:if>

Seperti yang sudah dijelaskan di atas, dengan menggunakan tag kondisional ini maka kamu dapat mengatur tampilan script dan widget tersebut agar terpisah antara mobile atau dekstop.

Mudah! Membuat Tombol Back To Top V3 n V4 di Blogger

Tombol back to top V3 & V4 di Blogger. Setelah pada postingan sebelumnya admin telah berbagi tombol back to top menggunakan font awesome. Kesempatan ini admin akan berbagi tips trik cara memasang tombol back to top v3 dan v4 di Blogger.

Funsi tombol ini yaitu jika blog memposting artikel yang panjang sampai jauh ke bawah, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman awal artikel tanpa repot scroll ke atas. Cara memasang tombol back to top ini sangatlah mudah, berikut tutorianya.

Membuat Tombol Back To Top versi dua di Blog
Back to top V3 V4


Cara Memasang Tombol Back To Top di Blogger


1. Di Blogger ðŸ‘‰ Tema ðŸ‘‰ Klik di samping Sesuaikan ðŸ‘‰ Edit HTML

Membuat Tombol Back to top V3 V4
Edit HTML Template

Pilih salah satu kode di bawah ini:

Back To Top V3

2. Letakan kode di bawah ini di atas kode </body> :
  <script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#ScrollToTop&#39;).fadeIn()}else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).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/AVvXsEg0oKX3Exqm_MHeiyCF6Zzzd7ckTnVWWWlrG31YslQIZO4Y8B7EIvXRRQ2FCrp_5D_x3rDmiv1cLcURynQKpRuGcpnUB_CT-S75FHsHSxGSP06hIi64nr-aXS0VVySOWP7fYqBTq7wm5mfRN9pshyphenhyphenUfbrJTWKGDUjTuKVWg7OK0uADSBrK2k9Hw_3KBdx8/s60/To-Top-Button-v3.png'/></div>
3. Save Template

Back To Top V4

2. Letakan kode di bawah ini di atas kode </body> :
  <script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#ScrollToTop&#39;).fadeIn()}else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).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/AVvXsEi1c6iA8P1ljYrcroFGQ8ilyJQeymP4D6XP5OUzINT6ZeOA3fCx_iVHpFyS_U1S0FNg814lJEtyD64j9ZWXhWkOy5nLCt1f9zBt8YnBYCOtf3q_Hd0feXLotnqQSylmbKF0gH_JtZ-jr1Wl5_TCWgUP776M6kMrgHkwteAshcH2wF9umpbbCH2WP4dtY5w/s80/To-Top-Button-v4.png'/></div>
3. Save Template

Untuk versi yang lain, kamu dapat melihat postingan sebelumnya. Sekian widget Blogger yang dapat dibagikan saat ini, semoga bermanfaat.

Cara Mengganti Background Blog dengan Warna Sesuai Keinginan

Cara Mengganti Background Blog dengan Warna. Apakah kamu bosan dengan warna background blog kamu dan ingin menggantinya dengan warna yang kamu inginkan?

Menghias blog agar tampak menarik dilihat pengunjung sebenarnya tidak sulit, ketika tema blog kamu terlihat menarik membuat pengunjung nyaman dan ingin berlama-lama dan bahkan beberapa ingin kembali lagi ke blog kamu.

Apalagi jika dilengkapi dengan navigasi yang mudah, kelengkapan deskripsi pada postingan, dan penyajian share link yang mudah, pastinya pengunjung ingin kembali lagi ke blog atau website kamu.

Cara Mengganti Background Template Blog
Mengganti Warna Background Blog

Background Blog


Warna background merupakan warna yang disusun demi menciptakan efek latar belakang yang sesuai dengan tema atau topik suatu blog.

Background menjadi salah satu hal yang perlu diperhatikan agar blog yang kamu ciptakan mempunyai tampilan yang  menarik.  

Terdapat banyak cara yang bisa kamu lakukan untuk menambahkan background pada blog, salah satunya adalah dengan penambahan warna, sehingga mendapat tampilan visual yang lebih menarik dan elegan.

Cara Mengganti Background Blog dengan Warna


1. Di Blogger, pilih blog kamu
2. Pilih menu Tema ðŸ‘‰ Edit HTML

edit Html template Blogger update terbaru 2024
edit html

3. Letakan kode di bawah ini di atas kode </body>:
4. Jika sudah ketemu tambahkan kode di bawah ini:
body { background:#ddd;}
Kode berwarna biru di atas adalah kode warna Html, kamu bisa mengganti kode warnanya sesuai keinginanmu misalnya menggunakan Generator Warna atau kode warna Html (search Google).

T

5. Save template.

Sekian yang dapat admin bagikan saat ini. Selamat mencoba.

Membuat Tombol Back To Top Menggunakan Font Awesome

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
Back to top


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.