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.
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;
}
Angka, Tulisan atau Gambar untuk blog yang TEMPLATE nya hasil
download atau copy dari internet.
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.
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>
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</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.
Angka, Tulisan atau Gambar untuk blog yang TEMPLATE nya hasil
download atau copy dari internet.
- Mengganti Tulisan Older Post
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>
VQ4GNse_0lI/AAAAAAAABgs/sDz1-5TVrjE/s1600/Previous%2BBlack.png</a>
- Mengganti Tulisan Newer Post
Pada menu Edit HTML Temukan
kode seperti berikut ini.
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
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>
/VQ4GMhc-_tI/AAAAAAAABgk/_ZyTrWxRoGA/s1600/Next%2BBlack.png</a>
- 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://
AAABgQ/J3LjKJz3o0k/s1600/Home%2BBlack.png</a>
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