Monday, April 14, 2025

ads

headlines

    2:

Slider[Style1]

    Style2

      Style3[OneLeft]

      Software

      Style3[OneRight]

        Style4

          Style5

          Music

          Cara Pasang Iklan Berdampingan Dibawah Postingan Blog

          Cara Pasang Iklan Berdampingan Dibawah Postingan Blog Berikut ini adalah Cara Pasang Iklan Berdampingan Dibawah Postingan Blog >> 1. Login ke blogspot sobat,2. Buka Template => Edit HTML3. Lalu...

          read more →

          Tips Membuat Daftar Isi Unik Yang Mirip Rak Buku

          Hai sobat blogger, pernahkah sobat melihat daftar isi yang unik dan menarik, dan inilah salah satunya dari daftar isi yang unik itu,. kali ini saya akan membagikan cara...

          read more →

          Tips Merubah Tampilan Widget Popular Posts Dengan Grid Layout Style

          Pada tutorial sebelumnya saya telah mengetengahkan cara modifikasi popular posts dengan circel image style, dan tutorial kali ini akan mengetengahkan cara modifikasi popular posts dengan grid layout style seperti image/ screen shoot disamping....

          read more →

          Tips Menambahkan Elemen Halaman Atau Kolom Full Widgets Pada Sidebar

          Tutorial kali ini kita akan belajar lagi tentang desain template? Bagaimana menambahkan elemen halaman atau kolom full widget pada sidebar template blogger dengan menggunakan CSS, XHTML dan JavaScript hanya dalam empat langkah simple,...

          read more →

          Memasang Widget Posting Terbaru dengan Tooltips

          Bagi Pengguna blogger Widget Recent Post/ Posting Terbaru bukan merupakan hal yang baru. Biasanya widget seperti ini yang diletakkan di sidebar agar pada saat membuka postingan pengunjung bisa...

          read more →

          Cara Membuat Widget Popular Post Blog Unik dan Berwarna

          Artikel kali ini adalah Cara Membuat Widget Popular Post Blog Unik dan Berwarna. Nah langsung saja berikut cara singkatnya :  1. Buka www.blogger.com dan log ini dahulu2. Pergilah ke...

          read more →

          Cara Mengganti atau Merubah Tampilan "Older Posts" Dengan Angka

          Trik Cara Mengganti atau Merubah Tampilan "Older Posts" Dengan Angka - Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". hal ini tentu sangat Beda dengan yang ada pada wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

          Dalam trik kali ini akan kita bahas tentang bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" tersebut menjadi angka seperti yang ditunjukkan pada gambar di bawah ini.
          Cara Merubah Older Posts Dengan Angka

          1. Langkah pertama tentu saja anda harus Login ke akun blogger milik anda selanjutnya menuju ke desain template anda kemudian lalu "Edit HTML"
          2. setelah itu cari kode ini ]]></b:skin> Jika sudah anda temukan lalu letakkan kode CSS dibawah ini sebelum kode tersebut

          .showpageArea a {
          text-decoration:underline;
          }
          .showpageNum a {
          text-decoration:none;
          border: 1px solid #cccccc;
          margin:0 3px;
          padding:3px;
          }
          .showpageNum a:hover {
          border: 1px solid #cccccc;
          background-color:#cccccc;
          }
          .showpagePoint {
          color:#333;
          text-decoration:none;
          border: 1px solid #cccccc;
          background: #cccccc;
          margin:0 3px;
          padding:3px;
          }
          .showpageOf {
          text-decoration:none;
          padding:3px;
          margin: 0 3px 0 0;
          }
          .showpage a {
          text-decoration:none;
          border: 1px solid #cccccc;
          padding:3px;
          }
          .showpage a:hover {
          text-decoration:none;
          }
          .showpageNum a:link,.showpage a:link {
          text-decoration:none;
          color:#333333;
          }

          3. Jika sudah kemudian cari kode ini </body> lalu tempatkan kode script dibawah ini sebelum kode tersebut.

          <!--Page Navigation Starts-->
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <script type='text/javascript'>
          var pageCount=5;
          var displayPageNum=5;
          var upPageWord =&#39;Previous&#39;;
          var downPageWord =&#39;Next&#39;;
          </script>
          <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
          </b:if> </b:if>
          <!--Page Navigation Ends -->

          4. Terakhir simpan dan lihat hasilnya.

          Selamat mencoba semoga informasi tersebut bermanfaat untuk anda.



          SOURCE : http://ardiyantobay.blogspot.com/2012/08/cara-merubah-newer-dan-older-posts.html