Cara Membuat Page Navigation Di Blog

Ada beberapa cara yang dipakai untuk membuat Page navigation di blog, ini adalah salah satu cara yang bisa kamu pakai.Caranya adalah sebagai berikut :

1. Buka blogger dasbor
2. Klik Rancangan
3. Klik  Edit HTML
4. Cari kode </body>

Setelah dapat kode </body>, kamu copy kode HTML di bawah ini, tepat di atas kode </body> tadi. Berikut kode HTML yang bisa kamu copy :

<strong><span style="font-weight: normal;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /> <style type='text/css'><br /> .blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}<br /> .showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXbt0TDMHl3M-_Y7FccNNnNsYkLOCiWzdVr-64UbMQEvzTJXc_Odv430ygYprrkTyzCT_63PBUQ14-aftj3ZfJlWvtyQ4DXhzj-A4B9bZeRJUVAvDiHJXDt98xvctt2pOCgvIV_fgC84/s1600/lite.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;<br /> margin:0px 1px 0 1px;padding:3px 10px;color:#222;line-height:30px;cursor:pointer;}<br /> <br /> .showpageNum a:hover,.showpage a:hover {<br /> background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXbt0TDMHl3M-_Y7FccNNnNsYkLOCiWzdVr-64UbMQEvzTJXc_Odv430ygYprrkTyzCT_63PBUQ14-aftj3ZfJlWvtyQ4DXhzj-A4B9bZeRJUVAvDiHJXDt98xvctt2pOCgvIV_fgC84/s1600/lite.png) repeat-x;background-position:0px -30px;<br /> border:2px solid #555;-webkit-border-radius:3px;<br /> -moz-border-radius:3px;border-radius:3px;color:#111;-text-decoration:underline;}<br /> <br /> .showpageOf{margin:0 8px 0 0;<br /> background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXbt0TDMHl3M-_Y7FccNNnNsYkLOCiWzdVr-64UbMQEvzTJXc_Odv430ygYprrkTyzCT_63PBUQ14-aftj3ZfJlWvtyQ4DXhzj-A4B9bZeRJUVAvDiHJXDt98xvctt2pOCgvIV_fgC84/s1600/lite.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:30px;padding:3px 10px;color:#222;}<br /> <br /> .showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXbt0TDMHl3M-_Y7FccNNnNsYkLOCiWzdVr-64UbMQEvzTJXc_Odv430ygYprrkTyzCT_63PBUQ14-aftj3ZfJlWvtyQ4DXhzj-A4B9bZeRJUVAvDiHJXDt98xvctt2pOCgvIV_fgC84/s1600/lite.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #111;-webkit-border-radius:3px;  -moz-border-radius:3px;border-radius:3px;color:#777;text-decoration:underline;font-weight:bold;<br /> </style><br /> <script type='text/javascript'><br /> var pageCount=6;<br /> var displayPageNum=6;<br /> var upPageWord =&#39;Previous&#39;;<br /> var downPageWord =&#39;Next&#39;;<br /> </script><br /> <script src='http://dvslabs.googlecode.com/files/bg-pagenavigation-v2.js' type='text/javascript'/><br /> </b:if><br /> </b:if></span></strong><br /> <br /> <strong><span style="font-weight: normal;">Silahkan dicoba, semoga berhasil...!!! </span></strong>

Read More..

Cara Membuat Blogroll Di Blog

Bagi kamu yang belum tahu cara membuat blogroll di blog kamu, Nich ane kasih tahu caranya, berikut sama kode HTML/Javascript nya. Di blog terdapat beberapa macam jenis blogroll, fungsinya sih sama saja, hanya saja bentuk Blogroll nya ini bisa menjadi pilihan tergantung selera masing-masing.

Model 1

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">; <option> - Blogroll atau ganti tulisan ini sesuka agan - </option>

<option value="http://visiteris.blogspot.com/">1.visiteris</option>

<option value="http://visiteris.blogspot.com/">2.visiteris</option>

</select>

 Model 2

select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="2">; <option> - Blogroll atau ganti tulisan ini sesuka agan - </option>

<option value="http://visiteris.blogspot.com/">1.visiteris</option>

<option value="http://visiteris.blogspot.com/">2.visiteris</option>

</select>

Model 3
elect name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="5">; <option> - Blogroll atau ganti tulisan ini sesuka agan - </option>

<option value="http://visiteris.blogspot.com/">1.visiteris</option>

<option value="http://visiteris.blogspot.com/">2.visiteris</option>

</select>

NB : Untuk tulisan yang berwarna biru, silahkan kamu ganti sesuai dengan link yang kamu inginkan.

Semoga Bermanfaat...!!!

Read More..