Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Cara Memasang Navigasi Halaman Posting

Sebelumnya, teman2 ada yang belum tahu apa itu navigasi halaman? Navigasi halaman yaitu fitur yang berfungsi sebagai rel untuk menuju ke halaman selanjutnya maupun ke halaman sebelumnya. Mungkin teman2 akan lebih jelas lagi kalau teman2 langsung pergi ke halaman google.com sekarang juga dan coba perhatikan angka2 halaman yg berada pada bagian paling bawah halaman google search tersebut. Nah, nomor2 halamn tersebutlah yang dinamakan navigasi halaman. Sebenarnya pihak blogger telah menyediakan fitur ini di blog kita sejak awal, akan tetapi bentuk navigasinya sederhana sekali yaitu berbentuk tulisan "Posting lama", "posting lebih baru", dll maka dari itu bagi teman2 yg ingin menampilkan blognya lebih ekspresif lagi maka bisa juga diterapkan trik yg satu ini.

Contoh tampilan



Cara membuatnya silahkan login dulu ke akun blogger, lalu klik tata letak >> Edit HTML ("expand widget templet" gak usah dicentang)

Selanjutnya letakkan kode berikut di atas tag ]]></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;
}




Lalu letakkan kode berikut di atas kode tag </body>

<b:if cond='data:blog.pageType != &quot;item&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://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/blogger_navpage.js' type='text/javascript'/>
</b:if>




Klik simpan template. Sekarang silahkan untuk melihat hasilnya di blog anda...


Bagian2 yang bisa teman2 atur antara lain

var pageCount=5; = Fungsinya untuk mengatur jumlah halaman postingan yang berada di dalam satu tampilan ketika teman2 mengklik next atau pun nomor halaman.

var displayPageNum=5; = Junmlah angka/nomor halaman yang tampil pada fitur navigasi halaman.

var upPageWord =&#39;Previous&#39;; = Untuk tulisan "Previous" bisa teman2 ganti dengan kata2 lain seperti "sebelumnya" atau apa saja yg semisal.

var downPageWord =&#39;Next&#39;; = Sama halnya dengan kata Previous, kata "next" juga bisa teman2 ganti dengan kata2 lain seperti "selanjutnya" atau apa saja yg semisal.


--------------------------------------------------
NB:

Untuk menerapkan trik ini, usahakan jumlah postingan teman2 di atas 10 buah postingan atau lebih.
--------------------------------------------------



Semoga Bermanfaat []

Tags: membuat navigasi halaman, cara membuat navigasi untuk blogspot, agar blog blogger punya navigasi, cara mudah membuat navigasi, membuat navigasi dengan HTML, script navigasi Blogger