bloggerrized

Membuat Nagivation Halaman Bernomor untuk Blogger

<div class="zemanta-img">
<span class="zemanta-img-attribution"><a href="http://www.crunchbase.com/"></a></span></div>
Posting ini menjelaskan  cara menambahkan widget navigasi halaman bernomor ke blogger (blogspot)  blog: <br />
Apa yang dimaksud dengan Navigasi Halaman bernomor? <br />
Dalam  blogger, secara default, <a class="zem_slink freebase/m/028bq0p" href="http://maps.google.com/maps?ll=46.4625,125.506666667&spn=1.0,1.0&q=46.4625,125.506666667%20%28Anda%20%28Heilongjiang%29%29&t=h" rel="geolocation nofollow" title="Anda (Heilongjiang)">Anda</a> melihat link NewPosts (Posting lebih baru)  <b style="color: #38761d;"></b> , Home, dan Older Posts (Posting Lebih  <a class="zem_slink freebase/en/baru" href="http://en.wikipedia.org/wiki/Baru" rel="wikipedia nofollow" title="Baru">Baru</a>) dekat bagian bawah halaman posting blog anda, ini berguna bagi pengunjung  blog Anda untuk menavigasi ke pesan lainnya dari blog Anda. seperti gambar ini: <b style="color: #38761d;"> </b><br />
<div style="font-family: inherit; text-align: center;">
<b style="color: #38761d;"><<NewPosts | Home | Older  Posts>></b></div>
<div class="separator" style="clear: both; font-family: inherit; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aYerzU_Is989uDUkzpGkQDFSsJukQjOLhzjxb6xquizVgS3DtFm4IIdhxSK3lAMlcMrNTBvpxQgrbtKROBRUp1_0FRTL5rhs_LGh0Lyzp9jNAhRMcsgIIZDvMiekT_5pcsx9QPNGwZ5y/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div style="font-family: inherit;">
</div>
<br />
Tambahkan  kode css berikut DI ATAS <b>]]></b:skin></b><br />
<br />
<br />
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 245px; width: 382px;" wrap="VIRTUAL">.showpageArea{padding:10px;background:#fff}
.showpageArea a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;<span class="IL_AD" id="IL_AD2">text-decoration</span>:none}<br />
.showpageNum a{font-weight:<span class="IL_AD" id="IL_AD9">bold</span>;color:#ca1717;padding:1px 8px; margin:0 4px;text-shadow:0px 2px 4px #666;border:1px <span class="IL_AD" id="IL_AD5">solid</span> #fff;background:#fff;}<br />
.showpageNum a:hover{color:#fff;background: #ca1717;<br />
filter: progid:DXImageTransform.<span class="IL_AD" id="IL_AD8">Microsoft</span>.gradient(startColorstr='#fff', endColorstr='#ca1717');<br />
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));<br />
background: -moz-linear-gradient(top, #fff, #ca1717);text-shadow:0px 2px 2px #00a;border:1px solid #ddd;}<br />
.showpagePoint{color:#fff; text-shadow:0px 2px 2px #00a; padding:1px 8px; margin:2px; font-weight:bold;border:1px solid #ddd;background: #ca1717;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');<br />
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));<br />
background: -moz-linear-gradient(top, #fff, #ca1717);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}<br />
.totalpages{margin:0 8px 0 0;color:#444;background:#fff;padding:1px 10px;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}<br />
.showpage a{padding:1px 8px; margin:0 2px;border:1px solid #ddd;background: #ca1717;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');<br />
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));<br />
background: -moz-linear-gradient(top, #fff, #ca1717);;color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}<br />
.showpage a:hover{background: #ca1717;<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');<br />
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));<br />
background: -moz-linear-gradient(top, #fff, #ca1717);color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}<br />
#showlastpage a{font-weight:bold}</div>
<div class="separator" style="clear: both; text-align: center;">
</div>