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 : 106 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 : 133 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 : 145 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 : 95 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 : 133 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 : 112 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 : 267 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 : 225 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...
Ph Must Safeguard Its Voter Base To Land Second Term For Anwar Says Analyst

Tetaplah Beriadah Di Bulan Ramadan

Honor Pad 9 Tablet Terbaik Untuk Berhibur Dan Kerja Mula Dijual Seluruh Negara Pada 28 Mac

Perumahan Izara Bayu Sutera Kediaman Idaman Tepi Tasik Dengan Ciri Smart Home

8 Resepi Air Balang Viral Di Bazar Ramadhan

Diet If Yang Berkesan Menurut Pakar

Lirik Lagu Raya Mana Nabila Razali

Sesi Tukar Duit Raya Di Maybank



Koleksi 15 Lagu Hari Raya Terbaru Yang Meriahkan Aidilfitri 2024 Bakal Evergreen Bak Lagu Lama

6 Pantang Larang Penting Kalau Nak Selamat di Sekolah Asrama

Info Dan Sinopsis Filem 19 Puasa Playboys Of Plastik Hitam Astro First

Casimir Zeglen Paderi Yang Mencipta Jaket Kalis Peluru

Biodata Mohammad Rifdean Masdor Atlet Muay Thai Malaysia Yang Gegarkan One Championship Seangkatan Johan Ghazali Jojo


Fungi Wechat Yang Ramai Tak Tahu

Senarai Cerita Filem Terbaru 2024 Di Pawagam

Habiskan Duit Bayar Kepada Pakar Yang Pandai Beri Penjelasan Cara Dia Hilangkan Masalah

Restoran Rebung 2 Di Putrajaya

Effective Email Marketing Strategies

Konsert Melly Friends Kuala Lumpur 2024