Tag: blogger postingan , cara membuat halaman di blogger, cara membuat postingan blog menjadi beberapa halaman, cara membuat halaman selanjutnya di blog

Halaman tutorial ini menggunakan skrip baru dan otomatis, kecuali pengaturan artikel dibuat untuk muncul dalam jumlah tertentu, ini akan memberi Anda bagian dari item yang akan hidden dan muncul di halaman berikutnya.

Jumlah pagination ini tidak terbatas (tidak terbatas), Anda dapat membuat halaman sebanyak mungkin dan dilengkapi dengan kolom iklan yang berukuran 768x90. Saat Anda memindahkan halaman, blog akan diperbarui secara otomatis ke halaman berikutnya.

yang perlu dicatat, setidaknya, tahu label pembuka dan penutup dalam HTML dan coba item, jangan menyalin dan copy paste dari Microsoft Word atau situs lain karena akan membuat edit sulit.



Demonya halaman ini


Tertarik membuat paging di posting blog? Silakan ikuti tutorial di bawah ini:
Masuk ke Blogger > Tema > Edit HTML

Letakan CSS di bawah ini tepat di atas kode ]]></b:skin> anda  dapat meletakannya di atas </style>.

/* Pagination CSS by Idblanter.com */
.post-content{display:none}.dblanter{font-size:130%;text-align:center}
.paging .tombol,.paging:before{font-size:14px;padding:8px 12px}
.paging{margin:20px auto;font-weight:bold;text-align:center;width:100%;font-family:Roboto,Arial,sans-serif}
.paging .tombol{font-weight:700;background:#2196f3;border-radius:5px;display:inline-block;width:25px;color:#fff;margin-right:5px;transition:ease .69s!important}
.tombol.blanter{background:#000}
.paging:before{content:'PAGES : ';font-weight:Bold;border:1px solid #2196f3;color:#2196f3;border-radius:5px;margin-right:10px}
@media screen and (max-width:768px){.paging .tombol,.paging:before{padding:8px 5px}}

Kemudian letakkan javascript di bawah ini, tepat di atas kode </body>

<script style='text/javascript'>
//<![CDATA[ 
function get_n(n){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split("&");for(t=0;t<e.length;t++)if((o=e[t].split("="))[0]===n)return void 0===o[1]||o[1]}$(document).ready(function(){var n=get_n("n");$(".post-content").hide(),void 0===n?$(".content_1").show():$(".content_"+n).show();var o=$(".post-content").length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$("p.paging").append($('<a href="'+t+"?n="+i+'" class="tombol n'+i+'"> '+i+" </a>"))}else $("p.paging").hide();void 0==n&&$(".tombol.n1").toggleClass("blanter"),n==n&&$(".tombol.n"+n).toggleClass("blanter")});
//]]>
</script>

Untuk membuka tombol Nomor Paging secara otomatis pada semua item, letakkan kode di bawah ini tepat di bawah kode <DATA: POST. Coding /> Code karena ini banyak, jadi pastikan untuk mencoba satu per satu.

Untuk teman yang ingin menerapkan paging dalam item tertentu, kode di bawah ini hanya akan ditempatkan tepat di bagian bawah item (mode HTML)

<div class='dblanter'><b>HALAMAN SELANJUTNYA:</b></div><br/>
<center><a href='#' target='_blank' title='Kunjungi blog Dunia Blanter'><img alt='iklan banner' src='https://4.bp.blogspot.com/-6ZDrg7GHPa4/VytnmRI9BaI/AAAAAAAAD0w/dyOGpRSMe78xiIGN4sDumyA-VGDjDYksACLcB/s1600/AdSpace768x90.png' title='Kunjungi blog Dunia Blanter'/></a></center>
<br/><p class='paging'/>

Langkah terakhir, Anda harus membuat konfigurasi manual untuk mengkonfigurasi setiap kata dalam publikasi untuk muncul pada halaman yang Anda inginkan melalui publikasi pengeditan> Masukkan mode HTML alih-alih menyusun ini seperti ini

<div class="post-content content_1">
</div>

Ubah angka 1 dengan 2,3,4,5 dan seterusnya.

Contoh Penggunaannya seperti ini :
<div class="post-content content_1">
Teks Postingan 1
</div>
<div class="post-content content_2">
Teks Postingan 2
</div>
<div class="post-content content_3">
Teks Postingan 3
</div>

Simpan.
HALAMAN SELANJUTNYA:
Refresh Halaman jika tombol paging tidak berfungsi