Tambahkan Muat Posting Lebih Banyak atau Gulir Tak Terbatas ke Blogger
Bagaimana itu bekerja?
- Anda memiliki opsi untuk menambahkan tombol 'Muat Lebih Banyak Posting' atau memuat secara otomatis posting lama saat pengunjung menggulir ke bawah halaman.- Setelah diterapkan, Muat Lebih Banyak Posting / Pengguliran Tak Terbatas berlaku untuk semua posting Blogger di halaman indeks (beranda, arsip, halaman label). Itu tidak dapat ditambahkan pada posting individu.
Demo
Untuk melihatnya secara langsung, lihat demo di bawah ini. Ketika Anda menggulir ke bawah ke bagian bawah halaman, Anda akan melihat tombol "Muat Lebih Banyak Posting". Setelah Anda klik, 3 posting berikutnya yang diatur untuk ditampilkan akan dimuat di bawah ini.
Menambahkan Muat Lebih Banyak Posting atau Menggulir Tak Terbatas ke Blogger
1. Masuk ke akun Blogger Anda dan klik di blog Anda di mana Anda ingin menambahkannya.2. Buka 'Tema' dan klik tombol 'Edit HTML' untuk membuka editor Template> klik di mana saja di area kode dan tekan tombol CTRL + F (atau Command + F) untuk membuka kotak pencarian.
3. Ketikkan tag di bawah ini di kotak pencarian dan tekan ENTER untuk menemukannya:
</body>4. Tepat di atas tag </body> , tambahkan skrip di bawah ini:
a. Jika Anda ingin memuat posting dengan tombol 'Muat Lebih Banyak Posting' seperti di blog demo, tambahkan skrip ini:
<script src = 'https: //ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/> https : // ajax . googleapis . com / ajax / libs / jquery / 2 . 2 . 0 / jquery . min . js '/ > http : // "+ t +" / feeds / posts / ringkasan ? maks - hasil = 0 & alt = json - dalam - skrip ", ketik :" get ",
<b: if cond =' data: blog.pageType! = & quot; static_page & quot ; '> <b: if cond =' data: blog.pageType! = & quot; item & quot; '>
<jenis skrip =' teks / javascript '>
// <! [CDATA [
function resizeThumb (e, n) {for (var t = document.getElementById (e) .getElementsByTagName ("img"), a = 0; a <t.length; a ++) t [a] .src = t [a] .src.replace (/ \ / s72 \ -c /, "/ s" + n + "- c")} window.labelfx = function () {var e = function (e) {var n = e || {} , t = n.url_blog || window.location.host, a = n.id_labelcontent || "#labelfxn"; $. ajax ({url: "http: //" + t + "/ feeds / posts / ringkasan? max? max -hasil = 0 & alt = json-in-script ", ketik:" get ", dataType:" jsonp ", sukses: fungsi (e) {var n = e.feed.category, t =" "; if (batal 0! == n) {t = "<ul class = 'labelx'>"; for (var i = 0; i <n.length; i ++) t + = '<li> <a href = "/ search / label /' + komponen encodeURIC (n [i] .term) + '"target =" _ blank ">' + n [i] .term +" </a> </li> "; t + =" </ul> ", $ (a ) .html (t)} selain itu $ (a).html ("<span> Tanpa Label! </span>")}, error: function () {$ (a) .html ("<strong> Kesalahan Memuat Umpan! </strong>")}})} kembali function (n) {e (n)}} (), mengubah ukuranThumb ("main", 250), labelfx (), function (e) {function n (n) {e.getScript ("http: //" + n + ".disqus.com / blogger_index.js")} function t () {s || (s =! 0, o? (r.find ("a"). hide (), r.find ("img") .show (), e.ajax (o, {dataType: "html"}). selesai (fungsi (t) {var a = e ("<div> </div>") .append (t.replace (l.replace) , "")), i = a.find ("a.blog-pager-older-link"); i? o = i.attr ("href") :( o = "", r.hide ()) ; var p = a.find (d) .children (". date-outer"); e (d) .append (p), ubah ukuran Thumb ("main", 250), window._gaq && window._gaq.push ([" _trackPageview ", o]), window.gapi && window.gapi.plusone &&window.gapi.plusone.go && window.gapi.plusone.go (), window.disqus_shortname && n (window.disqus_shortname), window.FB && window.FB.XFBML && window.FB.XFBML.parse && window.FB.XFBML.parse & windowtw .twttr.widgets && window.twttr.widgets.load && window.twttr.widgets.load (), r.find ("img"). hide (), r.find ("a"). show (), s =! 1} )): r.hide ())} berfungsi a () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (o = e ("a.blog-pager-older-link"). attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript :;" style = "teks-dekorasi: tidak ada; font: 11px Buka Sans, sans-serif; spasi huruf : 1px; padding: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.klik (t); var a = e (' <img src ="'+ i +' "style =" display: none; "> '); (r = e (' <div style =" display: blok; text-align: center; margin: 20px auto; "> </div> ' )). append (n), r.append (a), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). hide ()}} var i = "https : //1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs/s1600/loader.gif ", o =" "," = "," = "," = "," = "," = ",", "=", " , l = (e (jendela), e (dokumen), / <script \ b [^ <] * (?: (?! <\ / script>) <[^ <] *) * <\ / script> / gi); e (dokumen) .ready (a)} (jQuery);) .hide ()}} var i = "https://1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGA =", // "div.blog-posts", s =! 1, l = (e (jendela), e (dokumen), / <script \ b [^ <] * (?: (?! <\ / script>) <[ ^ <] *) * <\ / script> / gi); e (dokumen) .ready (a)} (jQuery);) .hide ()}} var i = "https://1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGA =", // "div.blog-posts", s =! 1, l = (e (jendela), e (dokumen), / <script \ b [^ <] * (?: (?! <\ / script>) <[ ^ <] *) * <\ / script> / gi); e (dokumen) .ready (a)} (jQuery);dataType : " jsonp ", success : function ( e ) { var n = e.feed.category, t = ""; if (batal 0! == n) {t = "<ul class = 'labelx'>"; untuk (var i = 0; i <n.length; i ++) t + = '<li> <a href = "/ search / label /' + encodeURIComponent (n [i] .term) + '" target = "_ blank" > '+ n [i] .term + "</a> </li>"; t + = "</ul>", $ (a) .html (t)} selain itu $ (a) .html ("<span > Tidak Ada Label! </span> ")}, error: function () {$ (a) .html (" <strong> Kesalahan Memuat Umpan! </strong> ")}})}; fungsi pengembalian (n) { e (n)}} (), mengubah ukuranThumb ("main", 250), labelfx (), function (e) {function n (n) {e.getScript (" http : //"+ n + ". disqus . com / blogger _ index . js")} function t () {s || (s =! 0, o? (r.find (" a "). hide (), r.find (" img "). show (), e.ajax ( o, {dataType: "html"}). selesai (fungsi (t) {var a = e ("<div> </div>") .append (t.replace (l, "" ")), i = a .find ("a.blog-pager-older-link"); i? o = i.attr ("href") :( o = "", r.hide ()); var p = a.find (d ) .children (". date-outer"); e (d) .append (p), ubah ukuran Thumb ("main", 250), window._gaq && window._gaq.push (["_ trackPageview", o]), jendela. gapi && window.gapi.plusone && window.gapi.plusone.go && window.gapi.plusone.go (), window.disqus_shortname && n (window.disqus_shortname), window.FB && window.FB.XFBML && window.FB.XFBML.parse &&F , window.twttr && window.twttr.widgets && window.twttr.widgets.load && window.twttr.widgets.load (), r.find ("img"). hide (), r.find ("a"). show (), s =! 1})): r.hide ())} fungsi a () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (o = e ("a.blog-pager-old-link"). attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript:;" style = "teks-dekorasi: tidak ada; font: 11px Buka Sans, sans-serif; spasi huruf: 1px; bantalan: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.klik (t); var a = e (' <img src =" '+ i +' "style =" tampilan: tidak ada; " > '); (r = e (' <div style = "display: block; text-align: center; margin: 20px auto;"> </div> ')). append (n), r.append (a ), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). sembunyikan ()} var i = "find ("img"). hide (), r.find ("a"). show (), s =! 1})): r.hide ())} berfungsi a () {if ("item"! = _WidgetManager._GetAllData (). Blog.pageType && (o = e ("a.blog-pager-older-link"). Attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript :;" style = "dekorasi teks: tidak ada; font: 11px Buka Sans, sans-serif; spasi huruf: 1px; bantalan: 10px 20px; latar belakang: # 000000; warna: #ffffff;"> LOAD LEBIH BANYAK POS </a> '); n.klik (t); var a = e (' <img src = "'+ i +'" style = "tampilan: tidak ada;"> '); (r = e (' <div style = "display: block; text-align: center; margin: 20px auto;"> </div> ')). append (n), r.append (a), r.insertBefore (e ("# # blog-pager ")), e (" # blog-pager "). sembunyikan ()} var i ="find ("img"). hide (), r.find ("a"). show (), s =! 1})): r.hide ())} berfungsi a () {if ("item"! = _WidgetManager._GetAllData (). Blog.pageType && (o = e ("a.blog-pager-older-link"). Attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript :;" style = "dekorasi teks: tidak ada; font: 11px Buka Sans, sans-serif; spasi huruf: 1px; bantalan: 10px 20px; latar belakang: # 000000; warna: #ffffff;"> LOAD LEBIH BANYAK POS </a> '); n.klik (t); var a = e (' <img src = "'+ i +'" style = "tampilan: tidak ada;"> '); (r = e (' <div style = "display: block; text-align: center; margin: 20px auto;"> </div> ')). append (n), r.append (a), r.insertBefore (e ("# # blog-pager ")), e (" # blog-pager "). sembunyikan ()} var i ="1})): r.hide ())} berfungsi a () {if ("item"! = _ WidgetManager._GetAllData (). Blog.pageType && (o = e ("a.blog-pager-older-link") .attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript :;" style = "dekorasi teks: tidak ada; font: 11px Buka Sans, sans-serif; huruf -spasi: 1px; padding: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.klik (t); var a = e (' <img src =" '+ i +' "style =" display: none; "> '); (r = e (' <div style =" display: blok; text-align: center; margin: 20px auto; "> </div> ' )). append (n), r.append (a), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). hide ()}} var i = "1})): r.hide ())} berfungsi a () {if ("item"! = _ WidgetManager._GetAllData (). Blog.pageType && (o = e ("a.blog-pager-older-link") .attr ("href"))) {var n = e ('<a class = "loadpost" href = "javascript :;" style = "dekorasi teks: tidak ada; font: 11px Buka Sans, sans-serif; huruf -spasi: 1px; padding: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.klik (t); var a = e (' <img src =" '+ i +' "style =" display: none; "> '); (r = e (' <div style =" display: blok; text-align: center; margin: 20px auto; "> </div> ' )). append (n), r.append (a), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). hide ()}} var i = "a.blog-pager-older-link "). attr (" href "))) {var n = e ('<a class =" loadpost "href =" javascript :; "style =" text-decoration: none; font: 11px Buka Sans, sans-serif; spasi huruf: 1px; bantalan: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.click (t); var a = e ('<img src = "' + i + '" style = "display: none;">'); (r = e ('<div style = "display: blok; text-align: center; margin : 20px otomatis; "> </div> ')). Append (n), r.append (a), r.insertBefore (e (" # blog-pager ")), e (" # blog-pager ") .hide ()}} var i = "a.blog-pager-older-link "). attr (" href "))) {var n = e ('<a class =" loadpost "href =" javascript :; "style =" text-decoration: none; font: 11px Buka Sans, sans-serif; spasi huruf: 1px; bantalan: 10px 20px; latar belakang: # 000000; warna: #ffffff; "> LOAD MORE POSTS </a> '); n.click (t); var a = e ('<img src = "' + i + '" style = "display: none;">'); (r = e ('<div style = "display: blok; text-align: center; margin : 20px otomatis; "> </div> ')). Append (n), r.append (a), r.insertBefore (e (" # blog-pager ")), e (" # blog-pager ") .hide ()}} var i = "10px 20px; latar belakang: # 000000; warna: #ffffff; "> LIHAT POS LAIN </a> '); n.klik (t); var a = e (' <img src =" '+ i +' "style = "display: none;"> '); (r = e (' <div style = "tampilan: blok; text-align: center; margin: 20px auto;"> </div> ')). append (n) , r.append (a), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). hide ()}} var i = "10px 20px; latar belakang: # 000000; warna: #ffffff; "> LIHAT POS LAIN </a> '); n.klik (t); var a = e (' <img src =" '+ i +' "style = "display: none;"> '); (r = e (' <div style = "tampilan: blok; text-align: center; margin: 20px auto;"> </div> ')). append (n) , r.append (a), r.insertBefore (e ("# blog-pager")), e ("# blog-pager"). hide ()}} var i = "https : // 1 . bp . blogspot . com / - 6 _ Eha7PSRy0 / WXI6jskHE9I / AAAAAAAAMAM00 / 6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs / s1600 / loader . gif ", o =" ", r = null , d =" div . blog - posting ", s =! 1 , l =(e (jendela), e (dokumen), / <script \ b [^ <] * (?: (?! <\ / script>) <[^ <] *) * <\ / script> / gi); e (dokumen). Sudah (a)} (jQuery);
//]]>
</script>
</ b: if> </ b: if>
b. Jika Anda ingin menambahkan gulir tak terbatas tanpa tombol, tempel ini sebagai gantinya:
<script src = 'https: //ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>
<b: if cond =' data: blog.pageType! = & quot; static_page & quot ; '> <b: if cond =' data: blog.pageType! = & quot; item & quot; '>
<style type = "text / css">. status-msg-wrap {display: none;} </style>
< jenis script = 'teks / javascript'>
// <! [CDATA [
! function (i) {function e (e) {i.getScript ("http: //" + e + ".disqus.com / blogger_index.js")} fungsi t () {g || (g =! 0, r? (w.find ("a"). hide (), w.find ("img"). show (), i.ajax (r, {dataType: "html"}). done (function (t) {var n = i ("<div> </div>"). append (t.replace (c, "")), o = n.find ("a.blog-pager-older-link"), d = n.temukan (anak). anak (); saya anak. tambahkan (d), window._gaq && window._gaq.push (["_ trackPageview", r]), window.gapi && window.gapi.plusone && window.gapi.plusone .go && window.gapi.plusone.go (), window.disqus_shortname && e (window.disqus_shortname), window.FB && window.FB.XFBML && window.FB.XFBML.parse && window.FB.XFBML.parse () & window &t.twtwtwtwtwt.html twttr.widgets.load && window.twttr.widgets.load (),o? r = o.attr ("href") :( r = "", w.hide ()), w.find ("img"). hide (), w.find ("a"). show ( ), g =! 1})): w.hide ())} function n () {return Math.max (p.height (), l.height (), document.documentElement.clientHeight)} fungsi o () {n () - (p.scrollTop () + p.height ()) <150 && t ()} fungsi d () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (r = i (" a.blog-pager-older-link "). attr (" href "))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting </a>'); e.click (t); var n = i ('<img src = "' + a + '" style = "tampilan: tidak ada;">'); p.scroll (o), (w = i ('<div style = " perataan teks: tengah; ukuran font: 150%; "> </div> ')). append (e), w.append (n), w.insertBefore (i (" # blog-pager ")), i ("# blog-pager"). hide ()}} var a = "https: // 1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs/s1600/loader.gif",r = "", w = null, "" dengan = "p", "=", " jendela), l = i (dokumen), c = / <script \ b [^ <] * (?: (?! <\ / script>) <[^ <] *) * <\ / script> / gi; i (document) .ready (d)} (jQuery);http : // "+ e +". disqus . com / blogger _ index . js")} function t () {g || (g =! 0, r? (w.find (" a "). hide (), w.find (" img "). show (), i.ajax ( r, {dataType: "html"}). selesai (fungsi (t) {var n = i ("<div> </div>") .append (t.replace (c, "")), o = n .find ("a.blog-pager-older-link"), d = n.find .children (); i (s) .append (d), window._gaq && window._gaq.push (["_ trackPageview ", r]), window.gapi && window.gapi.plusone && window.gapi.plusone.go && window.gapi.plusone.go (), window.disqus_shortname && e (window.disqus_shortname), window.FB && window.FB.XFBML && window.FB.XF &&p.pdf .FB.XFBML.parse (), window.twttr && window.twttr.widgets && window.twttr.widgets.load && window.twttr.widgets.load (), o? R = o.attr ("href") :( r = "",, w.hide ()), w.find ("img"). hide (), w.find ("a"). show (), g =! 1})): w.hide ())} fungsi n () {return Math.max (p.height (), l.height (), dokumen. documentElement.clientHeight)} fungsi o () {n () - (p.scrollTop () + p.height ()) <150 && t ()} fungsi d () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (r = i ("a.blog-pager-older-link"). attr ("href"))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting < /a>');e.click(t);var n = i ('<img src = "' + a + '" style = "display: none;">'); p.scroll (o), (w = i ('<div style = "text-align: center; font-size: 150%;"> </div>')). append (e), w.append (n), w.insertBefore (i ( "# blog-pager")), i ("# blog-pager"). sembunyikan ()} var a = "documentElement.clientHeight)} fungsi o () {n () - (p.scrollTop () + p.height ()) <150 && t ()} fungsi d () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (r = i ("a.blog-pager-older-link"). attr ("href"))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting < /a>');e.click(t);var n = i ('<img src = "' + a + '" style = "display: none;">'); p.scroll (o), (w = i ('<div style = "text-align: center; font-size: 150%;"> </div>')). append (e), w.append (n), w.insertBefore (i ( "# blog-pager")), i ("# blog-pager"). sembunyikan ()} var a = "documentElement.clientHeight)} fungsi o () {n () - (p.scrollTop () + p.height ()) <150 && t ()} fungsi d () {if ("item"! = _ WidgetManager._GetAllData (). blog.pageType && (r = i ("a.blog-pager-older-link"). attr ("href"))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting < /a>');e.click(t);var n = i ('<img src = "' + a + '" style = "display: none;">'); p.scroll (o), (w = i ('<div style = "text-align: center; font-size: 150%;"> </div>')). append (e), w.append (n), w.insertBefore (i ( "# blog-pager")), i ("# blog-pager"). sembunyikan ()} var a = "blog-pager-older-link "). attr (" href "))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting </a>'); e.click (t ); var n = i ('<img src = "' + a + '" style = "tampilan: tidak ada;">'); p.scroll (o), (w = i ('<div style = "text- align: center; ukuran font: 150%; "> </div> ')). append (e), w.append (n), w.insertBefore (i (" # blog-pager ")), i ( "# blog-pager"). hide ()}} var a = "blog-pager-older-link "). attr (" href "))) {var e = i ('<a href="javascript:;"> Muat lebih banyak posting </a>'); e.click (t ); var n = i ('<img src = "' + a + '" style = "tampilan: tidak ada;">'); p.scroll (o), (w = i ('<div style = "text- align: center; ukuran font: 150%; "> </div> ')). append (e), w.append (n), w.insertBefore (i (" # blog-pager ")), i ( "# blog-pager"). hide ()}} var a = "# blog-pager ")), i (" # blog-pager "). sembunyikan ()} var a ="# blog-pager ")), i (" # blog-pager "). sembunyikan ()} var a ="https : // 1 . bp . blogspot . com / - 6 _ Eha7PSRy0 / WXI6jskHE9I / AAAAAAAAMAM00 / 6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs / s1600 / loader . gif ", r =" ", w = null , s =" div . blog - posting ", g =! 1 , p = i ( window ), l =i ( dokumen ), c = / <script \ b [^ <] * (?: (?! <\ / script>) <[^ <] *) * <\ / script> / gi; i (document). ready (d)} (jQuery);
//]]>
</script>
</ b: if> </ b: if>
Catatan: Kode ini menggunakan pustaka jQuery, jadi jika Anda sudah memiliki jQuery di halaman Anda, harap hapus garis berwarna merah yang disorot di atas.
5. Klik tombol 'Simpan template' dan centang tombol 'Muat Lebih Banyak Posting' / Pengguliran Tak Terbatas di blog Blogger Anda.
,l=i(document),c=/){kind=link}
Tidak ada komentar: