Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
.admin-tulisan{

width:auto;

background:#f2f2f2;

border:2px solid #000000;

margin:30px 0 10px 0;

display:block;

font-family:"julee";

color:#000;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#FF0000;

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:90px;

height:100px;

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. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
<!-- Permalink Tatelu -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>

<div class='kontainer'>

<img alt='Christian angkouw' src='http://i1333.photobucket.com/albums/w630/Nico_dock/haha_zps359046d0.jpg'/>

Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan 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='http://nicokodok.blogspot.com/2013/04/cara-membuat-permanen-link-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Permalink Tatelu -->



5. Klik save dan lihat hasilnya.

Tambahan :
Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

sumber