Widget HTML #1

Cara kedua : Membagi halaman otomatis.

Cara Membagi Postingan Blogger (blogspot) Menjadi Beberapa Halaman


Berikut ini adalah cara kedua untuk membangi artikel di blog Blogger menjadi beberapa bagian/halaman yang bisa Sobat coba. 


1. Pada dasbor Blogger: silahkan Sobat Klik Tema > Edit HTML

2. Selanjutnya silahkan Sobat copas kode berikut ini dan taruh di atas kode ]]></b:skin> atau di atas kode </style> dengan Tag Kondisional.


.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}}



3. Lalu silahkan Sobat copas kode berikut ini 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>



4. Setelah itu Sobat copas kode berikut ini setelah kode <data:post.body/> 


<div class='dblanter'><b>HALAMAN BERIKUTNYA:</b></div><br/><br/><p class='paging'/>


Dan setelah selesai, silahkan Klik simpan. Cara itu akan memunculkan tombol pagination di seluruh artikel secara otomatis. Tapi jika Sobat hanya ingin memunculkan tombol pagination pada beberapa artikel tertentu, maka sebaiknya cara pertama saja yang Sobat praktekan saat membuat artikel baru secara manual. 


Copas kode no 4 di atas, tempatkan di bawah artikel pada mode HTML


Bahan bacaan : 1,



 Kembali
Halaman
1234
@ Warkasa1919.my.id, All rights reserved.

Posting Komentar untuk "Cara kedua : Membagi halaman otomatis. "