This Blog Has Been Moved To HANTUJAVASCRIPT.

Friday, December 10, 2010

Home » , , »

Cara Kedua Letak Tab Nombor Navigasi Untuk Blog (2)


tutorial yang  lepas...saya telah ajar bagaimana ingin letak tab Navigasi....tapi ada teman blogger saya memberi  tahu kepada saya bahawa kod yang saya beri tidak boleh di templatnya itu...mungkin template yang di guna tidak menyaport kod tersebut...dan saya telah mencuba kod baru....dan hasilnya sama tapibanyak langkah yang perlu dibuat...


1.pergi ke design>Edit HTML

2.tekan CTRL bersama F kemudian cari  ]]></b:skin>

3. letakkan kod  ini di atas kod diatas
.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;
}
4.selepas itu...cari </body>

5.sudah cari...letak kod dibawah sebelum kod tersebut
<<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=7;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
tukarkan nombor berwarna unggu kepada bilangan post pada setiap page
tukarkan nombor berwarna merah kepada bilangan nombor pada bar navigasi
perkataan "Previous" boleh ditukarkan kepada perkataan yang anda mahu seperti "belakan", "balik" atau apa saja
Perkataan "Next" boleh ditukarkan kepada perkataan yang anda mahu seperti "seterusnya", "kedepan" atau apa saja
*sekiranya tidak berjaya tukarkan http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js kepada http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js*

3 comment:

waden said...

bagusnya tutorial ko..

♥cik cahya♥ said...

kod ni boleh guna tuk Classic Templates x ?

fad*** said...

@♥cik cahya♥ ...saya x pasti....tapi kalo templat tu x saport x leh la....sebelum guna backup templat lu

Post a Comment

<b></b> : Tebalkan huruf
<i></i> : Condongkan huruf
<a href="http://URL.anda,com">link</a> : letak link
&lt; : tanda [<]
&gt; : tanda [>]
&quot; : tanda ["]

Click Itu Sedekah...maka...CLICKlah!!!

Follow

donate me

My Ranking

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Fadhil | Bloggerized by Fadhil