Cara Membuat Next Page Pervious Page Di Blogspot


Diah pernah kongsikan template blog lama yang Diah pernah guna sebelum ni ada sedikit masalah. Memang masalah sejak azali bila guna dalam tempoh lebih setahun, pasti akan muncul masalah berkaitan kotak komen.


Pembaca boleh komen tapi Diah takboleh nak balas. Pernah juga timbul masalah tak boleh tinggalkan komen kalau buka blog guna ‘device’ selain komputer riba.
Entah disebabkan template percuma atau masalah teknikal lain. Tidak pasti lah. Pembaca boleh tinggalkan komen dan Diah boleh ‘approve’ tapi tak boleh balas.

Sedih juga.  

 



Cara Membuat Next Page & Pervious Page Di Blogspot

Memandangkan dan buat carian di google tentang masalah kotak komen dan Diah sendiri tidak ada ilmu berkaitan teknikal jadi langkah terbaik di ambil ialah tukar template blog.

Kalau perasan template blog Diah yang baru ada header blog, lebih kemas dan tak sakit mata memandang.

Ada hikmahnya juga apa yang terjadi dan setakat ini lepas siap pasang template semuanya puas hati. Dalam duk puas hati akhirnya terperasan juga sedikit kekurangan.

Kalau template sebelum ni ada simbol Next page & Previous page di bahagian bawah / hujung artikel tapi template yang baru ni tiada simbol tu.

Jadi agak menyusahkan kalau nak baca artikel sebelumnya atau selepasnya. Seperti biasa, segala tutorial akan di rujuk di Youtube dan banyak video dari Negara India.

Ikut nasib, ada yang guna Bahasa Inggeris senang nak faham.





 

Tutorial Membuat Next Page & Pervious Page Di Blogspot

Selain menonton tutorial di Youtube, Diah juga terjumpa artikel yang dikongsikan oleh Techyleaf.in 
Mudah dan straight foward je arahan dia. Mari Diah tunjukkan cara nak buat simbol Next Page & Pervious Page Di Blogspot.


 

Langkah 1

Login Blogger – Tema > Edit HTML

 

Langkah 2

Klik ctrl + F dan cari kod <data:post.body/>

 

Langkah 3

Copy code di bawah dan letakkan di bawah kod yang di cari tadi



<b:if cond='data:blog.pageType == &quot;item&quot; '>

<div class='K2_Pre_Next'>

<b:if cond='data:olderPageUrl'>

<a class='pre-btn' expr:href='data:olderPageUrl'>

<div class='icon'><svg class='h-6 w-6' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11 19l-7-7 7-7m8 14l-7-7 7-7' stroke-linecap='round' stroke-linejoin='round'/></svg></div><div class='label'>Previous</div></a>

</b:if>
<b:if cond='data:newerPageUrl'>

 <a class='next-btn' expr:href='data:newerPageUrl'>

 <div class='label'>Next</div>

 <div class='icon'><svg class='h-6 w-6' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M13 5l7 7-7 7M5 5l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'/></svg></div></a>

</b:if>   

</div>

</b:if>

 

Langkah 4

Klik ctrl + F dan cari kod ]]></b:skin>  ATAU  </style>

Tambah kod CSS seperti di bawah ini dan paste di atas kod yang di cari tadi.

 

/* CSS code for previous-Next button */

.K2_Pre_Next .icon {width: 20px;height: 20px;}

.K2_Pre_Next {display: flex;position: relative;margin-top: 24px;}

