Cara Membuat Permalink di Blogger
Kali ini admin menulis dan memposting jawaban dari keinginan salah satu sobat FrieLancr tentang bagaimana cara membuat dan memasang permalink di blogger atau blogspot. Sebelum kita ke TKP, ada baiknya admin jelaskan dulu (walau sedikit) tentang Permalink atau permanen link.
Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan. fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog milik sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.
Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi gambar/foto milik sobat, juga di lengkapi dengan url artikel yang auto-drag (otomatis ter-blok). Contohnya bisa sobat lihat tepat di bawah artikel ini.
Jika Sobat tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.
Cara Membuat Permanen Link di Blogger
1. Login ke akun blog sobat.2. Klik rancangan->Edit HTML, lalu centang kotak Expand Template Widget
3. Letakkan (copy-paste) kode berikut di atas kode ]]></b:skin>
.admin-tulisan{
height:auto;min-height:120px;
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee" tahoma, arial;
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee", tahoma, arial;
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{
width:90px;
height:100px;
background:#000000;
border:1px solid #000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
margin:3px 10px 0 0;
float:left;
padding:2px;
}
height:auto;min-height:120px;
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee" tahoma, arial;
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee", tahoma, arial;
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{
width:90px;
height:100px;
background:#000000;
border:1px solid #000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
margin:3px 10px 0 0;
float:left;
padding:2px;
}
4. Cari kode <data:post.body/> (gunakan Ctrl+F) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink FrieLancr -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh: <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkcrValE7ez_WhcuE-YKVjzYNGktR4bybMryHyp7QjFaZ5xOkeIbiw2JPCJe2yeqnEJ9fr0RV_vLGgHoszBMRHijoN3xw-RCWtlIyc9C0eyJoskps3TabogapaJN-PR7C0nGamtHV88CK/s2048/leaders2.jpg' alt='The FrieLancr Ankshana'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Sobat diperbolehkan untuk mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><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://frielancr.blogspot.com/2012/10/trik-seo-membuat-permalink-blogger.html' title='Membuat Permalink Blogger' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink FrieLancr -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh: <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkcrValE7ez_WhcuE-YKVjzYNGktR4bybMryHyp7QjFaZ5xOkeIbiw2JPCJe2yeqnEJ9fr0RV_vLGgHoszBMRHijoN3xw-RCWtlIyc9C0eyJoskps3TabogapaJN-PR7C0nGamtHV88CK/s2048/leaders2.jpg' alt='The FrieLancr Ankshana'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Sobat diperbolehkan untuk mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><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://frielancr.blogspot.com/2012/10/trik-seo-membuat-permalink-blogger.html' title='Membuat Permalink Blogger' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink FrieLancr -->
5. Klik save dan lihat hasilnya.
Catatan:
** Ganti kode yang berwarna biru dengan Url gambar/foto milik sobat
** Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat (ukuran textarea)
Contoh Hasil:
« 80x15 
