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 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 foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.
Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.
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>
.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;
}
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.
<!-- Permalink Tatelu -->
<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 alt='Syarif Hidayat' src='https://lh5.googleusercontent.com/-naHd6gkFhhc/US857I4yq6E/AAAAAAAAABI/-9cwDUJEGIc/s299-c/28Februari2013'/>
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'><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://syarifshareilmu.blogspot.com/2013/02/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->
<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 alt='Syarif Hidayat' src='https://lh5.googleusercontent.com/-naHd6gkFhhc/US857I4yq6E/AAAAAAAAABI/-9cwDUJEGIc/s299-c/28Februari2013'/>
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'><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://syarifshareilmu.blogspot.com/2013/02/cara-membuat-permalink-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 )
- Kalau pada saat di Edit HTML pada saat anda cari Kode : <data:post.body/> , dan terdapat banyak kode yang sama dengan <data:post.body/> maka saya sarankan untuk memilih Kode : <p><data:post.body/></p> (Kalau ada) dan pastekan kode diatas kebawah Kode : <p><data:post.body/></p> (Kalau Ada).Kanena pegalaman saya adalah seperti itu dan kalau anda merasa tidak ngerti atau pura-pura nggak ngerti (Belagak Bego) loe pastekan saja kode diatas dibawah Kode: <data:post.body/> dan kalau kode <data:post.body/> banyak pastekan saja kode diatas ke semua kode :<data:post.body/> .
Wassalamualaikum.
Ditulis Oleh : Syarif Hidayat ~ www.syarifshareilmu.blogspot.com

Baca Juga Yang Ini, Seru Loo!!
Tutorial Blogger
- Kalimat Reservasi Di Hotel
- Cara Membuat Link Otomatis Ketika Postingan Di CoPas
- Cara Memalsukan Jumlah Komentar Blog Sesuka Hati
- Cara Membuat background pada related post / artikel terkait pada blog
- Cara Membuat Artikel Terkait Dibawah Posting Standar
- Cara Membuat Daftar Isi Blog | Accordion Keren
- Cara Pasang Lafalz Bismillah Pada Awal Posting Blog
- Ping Blog agar cepat di index oleh search engine
- Pasang Iklan gratis membuat blog terkenal
- Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Tanggal Posting
- Cara Membuat Daftar Isi Keren di Blog
- Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label
- Cara Memasang Translate Pada Blog
- Cara Memasang Emoticon Gundam di Kotak Komentar Blog
- Cara Membuat Blog Tampil Lebih Cepat (Rahasia)
- Cara Mengecek Kecepatan Loading Blog Lengkap
- Cara membuat link berkelip disertai dengan kerlipan bintang
- Cara Mudah Meningkatkan Pengunjung Blog
- 5 Situs Paling Populer Untuk Download Template Blogger
- 10 Softaware Gratis Mendesain Website
- Membuat Objek Keren Pada Kursor Mouse di Blogger