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. Buat sobat yang belum tahu apa itu on page itu, Sobat bisa membaca artikel saya sebelumnya tentang Cara Melakukan Optimasi Onpage Pada Blog.
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> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Riki Junizar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-GBPHvZL4NYiBUAMHTxu2N0cxbR9DxORkr0WraoMsYs-seYVS-iEcCNCM46ZSmXZ1TuGoloGQM6-cTMYfdd3zos8fDYJ4vpRMm1aTJgHItstTmA6mYlzKaD0Ee2A-zu0H4VA9evqQWkOA/s1600/index.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://bloggercungkring.blogspot.com/2013/02/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> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Riki Junizar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-GBPHvZL4NYiBUAMHTxu2N0cxbR9DxORkr0WraoMsYs-seYVS-iEcCNCM46ZSmXZ1TuGoloGQM6-cTMYfdd3zos8fDYJ4vpRMm1aTJgHItstTmA6mYlzKaD0Ee2A-zu0H4VA9evqQWkOA/s1600/index.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://bloggercungkring.blogspot.com/2013/02/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)
0 comments:
Posting Komentar