Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
🎮 INDIAN PSN GIFT CARDS AVAILABLE NOW! 🎮
madukaperera
Updated:
Yesterday at 12:57 PM
🚀 Google AI PRO – 18 Months | Rs. 850 Only
lkkolla
Updated:
Monday at 4:56 PM
🔒 NordVPN Premium – 3 Months
hrdilshan
Updated:
Thursday at 8:29 PM
🚀 Microsoft Office 365 Pro Plus – Lifetime Access! 🚀
hrdilshan
Updated:
Thursday at 8:28 PM
Linkedin Premium Business / Careere /Sales Navigator - 1/2/3/6/9/12 Months - Reddem Link
hrdilshan
Updated:
Thursday at 8:27 PM
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
...::ALL about BLOGS and BLOGGING (from A to Z)::...
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="migaramk" data-source="post: 5719398" data-attributes="member: 38647"><p><strong>Adding Numbered Page Navigation Bar For Blogger</strong></p><p></p><p><span style="font-size: 18px"><p style="text-align: center"><strong>Adding Numbered Page Navigation Bar For Blogger</strong></p><p></span><p style="text-align: center"><img src="http://i33.tinypic.com/2v1467p.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'"></span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">i’m sure that most of you have a lot of posts and the default blogger way to navigate between new post and old post is boring. what if your visitors wants to read for your oldest posts?</span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">should he keep clicking on “older posts”, No.</span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">You should apply this hack for your template, it’s one of the most useful blogger tricks ever.</span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'"></span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">so lets see how to do it.</span></span></p><p></p><p></p><p></p><p><span style="font-size: 18px"><strong>Step 1: Adding The CSS Code.</strong></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'"></span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">Log into your blogger account and go to,</span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">Dashboard >> Layout >> Edit html.</span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">And find the following code.</span></span></p><p></p><p></p><p></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">And just before it Add the next code</span></span></p><p></p><p></p><p></p><p><span style="font-size: 18px">Step 2: Adding The Java Code.</span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'"></span></span></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">Find the next code Or some similar code</span></span></p><p></p><p></p><p></p><p><span style="font-size: 15px"><span style="font-family: 'Courier New'">And After the </b:section> Tag add the next code.</span></span></p><p></p><p><em><em></em></em></p><p><em><em><span style="font-size: 15px"><span style="font-family: 'Courier New'"></span></span></em></em></p><p><em><em><span style="font-size: 15px"><span style="font-family: 'Courier New'">And Click “save template”</span></span></em></em></p><p><em><em><span style="font-size: 15px"><span style="font-family: 'Courier New'">In the above code you may only edit four lines to customize your navigation bar.</span></span></em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em>In this code Number 10 control the number for posts per page, you can change it to choose how many posts per page you want to display.</em></em></p><p><em><em>Note : This Number value should be the same With in your blogger account settings</em></em></p><p><em><em>The settings can be found by going to Dashboard >> Setting >> Formatting >> Show >> 10 posts</em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em>Number 6 here control the number of pages that will be shown in the navigation bar.</em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em>if you want to change the language or just change it to any thing, please change Previous for example to Older</em></em></p><p><em><em><span style="font-size: 18px"><strong></strong></span></em></em></p><p><em><em><span style="font-size: 18px"><strong>Final Step</strong></span></em></em></p><p><em><em></em></em></p><p><em><em>This blogger trick my cause some problems if you use labels in your posts and to solve this problems you have to apply the next step for your template.</em></em></p><p><em><em></em></em></p><p><em><em>1. Add Label Gadget To Your Template by going to Layout >> page elements >> Add Gadget >> Select Labels and add it to your template.</em></em></p><p><em><em></em></em></p><p><em><em>2. go to, Dashboard >> Layout >> Edit html.</em></em></p><p><em><em>And find the following code. </em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em>And replace it with the following code.</em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em></em></em></p><p><em><em>And Click “save template”</em></em></p></blockquote><p></p>
[QUOTE="migaramk, post: 5719398, member: 38647"] [b]Adding Numbered Page Navigation Bar For Blogger[/b] [SIZE="5"][CENTER][B]Adding Numbered Page Navigation Bar For Blogger[/B][/CENTER][/SIZE] [CENTER][IMG]http://i33.tinypic.com/2v1467p.jpg[/IMG][/CENTER] [SIZE="4"][FONT="Courier New"] i’m sure that most of you have a lot of posts and the default blogger way to navigate between new post and old post is boring. what if your visitors wants to read for your oldest posts? should he keep clicking on “older posts”, No. You should apply this hack for your template, it’s one of the most useful blogger tricks ever. so lets see how to do it.[/FONT][/SIZE] [U][I][COLOR="Red"][/COLOR][/I][/U] [SIZE="5"][B]Step 1: Adding The CSS Code.[/B][/SIZE] [SIZE="4"][FONT="Courier New"] Log into your blogger account and go to, Dashboard >> Layout >> Edit html. And find the following code.[/FONT][/SIZE] [SIZE="4"][FONT="Courier New"]And just before it Add the next code[/FONT][/SIZE] [SIZE="5"]Step 2: Adding The Java Code.[/SIZE] [SIZE="4"][FONT="Courier New"] Find the next code Or some similar code[/FONT][/SIZE] [SIZE="4"][FONT="Courier New"]And After the </b:section> Tag add the next code.[/FONT][/SIZE] [i][i] [SIZE="4"][FONT="Courier New"] And Click “save template” In the above code you may only edit four lines to customize your navigation bar.[/FONT][/SIZE] In this code Number 10 control the number for posts per page, you can change it to choose how many posts per page you want to display. Note : This Number value should be the same With in your blogger account settings The settings can be found by going to Dashboard >> Setting >> Formatting >> Show >> 10 posts Number 6 here control the number of pages that will be shown in the navigation bar. if you want to change the language or just change it to any thing, please change Previous for example to Older [SIZE="5"][B] Final Step[/B][/SIZE] This blogger trick my cause some problems if you use labels in your posts and to solve this problems you have to apply the next step for your template. 1. Add Label Gadget To Your Template by going to Layout >> page elements >> Add Gadget >> Select Labels and add it to your template. 2. go to, Dashboard >> Layout >> Edit html. And find the following code. And replace it with the following code. And Click “save template”[/i][/i] [/QUOTE]
Insert quotes…
Verification
Haya warak paha keeyada? (haya wadi kireema paha)
Post reply
Top
Bottom