Membuat Artikel Blog Layaknya Buku Dengan Halaman

DOTKomputer
Membuat Artikel Blog Layaknya Buku Dengan Halaman - Untuk kalian Para Blogger pasti pernah Menemukan Postingan Blog dengan tampilan artikel layaknya buku, Ada halaman 1 dan seterunya gitu gan, Jadi saat kita klik maka kita akan menuju halaman berikutnya. Cara ini sering di lakukan apa bila artikel yang di buat terlalu sangat panjang dan untuk membuat Artikel terlihat tidak membosankan maka di buatlah hal itu. Untuk membuat artikel Blog Dengan Halaman layaknya Buku sebenarnya sangat mudah, Kita hanya perlu memberikan Code coding dalam Postingan kita, ingat Coding gan Bukan Air Seni.

Sebenarnya Tampilan tersebut tidak akan membuat Pengunjung pada blog kita menambah atau banyak layaknya Zombi mengerubutu daging, akan tetapi Postingan artikel yang kita buat akan terlihat lebih Profesional, Ciyeee Profesional, Ngeblog aja baru 2 hari sudah mau di anggap Profesional. Tidak salahnya jika kita ingin memberikan tampilan yang terbaik untuk pengunjung kita, Lalu mari kita belajar membuat Artikel Blog dengan tampilan perhalaman Gan.

Pertama Buat terlebih dahulu Postingan Baru, Bisa kan membuat Postingan Baru, jangan sampai perlu pengajaran lagi, jika benar benar tidak tahu cek di buku pramuka kali aja ada
, Jika sudah masukkan COde Coding di bawah ini Gan Masuk Mode HTML.
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.button_1').click(function(){ jQuery('.content_1').fadeIn('slow'); jQuery('.content_2').fadeOut('fast'); jQuery('.content_3').fadeOut('fast'); jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F'); return false; });

jQuery('.button_2').click(function(){ jQuery('.content_1').fadeOut('fast'); jQuery('.content_2').fadeIn('slow'); jQuery('.content_3').fadeOut('fast'); jQuery(this).css('background','#F4655F'); jQuery(this).css('color','#fff'); jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F'); return false; });

jQuery('.button_3').click(function(){ jQuery('.content_1').fadeOut('fast'); jQuery('.content_2').fadeOut('fast'); jQuery('.content_3').fadeIn('slow'); jQuery(this).css('background','#F4655F'); jQuery(this).css('color','#fff'); jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F'); return false; }); });

</script>

<div class="content_1">

Tulisan Bagian 1 di Sini!

</div>

<div class="content_2" style="display: none;">

Tulisan Bagian 2 di Sini!

</div>

<div class="content_3" style="display: none;">

Tulisan Bagian 3 di Sini!

</div>

<div class="post-pagination"> <a class="button_1" href="#">1</a> <a class="button_2" href="#">2</a> <a class="button_3" href="#">3</a> </div>

<style> .post-pagination {margin: 20px auto;text-align: center;width: 100%;} .button_1, .button_2, .button_3 {border: 2px solid #f4655f;font-weight: 900;padding: 6px 36px;color:#f4655f;transition:ease 0.69s !important;} .button_1:hover, .button_2:hover, .button_3:hover {background: none repeat scroll 0 0 #f4655f;color: #fff;text-decoration: none;} </style>

Lalu masukkan tulisan kalian Di tulisan berwarna Merah Gan.
Sebenarnya untuk lebih mudah, Selesaikan terlebih dahulu Artikel kalian, Kemudian Copykan tulisan" untuk mempermudah. Contohnya gini gan, Buat terlebih dahulu Artikel kalian di media lain misalkan di Offece, Jika sudah selesai itu artikel di Office maka kalian Tinggal Copykan tulisan kalian ke tempat yang berwarna merah di atas. Gampangkan Gan...

Janagn lupa menghapus "Tulisan Bagian 3 di Sini!" , Jika tidak kalian hapus maka Tulisan tersebut akan ikut nelip di Postingan Artikel Blog kita Gan. Ingat gan Cara ini sebaiknya di gunakan Untuk artikel yang memang benar benar panjang, Jika sekedar panjang saja urungkanlah niat kalian, Jangan buat Pengunjung kalian Kecewa Gan
Previous
Next Post »