Cara Mengganti Tulisan Older Post dan Newer Post Pada Blog Dengan Angka, Tulisan atau Gambar - SOLUSI SIMBAH

SOLUSI SIMBAH

Solusi Semua Informasi Masalah Buat Anda

test banner

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Monday, September 4, 2017

Cara Mengganti Tulisan Older Post dan Newer Post Pada Blog Dengan Angka, Tulisan atau Gambar

Ada dua cara dalam mengganti tulisan Older Post dan Newer Post Pada Blog Dengan Angka, Tulisan atau Gambar. Cara yang pertama ini digunakan untuk blog yang TEMPLATE nya bawaan dari blogger. Yang kedua digunakan untuk blog yang TEMPLATE nya hasil download atau copy dari internet.

1. Cara Mengganti Tulisan Older Post dan Newer Post Pada Blog Dengan Angka, 
    Tulisan atau Gambar untuk blog yang TEMPLATE nya bawaan dari blogger. 
  • Pertama masuk ke Template dan klik edit HTML 
  • Kemudian cari kode ]]></b:skin>  pada kotak HTML. Untuk lebih mudahnya kita klik di dalam kotak kemudian kita tekan CTR +F.  maka, akan muncul kotak pencaharian cepat. langsung saja kita masukkan kode diatas tadi kemudian tekan enter.
  • Kemudian taruh kode dibawah ini tepat sebelum atau diatas ]]></b:skin>
            .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;
           }

  • Terus cari kode </body> kemudian taruh kode di bawah ini sebelum atau diatas 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 -->
  • Terakhir simpan dan lihat hasilnya.
2.  Cara Mengganti Tulisan Older Post dan Newer Post Pada Blog dengan
     Angka, Tulisan atau Gambar untuk blog yang TEMPLATE nya hasil 

     download atau copy dari internet.
  •  Mengganti Tulisan Older Post 
         Pertama masuk ke Template dan klik edit HTML

          Temukan kode seperti berikut ini.

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

         Kemudian ganti kode <data:olderPageTitle/> dengan  teks yang anda 
         inginkan, sebagai contoh SEBELUMNYA sehingga menjadi   :

expr:title='data:olderPageTitle'>SEBELUMNYA</a>

         Sedangkan untuk mengganti dengan gambar, silahkan ganti kode dengan 
         url gambar anda. Contoh   :
expr:title='data:olderPageTitle'>http://4.bp.blogspot.com/-mMdFeER0mJA/
VQ4GNse_0lI/AAAAAAAABgs/sDz1-5TVrjE/s1600/Previous%2BBlack.png</a>
         Hasilnya akan seperti berikut   : 
  • Mengganti Tulisan Newer Post

          Pada menu Edit HTML Temukan kode seperti berikut ini.


expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

          Kemudian ganti kode <data:olderPageTitle/> dengan  teks yang anda 
          inginkan, sebagai contoh SEBELUMNYA sehingga menjadi   :

expr:title='data:newerPageTitle'>SELANJUTNYA</a>

          Sedangkan untuk mengganti dengan gambar, silahkan ganti kode dengan 
          url gambar anda. Contoh   :
expr:title='data:newerPageTitle'>http://3.bp.blogspot.com/-DKqhGSuL8Lg
/VQ4GMhc-_tI/AAAAAAAABgk/_ZyTrWxRoGA/s1600/Next%2BBlack.png</a>
           Hasilnya akan seperti berikut   :

  • Mengganti Tulisan Home

          Pada menu Edit HTML Temukan kode seperti berikut ini.


<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

          Kemudian ganti kode <data:olderPageTitle/> dengan  teks yang anda inginkan, 
          sebagai contoh SEBELUMNYA sehingga menjadi   :

<a class='home-link' expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a>

           Sedangkan untuk mengganti dengan gambar, silahkan ganti kode dengan url 
           gambar anda. Contoh   :
   <a class='home-link' expr:href='data:blog.homepageUrl'>http://
           2.bp.blogspot.com/-SDc1Wp3N9ag/VQ4GMEQipzI/AAAAA
AAABgQ/J3LjKJz3o0k/s1600/Home%2BBlack.png</a>
           Hasilnya akan seperti berikut   :

Nah, itulah Cara Mengganti Tulisan Older Post dan Newer Post  yang dapat anda gunakan untuk mengimprovisasi blog anda, semoga artikel tersebut dapat bermanfaat bagi anda sekalian.
 

No comments:

Post a Comment

Post Bottom Ad

Responsive Ads Here

Pages