logo blog

Membuat Widget Melayang Ketika Di Scroll (Sticky) Dan Berhenti Di atas Footer

Membuat Widget Melayang Ketika Di Scroll (Sticky) Dan Berhenti Di atas Footer
widget-sticky-berhenti-diatas-footer

Memasang Widget Sticky Di Sidebar Blog Melayang Dan Berhenti Diatas Footer

Tutorial Cara Membuat Widget Sticky / Melayang Ketika Di Scroll Dan Berhenti Di Atas Footer, Tutorial kali ini blog mas tamvan akan memberikan tutorial memasang widget melayang di sidebar dan tentunya tidak menghalangi footer / widget sticky ini akan berhenti di atas footer.

Sebenarnya udah banyak yang share tutorial cara membuat widget melayang (sticky)ini, tapi banyak yang bertanya di postingan blog saya, gimana cara memasang widget sticky seperti blog agan yang berhenti di atas footer. Saya sudah sarankan cari di google tapi katanya tidak paham.

Jangan lupa gan mampir ke tutorial lainnya ya :)



Moga di tutorial saya ini dapat di mengerti, karena tutorialnya juga sama, cara pemasangannya juga sama :3

Langsung saja ke tutorial cara pemasangan widget sticky yang berhenti di atas footer....

Widget Sticky Sidebar Berhenti Diatas Footer


  • Seperti biasa kalian harus login terlebih dahulu ke akun blogger kalian
  • Setelah login kalian masuk ke menu Template, Edit HTML
  • Selanjutnya cari kode </body>
  • Kalo udah ketemu, masukan script dibawah ini tepat diatas kode body tadi
  • 
    <script type='text/javascript'>
        //<![CDATA[
        // Script Widget Sticky
        $(function() {
            if ($("#HTML9").length) {
                var o = $("#HTML9"),
                    t = $("#HTML9").offset().top,
                    i = $("#HTML9").height();
                $(window).scroll(function() {
                    var s = $("#footer-wrapper").offset().top - i - 70,
                        f = $(window).scrollTop();
                    if (f > t ? o.css({
                            position: "fixed",
                            top: 0
                        }) : o.css("position", "static"), f > s) {
                        var n = s - f;
                        o.css({
                            top: n
                        })
                    }
                })
            }
        });
        //]]>
    </script>
    
    <style type='text/css'>
        #HTML9 {
            width: 298px;
        }
    </style>
    

    Yang perlu kalian ganti adalah #HTML9
    Sesuaikan #HTML9 dengan id dari widget yang ingin dijadikan Sticky / melayang.
    Bisa d ganti dengan PopularPosts1, #HTML1 sampai n
    sesuaikan juga #footer-wrapper dengan id footer kalian gan
    kalian juga harus mengatur width: 298px; sesuaikan nilainya dengan ukuran sidebar kalian.
Bagi kalian yang tidak tau cara mengetahui id dari widget kalian, caranya cukp mudah, silahkan ikuti langkah-langkah dibawah ini..

Cara Mengetahui Id Dari Widget Yang Ada Di Blog

  • Kalian masuk ke Tataletak
  • lalu cari widget yang ingin dijadikan sticky, setelah ketemu klik Edit nanti nanti keluar pop up lihat URLnya, liat url paling akhir di situ nanti ada id=id widget kalian
  • Lebih jelasnya lihat gambar....

  • Cara Mengetahui Id Dari Widget Yang Ada Di Blog
  • Nah mudah bukan, kalian tinggal copy dan masukan ke script widget stickynya :)
  • Okeh cukup sampai di sini n selesai.

Cukup sekian dan terima kasih, semoga artikel tentang Tutorial cara memasang widget sticky dan berhenti diatas footer ini bermanfaat ya :)

apabila masih ada yang tidak dimengerti, silahkan bertanya di kolom komentar :)

Cara Memasang Widget Recent Post By Label Di Blog

Cara Memasang Widget Recent Post By Label  Di Blog
Cara Memasang Widget Recent Post By Label  Di Blog

Tutorial cara membuat recent post berdasarkan label

Cara Menambahkan Widget Recent Post By Label Di Bawah Postingan Blog. Kali ini saya akan berbagi tutorial membuat 2 (dua) widget baru dibawah postingan blog yang akan menampilkan recent post berdasarkan label tertentu.

