WHAT'S NEW?
Loading...

Cara Buat Permalink SEO Friendly

Cara Buat Permalink SEO Friendly - Sore sob kali ini saya akan memberikan tutorial atau cara bagaiman cara membuat permalink SEO friendly , Permalink itu adalah permanen link link yang merujuk ke url blog kita biasana itu berada di bawah artikel di atas related post so bagaimana cara membuatnya dan fungsinya , nanti kita akan bahas di bawah .

1. Cara buat Permalink SEO friendly
  1. Masuk blogger
  2. Template
  3. Edit HTML
  4. Cari ]]></b:skin>
  5. Masukan Kode ini di atas ]]></b:skin>
/*permalink*/
.tbiauthorbox {
position: relative;
margin: 20px auto;
border: 10px solid #3E999E;
padding: 5px;
min-height: 115px;
max-width: 650px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.tbiauthorbox:hover {
border: 10px solid #32BBC2;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.tbiauthoravatar {
background: #fff;
border: 1px solid #ccc9bd;
float: left;
height: 100px;
padding: 2px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 4px 0 #d9d9d9;
-moz-box-shadow: 0 0 4px 0 #d9d9d9;
box-shadow: 0 0 4px 0 #d9d9d9;
width: 100px;
}
.tbiauthoravatar img {
height: 100px;
width: 100px;
}
.tbiauthorlabel {
font-family: &#39;lucida sans unicode&#39;, &#39;lucida grande&#39;, sans-serif;
background: #333;
color: #fff;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 20px;
height: 20px;
margin-left: -43px;
position: absolute;
bottom: -10px;
left: 50%;
text-align: center;
width: 86px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tbiauthorcontent {
margin-left: 120px;
}
.tbiauthorhead {
border-bottom: 1px solid #ddd;
margin-bottom: 12px;
padding: 0 160px 3px 0;
position: relative;
}
.tbiauthorbox h3 {
font-family: georgia, serif;
color: #302E29;
font-size: 26px;
font-weight: normal;
line-height: 30px;
margin: 0;
border: none;
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3:hover {
color: #E65002;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3 a {
color: #302E29 !important;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3 a:hover {
color: #E65002 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tbiauthorsocial {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 4px;
right: 0;
}
.tbiauthorsocial li {
float: left;
margin-right: 4px;
padding: 0;
}
.tbiauthorsocial li a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgELqQWENmYMT4T-ev9a4Dskk7UIyEQnjItCSHWyXi-BtirhKUpGXx27L15K7Kc8KchV7fHgxesPOCa0TvKZB7Shw6LLewZ7a1TqrbI-jN66e3moDFiW5TMGII8L7J3ESjtZUI3FcZ7PHw/s75/icons_user_links.png) no-repeat 0 0;
color: #C1B7A3;
display: block;
height: 20px;
font-size: 0;
text-indent: -99999px;
width: 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tbiauthorsocial li a.authorFacebook {
background-position: -20px 0;
}
.tbiauthorsocial li a.authorGooglePlus {
background-position: -40px 0;
}
.tbiauthorsocial li a.authorTwitter {
background-position: -60px 0;
}
.tbiauthorsocial li a.authorBlog:hover {
background-position: 0 -20px;
}
.tbiauthorsocial li a.authorFacebook:hover {
background-position: -20px -20px;
}
.tbiauthorsocial li a.authorGooglePlus:hover {
background-position: -40px -20px;
}
.tbiauthorsocial li a.authorTwitter:hover {
background-position: -60px -20px;
}
.tbiauthorbox p.bio {
font-family: &#39;lucida sans unicode&#39;, &#39;lucida grande&#39;, sans-serif;
font-size: 12px;
line-height: 18px;
}
.tbiauthorbox p a {
color: #E65002;
}
Lalu cari kode seperti ini  <div class='post-footer-line post-footer-line-3'/>
    </div>
    <div class='clear'/>
      </div>
  </b:if>


  </article>
 tekan ctrl f , cari sja footer-line-3
 Masukan kode bawah ini di bawah <div class='post-footer-line post-footer-line-3'/> bila tidak bisa , taruh di bawah </article>
 <!-- Author Feed Widget Stars -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='tbiauthorbox'>
<div class='tbiauthoravatar'>
<img alt='Sarnuji Enji' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdPz1SyLPZC1X4VId4bSW7jzr4OkHWLa9MLrimA5oq_gJ_OQR_JTRMMXotbPLGVviPaFc7ESXu4UNSnKgEs89jjNl-DAJ4Aid4l0L9XR1wuvnqTAz87nojVwXJLszQRch9QfzAhq8QTpEw/s1600/IMG-20130606-00058.jpg'/>
<span class='tbiauthorlabel'>
Post Author
</span>
</div>
<div class='tbiauthorcontent'>
<div class='tbiauthorhead'>
<h3>
<a href='http://sarnujitea.blogspot.com/'>
Sarnuji enji
</a>
</h3>
<ul class='tbiauthorsocial'>
<li>
<a class='authorBlog' href='http://sarnujitea.blogspot.com/' target='_blank' title='Blog'>
Blog
</a>
</li>
<li>
<a class='authorFacebook' href='https://www.facebook.com/ahmad.sarnuji.7' target='_blank' title='Facebook'>
Facebook
</a>
</li>
<li>
<a class='authorGooglePlus' href='http://www.blogger.com/profile/8340368468368789627' target='_blank' title='GooglePlus'>
GooglePlus
</a>
</li>
<li>
<a class='authorTwitter' href='https://twitter.com/sarnuji_blog' target='_blank' title='Twitter'>
Twitter
</a>
</li>
</ul>
</div>
<left>
Terimakasih telah membaca artikel tentang
<strong>
<u>
<data:blog.pageName/>
</u>
</strong>
Mohon Bookmark Halaman Ini Untuk Updatenya
<strong>
<a expr:href='data:post.url'>
<data:post.url/>
</a>
</strong>
.
</left>
</div>
</div>

</b:if>
<!-- RRS feed Widget Done -->
Keteranagan 
Text Yang warna merah ganti dengan url socmed masgan
Text Kuning ganti dengan url blog masgan
Texts Warna hijau ganti dengan url poto agan yang ganteng
Text Orange ganti dengan nama agan :D

Demonya bisa cek di blog saya :D http://sarnujitea.blogspot.com
Cukup Postingan saya kali ini tentang tutorial buat permalink seo friendly di blogger :D

0 comments:

Post a Comment