How to Make Breadcrumbs
Breadcrumbs serve to improve SEO on a blog, which has supposedly Blog SEO and the breadcrumbs have a high SERP in Google compared to blogs that do not use breadcrumbs.
Here's How to Make Breadcrumbs Navigation:
This also is one contributing factor if you want your blog more noticed Google, other factors are also of your template if your template lightly with Google plus friendly (friendly) and good internal link then Google will pay attention to your blog. If you do not know or ever see but do not understand what the name for more details see below or sightings can directly see this blog:
Step 1
Login To Blogger
Step 2
Go to "Design - Edit HTML"
Step 3
Find the code below:
<b:include data='top' name='status-message'/>
Step 4
3 steps to replace the code with the code below:
<b:include data='top' name='status-message'/><br /> <b:include data='posts' name='breadcrumb'/><br />
Step 5
Once replaced and find the code below:
<b:includable id='main' var='top'>
Step 6
Then replace the code of step 5 with the code below:
<b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl == data:blog.url'><br /> <!-- No breadcrumb on home page --><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <!-- breadcrumb for the post page --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'> »<br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> »Unlabelled<br /> </b:if><br /> » <span><data:post.title/></span><br /> </b:loop><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "index"'><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <b:if cond='data:blog.pageName == ""'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts<br /> <b:else/><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/><br /> </b:if><br /> </span><br /> </p></b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br /> <b:includable id='main' var='top'><br />
Step 7
After that find the code below:
]]></b:skin>
Step 8
Place the following code just above the code step 7:
.breadcrumbs {<br /> padding:5px 5px 5px 0px;<br /> margin: 0px 0px 15px 0px;<br /> font-size:95%;<br /> line-height: 1.4em;<br /> border-bottom:3px double #e6e4e3;<br /> }
Step 9
Click save.
Good luck, good luck and Happy Blogging: D
Description:
- At step 8 code that shows the code #e6e4e3 buddy can edit at will, the code shows the color.
- Still in step 8 code that indicates font-size:95% mate can be changed according to taste, and the code represents the size of the text on the breadcrumbs.
Good Luck
How to Make Breadcrumbs
9 out of 10 based on 10 ratings. 9 user reviews.
Di terbitkan pada :
About Author
6 komentar:
Hi dear!!! thanks for your coment and follow my blog!!! im glad you like it.
Your blog is very interesting, now im your new follower <3
my nick is reich_super_244
Keep in touch :)
Kisses from Spain!!!! ^^
http://baulderaquel.blogspot.com
Hello! :)
Nice pics!
I lov Ur blog and i follow!
and now waiting for U following me! :)
pat
http://patsyhilton.blogspot.com
Thanks for commenting on my blog. Would you like to follow each other on GFC and Bloglovin?
honeyblushblog.blogspot.com
xx
Lovely blog you have :)
Followed back!
www.the-goldensoul.blogspot.com
XOXO,
Inês
Thanks for the comment on my blog:)
following you :)
www.beautyfrontline.com
thank you for all for his comments, I love you all
Post a Comment