Cara Membuat Permalink Detail Artikel Di Blog

Apa itu Permalink?
Permalink adalah jenis link permanen aktif yang menjabarkan detail tulisan tentang topik sebuah artikel. Kali ini yang akan saya bahas adalah permalink yang mencantumkan detail artikel di sebuah blog, biasanya terdapat di halaman postingan sebuah artikel. Bisa diletakkan di bawah atau di atas postingan. Fungsinya tentu saja untuk meningkatkan SEO On Page. Baca selengkapnya tentang pengertian SEO On Page di artikel berikut: Perbedaan SEO On Page dan SEO Off Page.

 

Permalink biasanya dipasang dan dilengkapi dengan foto author blog tersebut, dimana didalamnya berisi pemberitahuan tentang artikel yang sedang dibaca atau ada semacam himbauan untuk menyebarkan link artikel yang sedang di bacanya. Berikut adalah contoh permalink blog Endolita:

 

Tertarik untuk membuatnya? Bagaimana caranya?

Cara Membuat Permalink Di Blog

1. Login ke akun Blogger
2. Pilih Template >> Edit HTML
3. Copy-paste script berikut di atas kode ]]></b:skin>


.admin-tulisan{
width:auto;
background:#ffffff;
border:2px solid #ddd;
margin:30px 0 10px 0;
display:block;
font-family:"verdana";
color:#000;
}

.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#62AC53;
border:none;
border-bottom:1px solid #ddd;
color:#ffffff;
font-family:"trebuchet ms";
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:90px;
height:80px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}



4. Kemudian cari kode <data:post.body/> ( gunakan Ctrl + F ). Mungkin kode tersebut ada 3 - 4 buah di template Anda. Cari saja yang paling bawah, lalu letakkan kode berikut tepat di bawahnya:


<!-- Permalink Endolita -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ ISI DENGAN DESKRIPSI BLOG ANDA</h4>
<div class='kontainer'>
<img alt='ISI DENGAN NAMA ANDA' src='ISI DENGAN ALAMAT URL FOTO/ GAMBAR ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan menyebarluaskan artikel ini, namun jangan lupa untuk menyertakan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='ISI DENGAN ALAMAT URL ARTIKEL ANDA' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Endolita -->



5. Simpan Template lalu lihat hasilnya.

Catatan:

• Ganti tulisan berwarna Biru dengan alamat URL foto/ gambar dan alamat URL artikel Anda
• Ganti tulisan berwarna Merah dengan Nama dan Deskripsi Blog Anda
• Ganti tulisan berwarna Hijau dengan warna dan ukuran yang Anda inginkan

Itulah sekilas pengetahuan saya tentang Cara Membuat Permalink Detail Artikel Di Blog. Semoga bermanfaat. Jika mencari artikel lainnya silahkan cek di bawah ini: