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.

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:

http://krocoplus.blogspot.com/2012/07/cara-membuat-navigasi-breadcrumbs.html

Here's How to Make Breadcrumbs Navigation:

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 :

Thursday, August 8, 2013

6 komentar:

Post a Comment

Popular Posts