Widget Recent Post by Label ini saya ambil dari Template Evo Magz buatan Mas Sugeng yang sangat fenomenal.

Widget Recent Post by Label With Thubnial ini akan menampilkan 4 artikel terbaru ditambah dengan menampilkan Komentar, Tanggal Di Publikasikannya dan juga readmore. Kalian juga bisa mengatur berapa artikel yang akan ditampilkan.

Nah, untuk memasang Widget Recent Post by Label di bawah postingan blog, bisa ikuti tutorial singkat dibawah ini...

Membuat Recent Post Berdasarkan Kategori

  • Langkah pertama, silahkan login ke akun Blogger
  • Setelah login, masuk ke menu, Template, Edit HTML, Cari Kode </head>
  • Kalo sudah ketemu, masukan script Widget Recent Post by Label With Thubnialdibawah ini tepat diatasnya
  • 
    <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
    <style type='text/css'>
    .Recent_Post_Mas_Tamvan .recent-posts-title{margin:0 0 15px;padding:0;position:relative}.Recent_Post_Mas_Tamvan .recent-posts-title h2{background:#fff;border-bottom:2px solid #303030;border-right:0;line-height:32px;font-size:13px;text-transform:uppercase}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span{position:relative;display:inline-block;padding:2px 12px 0;background-color:#303030;color:#fff}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span a{color:#fff!important}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span:before{content:"\f14d";font-family:Fontawesome;display:inline-block;text-align:center;margin-right:10px;font-weight:normal}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan{float:left;width:49%;margin:0 0}.Recent_Post_Mas_Tamvan #recent-post-mas-tamvan-1{float:left}.Recent_Post_Mas_Tamvan #recent-post-mas-tamvan-2{float:right}#recent-post-mas-tamvan-2 .widget{padding:0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content{background:#ffffff;border:1px solid #f0f0f0;padding:15px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs{margin:0 0 0 0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs li{font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs .mastamvan_thumb{position:relative;background:#fbfbfb;margin:3px 0 10px 0;width:100%;height:0;padding-bottom:46%;overflow:hidden}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs .mastamvan_thumb img{height:auto;width:100%;border-radius:5px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2{font-size:13px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 li{padding:0 0;min-height:66px;font-size:11px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 .mastamvan_thumb2{background:#fbfbfb;float:left;margin:3px 8px 0 0;height:60px;width:60px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 .mastamvan_thumb2 img{height:60px;width:60px;border-radius:5px}.sidebar ul.mastamvan_thumbs li:before,.sidebar ul.mastamvan_thumbs2 li:before,#bottombar ul.mastamvan_thumbs li:before,#bottombar ul.mastamvan_thumbs2 li:before{display:none}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title{font-size:18px;display:block;margin:0 0 5px;line-height:1.4em}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#1C90F3;font-weight:bold}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a:hover{color:#0072C6}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title2{font-size:14px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_summary{display:block;margin:6px 0 0;color:#8D8D8D}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_meta{background:transparent;display:block;font-size:11px;color:#8D8D8D;text-transform:uppercase}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_meta a{color:#8D8D8D!important;display:inline-block}span.mastamvan_meta_date,span.mastamvan_meta_comment,span.mastamvan_meta_more{display:inline-block;margin-right:8px}span.mastamvan_meta_date:before{content:"\f073";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}span.mastamvan_meta_comment:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}span.mastamvan_meta_more:before{content:"\f0a9";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}ul.mastamvan_thumbs2 li a:hover,ul.mastamvan_thumbs li a:hover{color:#0072C6}@media screen and (max-width:400px){.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan{float:none;width:100%}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget{padding:0}}
    </style>
    <script src='https://rawgit.com/mastamvan/backup/master/relatedpostbylabel.js' type="text/javascript"></script>
    <script type='text/javascript'>
    var numposts = 1;
    var numposts2 = 4;
    var showpostthumbnails = true;
    var showpostthumbnails2 = true;
    var displaymore = true;
    var displaymore2 = false;
    var showcommentnum = true;
    var showcommentnum2 = true;
    var showpostdate = true;
    var showpostdate2 = true;
    var showpostsummary = true;
    var numchars = 100;
    var thumb_width = 300;
    var thumb_height = 140;
    var thumb_width2 = 60;
    var thumb_height2 = 60;
    var no_thumb = &#39;https://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&#39;
    var no_thumb2 = &#39;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&#39;
    </script>
    </b:if>
    
  • Nah, kalo sudah dipasang, kita tinggal memasang kode HTMLnya
  • Mungkin di setiap template beda-beda ya gan, sesuaikan saja tempatnya, ntah itu mau di atas footer, Sidebar
  • Untuk tutorial kali ini, saya akan memasang widget recent postnya dibawah post blog atau diatas sidebar, mudah2an di template kalian juga strukturnya sama
  • Langkah pertama, Masih di Edit HTML. Pilih Menu Lompat Ke Widget Lalu Klik Blog1
  • Setelah Lompat ke Blog1 kalian klik kolom angka di sebelah kirinya, Terus Masukan HTML Widget Recent Postdibawah ini tepat dibawah kode </b:section>
  • 
    <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
    <div class='Recent_Post_Mas_Tamvan'>
    <b:section class='recent-post-mas-tamvan' id='recent-post-mas-tamvan-1' maxwidgets='1' preferred='yes' showaddelement='no'>
      <b:widget id='HTML80' locked='false' mobile='yes' title='Blogger' type='HTML' version='1' visible='true'>
        <b:includable id='main'> 
     <div class='widget-content recent-posts'>
       <script>
       document.write(&#39;&lt;div class=&quot;recent-posts-title&quot;&gt;&lt;h2&gt;&lt;span&gt;&lt;a title=&quot;<data:title/>&quot; href=&quot;/search/label/<data:content/>?max-results=4&quot;&gt;<data:title/>&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
       document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
       </script>
    
     </div>
     </b:includable>
      </b:widget>
    </b:section>
      
    <b:section class='recent-post-mas-tamvan' id='recent-post-mas-tamvan-2' maxwidgets='1' preferred='yes' showaddelement='no'>
      <b:widget id='HTML90' locked='false' mobile='yes' title='Tools' type='HTML' version='1' visible='true'>
        <b:includable id='main'> 
     <div class='widget-content recent-posts'>
       <script>
       document.write(&#39;&lt;div class=&quot;recent-posts-title&quot;&gt;&lt;h2&gt;&lt;span&gt;&lt;a title=&quot;<data:title/>&quot; href=&quot;/search/label/<data:content/>?max-results=5&quot;&gt;<data:title/>&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
       document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
       </script>
    
     </div>
     </b:includable>
      </b:widget>
    </b:section>
    
    <div class='clear'/>
      </div>
            </b:if>
    
  • Untuk lebih jelasnya, bisa lihat GIF dibawah ini..
  • Cara Memasang Widget Recent Post By Label  Di Blog
  • Nah Kalo Sudah Selsesai tanpa masalah, tinggal Save Template
  • Selesai
  • Untuk Mengisi Widgetnya Kalian Masuk Ke Tataletak
  • Lalu cari Widget dengan judul recent-post-mas-tamvan-1 dan recent-post-mas-tamvan-2
  • Klik Edit Lalu Masukan Nama Label Kalian. Ingat Nama Label Harus Sesuai Besar / Kecilnya Huruf
  • widget-recent-post-with-thubnial
  • Kalo sudah di sesuaikan, tinggal simpan widgetnya
  • Selesai
  • Satu lagi, kalo widget recent post di tataletak tidak berdampingan kalian bisa coba masukan css dibawah ini diatas kode */]]></b:skin>
  • 
    body#layout .recent-post-mas-tamvan {
        width: 50%!important;
        margin: 0px auto !important;
        float: left;
    }
    
  • Nah semua tutornya kayanya cukup gan :3
  • Kalo ada yang bingung / tidak mengerti, bisa bertanya dikolom komentar. Nanti saya bantu.

