Up Your Cupcake
Please 'Register' or 'Log-in' to start interacting with the forum.
Up Your Cupcake
Please 'Register' or 'Log-in' to start interacting with the forum.
Up Your Cupcake
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Up Your Cupcake

Connect with other women from all over the world! Share advice, get support, & make lifelong friendships.
 
HomePortalLatest imagesRegisterLog in
Log in
Username:
Password:
Log in automatically: 
:: I forgot my password
Navigation
Portal
Forum
Memberlist
User Control Panel
Forum FAQ

March 2024
MonTueWedThuFriSatSun
    123
45678910
11121314151617
18192021222324
25262728293031
CalendarCalendar
Tweet With Us ♥
Poll
What is your opinion on Male Infant Circumcision?
 Pro-Circumcision
 Pro-Parents Choice
 Anti-Circumcision
 I don't have an opinion.
View results

Share
 

 → Adding Pages to Blogger ←

View previous topic View next topic Go down 
AuthorMessage
SnarkyCupcake
SnarkyCupcake
Administrator
Administrator


→ Adding Pages to Blogger ←  Empty
PostSubject: → Adding Pages to Blogger ←    → Adding Pages to Blogger ←  Icon_minitimeSat Jan 24, 2015 5:10 pm

[You must be registered and logged in to see this link.] wrote:


Blogger made an update recently to the way that pages are added to blogs. Here is an updated tutorial that will walk you through the new process, step by step.


Adding pages (aka: a navigation bar or menu bar) is a great way to organize your blog to make important information easily accessible to your readers. Designer Blogs offers several types of navigation bars:  [You must be registered and logged in to see this link.][You must be registered and logged in to see this link.], and [You must be registered and logged in to see this link.](click on links for examples). 


These navigation bars are customized to give your blog a unique & professional look and can be purchased through our [You must be registered and logged in to see this link.].


However, you may just want the basic, non-customized Blogger navigation bar, so today we are sharing a tutorial that explains how to get pages and a basic navigation bar added to your Blogger blog all on your own!



STEPS FOR ADDING PAGES TO YOUR BLOG:




Step 1: Log in to the Blogger blog you are wanting to add pages to and click on the “Pages” link.


[You must be registered and logged in to see this link.]


Step 2: Click the “New Page” button.



[You must be registered and logged in to see this link.]


Step 3: Type the page title (this will appear as a link on the navigation bar), add the page content and then click “Publish.” Note: make sure the page is published or it will not show on your navigation bar.


[You must be registered and logged in to see this link.]



Step 4: After your pages are published, you need to add the Pages gadget to your layout to make the categories appear on your blog. Go back to “Layout” and click on “Add a Gadget” in the space underneath the header.Note: If you want your navigation bar placed on your sidebar, click on “Add a Gadget” in the sidebar space.


[You must be registered and logged in to see this link.]


Step 5: Choose “Pages” from the list of gadget options.


[You must be registered and logged in to see this link.]


Step 6: Drag and drop your categories to rearrange them in the order you want them to appear and then click “Save.”


[You must be registered and logged in to see this link.]


ADDING A WEB ADDRESS TO YOUR NAVIGATION BAR:









Step 1: You may want to add some web addresses or [You must be registered and logged in to see this link.] along with your blank pages. Click on the “Pages” gadget and choose “+ Add link page.”


[You must be registered and logged in to see this link.]


Step 2: In the first box, type the title you want to appear in the navigation bar. In the Web address (URL) box, insert the web address you want to link to.  Then click “Save.”


[You must be registered and logged in to see this link.]


Now view your blog to see your new pages and navigation bar!


[You must be registered and logged in to see this link.]




IF YOU’D LIKE TO ADJUST THE POSITIONING OF THE LINKS, FOLLOW THE BELOW STEPS.









Step 1: In your dashboard, click on the “Template” link and then click on “Customize.”


[You must be registered and logged in to see this link.]


Step 2: In the Blogger Template Designer click on “Advanced.”


[You must be registered and logged in to see this link.]


 


Step 3: In the “Advanced” tab, scroll down until you find “Add CSS.”


[You must be registered and logged in to see this link.]
 


To add more space to the left side of the navigation bar, add the following code:




Code:
.PageList {text-align:left !important; padding-left: 20px; }
.PageList li {display:inline !important; float:none !important; }






You will see a preview of how the design will look with the changes. If you adjust the “20” to a larger number it will add more space. If you want less space adjust the “20” to a smaller number.  Adjust it as you want and then click “Apply to Blog” to save the changes.




Example:


[You must be registered and logged in to see this link.]



 


To center the links, add the following code:




Code:
.PageList {text-align:center !important; }
.PageList li {display:inline !important; float:none !important; }






You’ll see a preview of the changes. If you are happy with the way it looks, click “Apply to Blog” to save the changes.




Example:


[You must be registered and logged in to see this link.]




For any further customizations you might need made to your navigation bar, you can visit our [You must be registered and logged in to see this link.] to purchase one of our navigation bar options.
Back to top Go down
 

→ Adding Pages to Blogger ←

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» → Adding More Than 20 Pages to Blogger ←
» → Adding a Link Within A Gadget ←
» → Adding & Configuring a Sticky Welcome Post ←
» → Adding Labels to Your Blog Post ←
» → Remove Borders From Pages Menu ←

Permissions in this forum:You cannot reply to topics in this forum
Up Your Cupcake :: BLOGGY BISHES ♥ :: Blog Graphics & Layouts :: HTML/CSS Coding-