"Cara Membuat Permalink SEO di Blog" - Hello, Tetap semangat Blogger di bulan yang penuh Berkah ini ya sob. Ok, Pada tutorial kali ini Saya akan sedikit berbagi pada Anda. Yaitu bagaimana Cara Membuat Permalink SEO di Blog. Permalink atau permanen link adalah salah satu optimasi SEO onpage yang berguna untuk menambah internal link pada postingan blog. Maka dengan adanya permalink atau Permanen link ini dapat meningkatkan seo friendly on page pada Blog Anda.Selain untuk meningkatkan seo friendly on juga dapat berfungsi untuk mengingatkan para pengcopas artikel yang tidak memberikan sumber ke Blog Anda. Semoga tulisan yang ada pada permalink bisa sedikit membantu untuk mengingatkan nya. Mungkin mereka akan sadar ketika melihat tulisan tersebut.
Tutorial tentang Cara Membuat Permalink di Blog mungkin banyak sekali yang sudah membahas nya. Memang pemasangan nya hampir sama, namun bentuk dari tampilan permalink itu sendiri yang berbeda-beda. Semua nya tergantung kepada Anda, tampilan seperti yang mana yang Anda inginkan sesuai dengan tampilan Blog yang Anda punya. Bagi Anda yang ingin menggunakan tutorial ini, Anda cukup melihat Contoh nya pada bagian bawah dari artikel ini atau seperti pada gambar di bawah ini:
Seperti yang sudah Anda lihat pada gambar di atas. Bahwa Permalink ini sudah di lengkapi dengan author box dimana di dalamnnya terdapat Photo Admin Blog dan juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ).Jika Anda berminat memasang permalink ini. Silahkan ikuti langkah-langkah berikut ini:
1. Masuk akun blogger lalu pilih menu Rancangan > Edit Html
2. Jangan Lupa backup dulu template Blog, Jika belum tahu Baca di sini
3. Jangann lupa klik ‘Expand Widget Templates’
4. Cari kode seperti ini ]]></b:skin>, letakkan Kode dibawah ini di atas nya:
.admin-tulisan{
width:auto;
background:#1D1C1C;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#DCDAD6;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#464544;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:60px;
height:65px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
Keterangan :width:auto;
background:#1D1C1C;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#DCDAD6;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#464544;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:60px;
height:65px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
♠ Warna Kuning adalah warna background isi keterangan permalink.
♠ Warna Hijau adalah warna Teks isi keterangan permalink.
♠ Warna Pink adalah warna background judul permalink.
♠ Warna ungu adalah warna Teks judul permalink.
♠ Warna merah adalah ukuran lebar dan tinggi photo.
4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<b:if cond='data:blog.pageType == "item"'><center><div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ <b>Nama Blog Anda</b></h4>
<div class='kontainer'>
<img alt='Nama Blog Anda' src='URL PHOTO ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Atas perhatian nya ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ucapkan Terima Kasih, semoga artikel <strong><data:blog.pageName/></strong> ini bermamfaat:
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 45px; width: 99%; color:#C4CE33; background:#1D1C1C; '><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://ahmad-roni.blogspot.com/2012/08/cara-membuat-permalink-seo-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ <b>Nama Blog Anda</b></h4>
<div class='kontainer'>
<img alt='Nama Blog Anda' src='URL PHOTO ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Atas perhatian nya ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ucapkan Terima Kasih, semoga artikel <strong><data:blog.pageName/></strong> ini bermamfaat:
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 45px; width: 99%; color:#C4CE33; background:#1D1C1C; '><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://ahmad-roni.blogspot.com/2012/08/cara-membuat-permalink-seo-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>
5. Klik Save.
