Ituaku Blog

Menyediakan Informasi Lugas Dan Terpercaya

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

cara lalu ingin memberikan sebuah cara mengelupas Konten Artikel jadi Beberapa page bersama Efek Slide. Di stersebut teman hanya perlu mengedepankan kode HTML di editor postingan nan nantinya ingin muncul di blog teman.

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

cara tersebut sangat cocok bagi teman nan memiliki tulisan artikel nan cukup panjang di blognya, sehingga ingin menghemat ruang di page posting. Oke, langsung saja silingin ikuti langkah-langkah berikut tersebut.

mengelupas Konten Artikel jadi Beberapa page

1. Login ke blogger > Buka tema > copy kode di bawah tersebut sebelum ]]></b:skin> atau </style>

/* Multiple Page Slide */ a.movepg.selanjutnyaer,a.movepg.prever{color:#fff} .separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.selanjutnya-wrap img,.selanjutnya-wrap video,.selanjutnya-wrap object{max-width:100% }.selanjutnya-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.selanjutnyaer{right:20px}

2. selanjutnya copy kode di bawah tersebut sebelum </body>

<script type='text/javascript'> //<![CDATA[ function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".selanjutnyaer").hide():$(".selanjutnyaer").show()}var index=0,maxIndex=4;$(".selanjutnyaer").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState(); //]]> </script>

Untuk mengedepankan page, ganti maxIndex=4 bersama angka tertentu.

3. Simpan tema.

4. Langkah lalu, buat postingan baru selanjutnya copy kode di bawah tersebut di tab HTML

<div class="selanjutnya-wrap">   <div id="photocons" class="instruction">     <div class="slidecontentWrap">       <div class="slidecontent">         <-- ISI KONTEN DI Stersebut -->       </div>       <div class="slidecontent">         <-- ISI KONTEN DI Stersebut -->       </div>       <div class="slidecontent">         <-- ISI KONTEN DI Stersebut -->       </div>       <div class="slidecontent">         <-- ISI KONTEN DI Stersebut -->       </div>       <div class="slidecontent">         <-- ISI KONTEN DI Stersebut -->       </div>       </div>       </div>       <a class="movepg prever">prev</a>       <a class="movepg selanjutnyaer">selanjutnya</a> </div>

5. Publish artikel juga lihat hasilnya.

Contoh lain, cek demo langsung di bawah tersebut :

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cookie powder icing halvah bear claw biscuit marzipan coklat pie. coklat roti lemon drops liquores gingerbread toffee chupa chups. es cream jugaish tiramisu gummi bears. Sesame snaps marzipan coklat roti oat roti dessert bonbon tootsie roll croissant. jugaish coklat coklat candy canes topping carrot roti cheeseroti candy canes jujubes. gula plum dessert gula plum pudding manis. Sesame snaps oat roti cuproti biscuit. Tootsie roll halvah manis roll. Halvah gingerbread cookie pastry fruitroti croissant gingerbread gingerbread fruitroti. Jelly icing tiramisu marshmallow toffee coklat

fruitroti jugaish. Gingerbread sesame snaps gummies.
manis roll jugaish jugaish. Tootsie roll dragée gummies. Marzipan candy canes cotton candy bear claw tootsie roll. Dessert liquores marzipan brownie es cream. Oat roti caramels es cream tootsie roll. Jelly croissant tart. Lemon drops candy wafer toffee jelly manis sesame snaps tiramisu. Halvah roti jugaish candy biscuit toffee. Jujubes gummies halvah cotton candy jelly beans gula plum. Candy canes marshmallow jelly-o chupa chups.

Tootsie roll marzipan roti donut dessert tootsie roll. Gummies jelly-o roti macaroon wafer es cream. Topping wafer cookie coklat bar gummi bears coklat bar soufflé roti. manis icing gummies cuproti pudding. gula plum gula plum marshmallow
toffee. Bear claw coklat bar caramels brownie.

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Macaroon pastry liquores bear claw jelly toffee candy marshmallow es cream. Gummi bears oat roti soufflé pudding powder tiramisu gingerbread. Jelly beans lemon drops tiramisu muffin lollipop icing bear claw macaroon powder. Wafer croissant apple pie
jelly croissant biscuit icing caramels.
Lollipop halvah jugaish tiramisu roti lemon drops marzipan cheeseroti lemon drops. Toffee powder candy macaroon cotton candy pastry carrot roti cheeseroti. Pudding oat roti lollipop. coklat roti es cream candy canes bonbon donut roti manis.

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Pudding brownie macaroon caramels dragée oat roti. Powder marzipan coklat bar marzipan jelly gingerbread roti gummi bears jelly beans. es cream liquores cheeseroti soufflé lollipop gummi bears coklat bar. gula plum toffee tootsie roll tart.
Cotton candy topping jelly beans. Pudding wafer tootsie roll pastry gummi bears bear claw manis. Dragée roti fruitroti marzipan lollipop chupa chups apple pie carrot roti. Cotton candy bonbon gula plum gingerbread halvah wafer caramels candy.
manis roll jujubes cookie.

Demikian cara cara membuat isi konten dibagi jadi beberapa page bersama efek slide semoga bermanfaat juga membantu kegiatan blogging teman semua.

Ituaku Blog © 2019 Frontier Theme