Cukup sekian dan terima kasih, semoga artikel tentang Tutorial Memasang Widget Recent Post By Label With Thubnial Dibawah postingan Blog ini bermanfaat ya :)
jangan Lupa Share :)

Tools HTML To Javascript Converter Online

Tools HTML To Javascript Converter Online
Tools HTML to Javascript Converter

Free Tools For Converter HTML TO Javascript Online

Cara Convert HTML ke JavaScript dengan tools online. Sebenarnya tools ini bisa juga d gunakan untuk menconvert html, css dan javascript juga bisa...

Tapi sebelum menconvert html / css ke javascript, kalian terlebih dahulu harus memminifier kode kalian dulu atau kalian harus menghapus enter dari kode kalaian jadi penulisannya harus lurus seperi ini <div class='content'><div class='isi_content'>Content</div></div> . Jika tidak d hapus nanti jaavscriptnya ga bekerja.

Bagi kalian yang ingin mencobanya, bisa coba masukan text,html,css atau javascript di tools berikut ini...

HTML Source Code:

Jangan lupa, mampir ke tools online lainnya yang sudah mas tamvan publikasikan :)

  • Belajar Mendesain Blog Dengan Tools Editor Html Online

  • All In One, HTML, CSS, Javascript Compressor Dan Beautifier

  • Cara Mudah Membuat Tabel Di Postingan Blog Dengan Tool