.K2_Pre_Next .pre-btn,.K2_Pre_Next .next-btn {display: flex;align-items: center;justify-content: center; gap: 8px;font-family: "Inter", sans-serif;background: #ff1a75; color: #fff;text-decoration: none;padding: 8px 24px;font-size: 16px;min-width: 150px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;width: 50%;border-left:1px solid; border-right:1px solid;}

.K2_Pre_Next .pre-btn:hover,.K2_Pre_Next .next-btn:hover{background: #3a8f7b;}

.K2_Pre_Next .next-btn {position: absolute;right: 0;}

.K2_Pre_Next .pre-btn:hover .icon {animation: nav-prev-anim 300ms alternate infinite;}

.K2_Pre_Next .next-btn:hover .icon {animation: nav-next-anim 300ms alternate infinite;}

@keyframes nav-prev-anim { to {transform: translateX(4px);}}

@keyframes nav-next-anim {to {transform: translateX(-4px);}}

 

 
Sebelum tekan butang save tekan preview dahulu. Jika tiada masalah boleh lah save dan semak simbol  Next Page & Pervious Page berfungsi atau tidak.


Untuk yang nak tambah butang Next Page & Previous Page boleh guna cara yang Diah tunjuk ni. 
Semoga bermanfaat untuk korang yang membaca. 


Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

https://www.rodiahamir.com/2023/03/Cara-Membuat-Next-Page-Pervious-Page-Di-Blogspot.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Cara Membuat Pesan Broadcast Wa Untuk Kirim Kata Kata Jelang Ramadan Dan Lebaran

Cara Membuat Pesan Broadcast Wa Untuk Kirim Kata Kata Jelang Ramadan Dan Lebaran

papar berkaitan - pada 21/3/2023 - jumlah : 56 hits
Berikut adalah cara mudah menggunakan pesan broadcast WA untuk ucapkan kata kata jelang Ramadan dan Lebaran Begini langkah langkahnya
Pengertian Page Authority Dan Cara Meningkatkannya

Pengertian Page Authority Dan Cara Meningkatkannya

papar berkaitan - pada 21/3/2023 - jumlah : 73 hits
Web Page Authority kian penting bagi SEO website atau blog untuk banyak pengunjung Berikut pengertian PA dan cara meningkatkannya SERING denger istilah PA PA banyak arti dan kepanjangan mulai Pe A dalam arti gila Personal Account Pembawa Ac...
9 Cara Membuat Konten Tiktok Yang Menarik Dan Mendapatkan Jumlah Views Yang Tinggi

9 Cara Membuat Konten Tiktok Yang Menarik Dan Mendapatkan Jumlah Views Yang Tinggi

papar berkaitan - pada 21/3/2023 - jumlah : 67 hits
TikTok telah menjadi platform media sosial yang sangat popular ketika ini terutamanya dalam kalangan generasi muda Di sini pengguna boleh berkongsi video pendek yang menarik dan menghiburkan malah boleh menjadi terkenal dengan jumlah tonton...
Cara Terbaik Untuk Mengunduh Video Tiktok Gratis

Cara Terbaik Untuk Mengunduh Video Tiktok Gratis

papar berkaitan - pada 8/3/2023 - jumlah : 44 hits
Cara Mengunduh Video di TikTok Gratis Apakah Anda penggemar video TikTok dan ingin mengunduhnya untuk dilihat secara offline Tidak terlihat lagi dari ssstik io Alat online ini memudahkan untuk mengunduh video TikTok secara gratis tanpa tand...
Cara Kemenkumham Didik Pelaku Umkm Lindungi Kekayaan Intelektual

Cara Kemenkumham Didik Pelaku Umkm Lindungi Kekayaan Intelektual

papar berkaitan - pada 9/3/2023 - jumlah : 73 hits
Pemafaatan digitalisasi dalam pelayanan publik di antaranya dilakukan DJKI Kemenkumham melalui Persetujuan Otomatis Pencatatan Hak Cipta dan POP Merek Layanan pencatatan hak cipta dan merek yang semula memerlukan waktu 23 hari kini selesai ...
Cara Mencegah Leptospirosis Penyakit Kencing Tikus Yang Mewabah Di Musim Hujan

Cara Mencegah Leptospirosis Penyakit Kencing Tikus Yang Mewabah Di Musim Hujan

papar berkaitan - pada 9/3/2023 - jumlah : 57 hits
Leptospirosis atau disebut penyakit kencing tikus menular melalui air dan tanah yang terkontaminasi urin hewan yang terinfeksi bakteri leptospira
Cara Buat Semakan Keputusan Upkk Mpkafa 2022 2023 Secara Online Dan Sms

Cara Buat Semakan Keputusan Upkk Mpkafa 2022 2023 Secara Online Dan Sms

papar berkaitan - pada 9/3/2023 - jumlah : 112 hits
Keputusan Ujian Penilaian Kelas KAFA Modul Penilaian Kelas Al Quran dan Fardhu Ain 2023 akan diumumkan pada hari Khamis 9 Mac 2023 seperti yang telah dimaklumkan oleh pada 2 Mac 2023 yang lalu Semakan keputusan UPKK MPKAFA 2022 bagi ujian a...
Cukai Pendapatan Cara Kira Lhdn Refund Untuk Lebihan Bayaran

Cukai Pendapatan Cara Kira Lhdn Refund Untuk Lebihan Bayaran

papar berkaitan - pada 8/3/2023 - jumlah : 123 hits
Cukai Pendapatan Cara Kira LHDN Refund Untuk Lebihan Bayaran BACA SINI Apa Maksud Lebihan Bayaran Tahun Taksiran 2022 Lebihan bayaran cukai bermaksud pembayar cukai sama ada individu atau badan korporat membayar cukai lebih daripada nilai c...
22 Contoh Ayat Poetic Rizz Melayu

Bagus Wirata Selem Badeng Mepipis Chord

33 Contoh Ayat Alergi

85 Ayat Kata Cinta Melayu Klasik

Hati Hati Dengan Link Yang Di Kongsikan Di Whatsapp Milo Malaysia Ramadan Gift Jangan Anda Jadi Mangsa

Salah Ke Kalau Pelajar Pakai Baju Pj Semasa Bulan Puasa Hotak Kau Pelajar Kritik Guru Sekolah

Demi Tuntut Pengeluaran Caruman Kwsp Noorazlan Berjalan Kaki Dari Johor Ke Istana Negara

Discover The New Huawei P60 Pro And Huawei Mate X3



5 Syarikat Pengiklanan Terbesar Dunia

Yanjin Kawasan Bandar Paling Sempit di Dunia

Biodata Daniel Fong Pelakon Drama Berepisod Bintang TV3

5 Kekurangan Jadi Pelajar Pandai Kelas Depan

Asal Usul Air Katira Minuman Popular Bulan Ramadhan


Lirik Lagu Raya Menjelma

Restoran Salai Power Masak Lemak Cili Padu Dan Mantul Rasa

Panggil Budak Tahfiz Quran Hidangkan Perempuan Berjoget Joget Netizen Kritik Penganjur Majlis Berbuka Puasa

Lando Norris Kepala Mclaren Zak Brown Mengatakan Pembalap Inggris Tidak Memiliki Klausul Keluar Dari Kontrak

Wajah Mereka Bersih Tiada Kesan Terbakar Empat Beradik Maut Dalam Kebakaran Dikebumikan Dalam Satu Liang Lahad

Giliran Afiq Muiz Pula Dedah Bukti Mesej Isteri Curang Kau Yang Bercinta