Vous êtes sur la page 1sur 3

Creating a Tumblr Page is indeed easy, since the option is available in the customize

section. However, after creating the page, many find out that the link for such page
wouldnt show up anywhere. This is due to a simple reason, the theme installed is
missing the code necessary to pull the Tumblr Page, and of course, theres no link
whatsoever in the layout. This two step guide will show you how to create a page on
Tumblr and make its link appear on the theme.
Create a Tumblr Page.
. !o to the customize section in your dashboard.
". #n the customize navigation bar, click on Pages >>> Add a New Page.
$. %fter that, an edition screen will pop up, besides giving the page a title, its very
important that you tick the option Show a Link to This Page and alsogive the
page an url &for e'ample, if you want to name your page (irst Tumblr Page, you
will write the url as follows first-tumblr-page using the dashes to connect the
word. )oth steps are necesary to display the link correctly.
*. Click on Create Page. That is it, you now have a Tumblr Page, that is indeed,
different from a Tumblr post.
Show Your Page Link on Your Tumblr Layout.
+e have two sets of code to insert in our layout, one of them goes to the themes html &to
actually make the link appear, and the other one to the custom css option &to modify the
looks,.
This is the code to insert in the themes html. -ou can place it in the sidebar,
header, or footer. always make sure not to break any other line of code in the
theme
.div id/0navcontainer01
2block3HasPages4
2block3Pages4
.ul1
.li1.a href/0256740127abel4.8a1.8li1
.8ul1
28block3Pages4
28block3HasPages4
.8div1
9ow with the C::, we already used a tag in the previous code;
id="navcontainer". +hich will be used to identify this piece of code and
modify the way it looks. The following code must be inserted into Customize
111 %dvanced 111 %dd Custom C::
#f you are placing the C:: in the header or ooter and need the page links to be
displayed horinzotally, paste the following code3
<navcontainer ul
2
margin3 =;
padding3 =;
list>style>type3 none;
te't>align3 center;
4
<navcontainer ul li 2 display3 inline; 4
<navcontainer ul li a
2
te't>decoration3 none;
padding3 ."em em;
color3 <fff;
background>color3 <=$?;
4
<navcontainer ul li a3hover
2
color3 <fff;
background>color3 <$?@;
4
#f you are placing the links in the sidebar and need the page links to be displayed
vertically, paste the following code3
<navcontainer ul
2
margin3 =;
padding3 =;
list>style>type3 none;
te't>align3 center;
4
<navcontainer ul li a
2
te't>decoration3 none;
padding3 ."em em;
color3 <fff;
background>color3 <=$?;
4
<navcontainer ul li a3hover
2
color3 <fff;
background>color3 <$?@;
4
-ou can, of course, keep modifying the css to add bullets, colors, font type and more, but
as this is not a C:: article, # consider this enough for you to make the links appear.

Vous aimerez peut-être aussi