Tutorial Page Navigation

11:07 PTG


Tutorial kali ini ialah tutorial page navigation macam dekat blog D'ya Marshmello di bahagian bawah sekali.Tak tahu apa tu tutorial navigation? Sila lihat gambar di atas.Tutorial ni bagus sebenarnya supaya pengunjung boleh membaca older post ataupun entri anda yang lepas.

 Bagi pengguna design/layout template 

(1) Pergi ke dashboard>design>add gadget>HTML/javascript

(2) Pastekan code di bawah ini di add gadget bahagian bawah sekali okay.

<b:if cond='data:blog.pagetype == "index"'><style type="text/css">.blogpager {font-size:16px;color: #060;font-weight:bold;padding:0px 4px;}</style>
<div align="center" style="margin:5px;"><form action="#" name="pager20"><span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span></form></div><script type="text/javascript">
var blogID = "YOUR BLOG ID";var home_page = "YOUR BLOG LINK";var pager_max_main = 5;
var pager_first_text = "First";var pager_last_text = "Last";var pager_prev_text = "Prev";var pager_next_text = "Next";

</script><script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"type="text/javascript"></script></b:if><br />


(3) Tukarkan "YOUR BLOG ID" dengan ID blog anda.ID blog ni boleh didapati di atas link blog anda.Contoh gambar seperti di bawah.




(4) Tukarkan "YOUR BLOG LINK" dengan link blog anda.Contohnya seperti :-

http://miss-dya.blogspot.com 


(5) Dan akhir sekali tukarkan dengan nombor apa-apa sahaja apabila sekali page itu terbuka.Paham? Selamat mencuba :P




Photobucket

You Might Also Like

0 marshmallow komen