Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman postingan yang biasanay di letakan di bawah atau sesudah postingan, fungsinya tidak lain tidak bukan yaitu untuk meningkatkan seo on page blog sobat.
Permalink saya kali ini sudah di lengkapi dengan author box di mana di dalam kota permalink tersebut bisa di pasangi foto / Gambar milik sobat. Permalink kali ini juga di lengkapi url artikel yang auto drag (otomatis terblock). Contoh permalink yang akan kita buat terlihat seperti gambar di bawah ini.
Buat sobat tang tertarik memasangnya sobat bisa ikuti langka-langkah berikut ini :
- Login dengan akun blog sobat.
- Pilih opsi template-->>> Edit Html -->>> Centang Expand Template Widget
- Cari kode ]]></b:skin>
- Tekan Ctrl F untuk mempermudah pencarian kata.
- Letakan kode berikut tepat diatas 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;
}
- Cari kode <data/:post.body/>, dan letakan kode berikut tepat di bawahnya.
<!-- Permalink Blognya Ilmu -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tongkrongan Blogger</h4>
<div class='kontainer'>
<img alt='Ahmad Nufin' src='https://lh3.googleusercontent.com/-CBOiNUOEbn4/AAAAAAAAAAI/AAAAAAAAACE/1TnhEzc1etc/s120-c/photo.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'><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://anufin.blogspot.com/2015/03/cara-mudah-membuat-permalink-pada-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Blognya Ilmu-->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tongkrongan Blogger</h4>
<div class='kontainer'>
<img alt='Ahmad Nufin' src='https://lh3.googleusercontent.com/-CBOiNUOEbn4/AAAAAAAAAAI/AAAAAAAAACE/1TnhEzc1etc/s120-c/photo.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'><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://anufin.blogspot.com/2015/03/cara-mudah-membuat-permalink-pada-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Blognya Ilmu-->
- Klik simpan template dan lihat hasilnya
- Ganti yang berwarna Biru dengan URL gambar/Foto milik sobat.
- Untuk yang berwarna Merah sesuaikan dengan ukuran pada template blog sobat (Ukuran Text Area)
Sumber : http://bloggercungkring.blogspot.com/2013/02/cara-mudah-membuat-permalink-pada-blog.html
Untuk menulis huruf bold silakan gunakan <strong></strong> atau <b></b>.
Untuk menulis huruf italic silakan gunakan <em></em> atau <i></i>.
Untuk memasukan pesan silahkan gunakan <b rel="quote">Pesan Sobat</b>
Untuk menulis kode HTML silakan gunakan Konversi Kode pada kotak parser di bawah ini.
Dan gunakan Emoticon agar komentar terlihat lebih keren.
Emoticon Off Topic