Cukup sekian dan terima kasih, semoga tools untuk menconvert html ke javascript ini bermanfaat..

Jangan lupa kalo ada tools yang sudah ga jalan kasih tau saya ya gan :)

Cara Melihat Watak Dan Sifat Menurut Neptu Kelahiran Dengan Tool

Cara Melihat Watak Dan Sifat Menurut Neptu Kelahiran Dengan Tool
primbon jawa ramalan watak dan karakter neptu

Cara Mengetahui Watak Dan Karakter Atau Sifat Seseorang Berdasarkan Neptu Kelahiran

Primbon Ramalan Jawa Untuk Melihat Watak Dan Sifat atau karakter kita. Bagaimana cara melihat / mengetahui Karakter, Sifat dan watak orang lain berdasarkan Nama dan tanggal lahir? Nah Dengan Tool ini kalian dapat mengetahui sifat dan karakter seseorang, tapi kalian harus mengetahui nama dan tangal lahirnya.

Sifat, watak dan karakter seseorang bisa diketahui berdasarkan Neptu Kelahiran, hari lahir atau weton pada pasaran jawa. Pasaran jawa yang dimulai dari manis, pahing, pon, wage, kliwon juga hari yang dimulai dari senin, selasa, rabu, kamis, jumat, sabtu, minggu. Jumlahnya ada 35 hari dalam pasaran jawa dan tentunya semua itu mempunyai arti yang berbeda-beda.

Neptu kelahiran Seseorang didapat dari hasil penjumlahan hari lahir dan hari pasaran jawa. Nah untuk melihatnya, kalian dapat menggunakan tools dibawah ini, cukup masukan nama kallian dan tangal lahir kalian terus klik Cek!

Tool Untuk Melihat Watak dan Sifat Menurut Neptu Kelahiran


Nah kalo sudah melihat watak dan sifat atau karakter kalian dengan tools di atas, jangan lupa mampir ke postingan lainnya ya :)

  • Cara Mengetahui Zodiak Kita Lewat Tanggal Lahir Dengan Tools

  • Ramalan Jodoh Atau Pasangan Hidup berdasarkan Tanggal Lahir

  • Auto Like Dan Follow Instagram Terbaru 2016 Work 100% No Spam



Semoga artikel tentang Cara Melihat Watak Dan Sifat Menurut Weton, Neptu Kelahiran Dengan Tool ini bermanfaat :)

Back To Top Smooth Scrolling Pure Javascript

Back To Top Smooth Scrolling Pure Javascript
Back To Top Smooth Scrolling Pure Javascript

Cara Memasang Back to Top di Blog Blogspot Dengan Animasi Menggunakan Javascript

Tutorial Cara Membuat Tombol Back To Top Pada Website / Blog. Tutorial kali ini kita akan memasang tombol back to top dengan animasi ketika di scroll ke atas menggunakan CSS dan Javascript.

Nah bagi kalian yang ingin memasang tombol back to top di pojok kanan bawah blog kalian, bisa gunakan tutorial di blog mas tamvan ini :). Back to top ini tidak menggunnakan jQuery jadi tidak terlalu memberatkan loading blog.

