bloggerrized

Banner Melayang

<div dir="ltr" style="text-align: left;" trbidi="on">
Banner ini melayang klik 2x untuk menutup.<br />
<a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://adf.ly/?id=36060"><img border="0" height="60" src="http://cdn.adf.ly/images/banners/adfly.468x60.5.gif" title="AdF.ly - shorten links and earn money!" width="468" /></a><br />
<a href="http://kivandanu.surveys24.hop.clickbank.net/"><img height="60" src="http://www.paid-surveys-at-home.com/banners/468x60.gif" width="468" /></a><br />
<br />
KODE UNTUK BANNER MELAYANG<br />
<br />
<div>
<form name="copy">
<div align="center">
</div>
<div align="center">
<a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=3998406318340837049" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL"><------KODE------->
<style type="<a class=" zem_slink"="" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets" rel="wikipedia nofollow" target="_blank">text/css</a>"> #gb{ position:fixed; top:220px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:50px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <br>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<<a class="zem_slink" href="http://en.wikipedia.org/wiki/Span_and_div" title="Span and div" rel="wikipedia nofollow" target="_blank">div style</a>="text-align: right;">
<<a class="zem_slink" href="http://en.wikipedia.org/wiki/HTML" title="HTML" rel="wikipedia nofollow" target="_blank">a href</a>="javascript:showHideGB()"> .:[Close][Klik 2x]:.  </div>
<center>

<a href="http://adf.ly/?id=36060"><</a><a class="zem_slink" href="http://en.wikipedia.org/wiki/HTML_element" title="HTML element" rel="wikipedia nofollow" target="_blank">img</a> src="http://cdn.adf.ly/images/banners/adfly.468x60.5.gif" title="AdF.ly - shorten links and earn money!" border="0" height="60" width="468">
<a href="http://kivandanu.surveys24.hop.clickbank.net/"><img src="http://www.paid-surveys-at-home.com/banners/468x60.gif" height="60" width="468"></a>

</center>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div>
<-----ENDKODE-------->

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>