Cara memasukan Novigasi halaman bernomor
Hidup itu pembelajaran. Itulah kalimat yang saya peroleh saat saya mendapatkan sebuah ilmu dan pengalaman baru. Dan apapun yang kita pelajari, pastikan menjadikan kita selangkah lebih maju. Apa yang kita lakukan jika kita sudah selangkah lebih Maju...........!!!! "apakah kiat Akan berbagi atau hanya untuk anda sendiri",itu adalah pilihan anda,tapi pribadi saya hidup itu saling bebagi kawan.Apalah artinya sebua kehidupan bila kita selalu tertutup.........
Sumber : http://akulahdia09.blogspot.com/2013/01/selangkah-lebih-maju.html
Oke lanjung aja ,,,,,
Dalam tutorial ini saya akan menunjukkan kepada Anda, Bagaimana menambahkan Navigasi Halaman bernomor sempurna Di Blogger. Ini adalah navigasi halaman bernomor Saya menggunakan di blog ini (http://akulahdia09.blogspot.com/). Hal ini sangat sederhana untuk menambahkan. Kode JavaScript digunakan dalam navigasi halaman bernomor adalah dengan Rilwis (Deluxe Blog tips) dan kode CSS yang saya gunakan,,,,,
SebelumNya Kawan pasti terlebih dahulu Login ke blog ada, Nah setelah anda login anda buka temlate trus pilih Edit HTML,,,,Nah setelah itu
Cari kode </ b: skin>
setelah ketemu ada paste kode dibawah ini tempatkn di bawah kode </ b: skin>
.pagenavi{
clear:both;margin:10px auto;text-align:center
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#ff8400;color:#fff;text-decoration:none
}
.pagenavi .pages,.pagenavi .current{
font-weight:bold
}
.page
Kemudian cari kode
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
Setelah kode ditemukan letakan kode dibawah ini dibawah kode tersebut......
<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«" }
</script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
<div class="clear" />
</div>
</b:includable>
Kemudian kode <!-- navigation --> <b:include name='nextprev'/>
Setelah kode tersebut ditemukan letakan kode dibawah ini dibawah kode <!-- navigation --><b:include name='nextprev'/>
z<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if>
Oke sekian dulu kawa,selamat mencoba,,jika ada yang kurang dimengerti silahkan tingalkn pesan anda,,salam pintar dan Selangkah Lebih Maju untuk anda
CARA MENGHILANGKAN TANDA OBENG DIBLOG
Ada juga blogger di antara kita yang tidak suka dan merasa kurang nyaman dengan tampilan tang dan obeng ini. Jika kita termasuk dalam salah satu blogger yang tidak begitu suka dengan tampilan tang dan obeng saat kita berada dalam keadaan login, kita dapat menghilangkannya dari tampilan blog milik kita. Caranya cukup mudah karena kita hanya perlu menambahkan kode yang fungsinya untuk menghilangkan tampilan tang dan obeng tersebut.
Adapun cara untuk menghilangkan tang dan obeng di blog ini antara lain sebagai berikut:
Masuk/Login ke akun blogger.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode ini "]]></b:skin>
Masukan kode berikut tepat di atasnya ]]></b:skin>
.quickedit{
display:none;
}
Klik simpan template dan selesai.