Untuk melihat tampilan dari tombol back to top ini, kalian bisa lihat di link berikut ini.
Demo Button Back To Top With Smooth Scrolling

Nah untuk tutorial Cara Pemasangannya ke blog, silahkan ikuti langkah demi langkah dibawah ini..

Membuat Tombol BackTto Top Dengan CSS dan Javascript

  • langkah pertama, login terlebih dahulu ke blogger.com
  • Setelah login kalian masuk ke menu, Template, Edit HTML
  • Setelah berada di Edit HTML, kalian cari kode </head>
  • Setelah ketemu, masukan script dibawah ini tepat di atasnya
  • 
    <style type='text/css'>
    /*<![CDATA[*/
    /*Back To Top*/
    .scroll-button{box-sizing:border-box;font-size:1.2rem;line-height:2rem;padding:3px;width:38px;height:38px;right:20px;bottom:20px;visibility:visible;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:pointer;transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;background:none;border:solid 2px rgb(210,104,211);color:rgb(249,104,211);border-radius:0%;position:fixed}
    .scroll-button:hover{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
    .scroll-button--hidden{filter:alpha(opacity=0);filter:progd:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
    /*]]>
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawgit.com/mastamvan/backup/master/backtop.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
    //]]>
    </script>
    
  • Setelah di pasang. Tinggal Save n Done
  • Cek ke blog kalian dan scroll ke bawah.

Jangan lupa mampir ke tutorial lainnya gan :)



Cukup sekian dan terima kasih, semoga artikel tentang Membuat tombol back to top dengan Animasi Efect Scroll ini bermanfaat ya :)

SEO NGILER - Template Simple Seo Fast Loading Responsive

SEO NGILER - Template Simple Seo Fast Loading Responsive
download-template-seo-simple-fast-loading-responsive

SEO NGILER - Download Template Blogger Simple, Seo, Fast Loading, Responsive, Valid HTML5, CSS3

Download Template Seo Friendly, Simple, Fast Loading, Responsive, Valid HTML5. Bagi kalian yang suka tampilan template yang simple bisa coba template yang satu ini SEO NGILER Template yang Responsive, fast loading cocok buat kalian yang kebanyakan pengunjungnya dair hp, karena Template SEO NGILER Mobile Friendly

Fitur Dari Template SEO NGILER
FeaturesAvailability
ResponsiveTrue Cek
SEOTrue Cek
Google Testing Tool ValidatorTrue Cek
Google Page SpeedTrue Cek
2 Column StyleTrue
3 Column Footer ResponsiveTrue
Google FriendlyTrue
Custom Threaded CommentTrue
Responsive Ad SlotTrue
Clean TypographyTrue
MinimalistTrue
BreadcrumbsTrue
Top NavigationTrue
Responsive Dropdown NavigationTrue
Mobile NavigationTrue
Blue Base Theme ColorTrue
Related PostsTrue
Search BoxTrue
Social Share ButtonTrue
Back To TopTrue
Sitemap WidgetTrue

Cara Mengganti Logo Header

Cari Link image dibawah ini, lalu ganti dengan link image kalien

https://2.bp.blogspot.com/-lPiR_6ID7Ns/V_Ngw3a3SvI/AAAAAAAAAG0/IOEuYce81bEVFN58uabREIw5_R2jhRJaQCLcB/s1600/SEO_NGILER.png

Mengatur Meta Tag Image Homepage
Cari Link Image dibawah ini, lalu ganti dengan link image / logo blog kalian.

https://1.bp.blogspot.com/-3sfPiW9c7Rw/V5IP4C90xlI/AAAAAAAAA70/kmMOj4TgPYsD4Qa5CFIkS3rIAPhTMwX-ACLcB/s1600/Blog-Mas-Tamvan.png

Page Navigation
Cara Menambah dan mengurangi jumblah post pada page navigation.
Cari script dibawah ini lalu ganti angka 2 dengan jumblah artikel yang ingin ditampilkan.

var postperpage=2;

Bagi kalian yang ingin mencoba template yang simple ini, bisa download di link berikut ini :
Lihat Dulu Download

SEO NGILER Premium