Sebelum ke TKP terlebih dulu Kang Zain jelasin tentang permalink yang bagi yang belum paham ja,,, hehehe 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.
Seperti yang sudah saya jelaskan diatas, Permalink seo kali ini 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 ) . tentunya lebih keren dan menarik, hehe
Jika sobat ingin Memasangnya, ikuti petunjuk dibawah ini:
Cara Membuat Permalink di Blog
2. Pilih edit HTML template sobat,
3. Kemudian sobat cari kode dibawah ini:
<div class=’post-footer’>
Untuk lebih mudah sobt tinggal Tekan CTRL + F untuk mempermudah pencarian.
<!– Profil Admin –>
<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=’Christian angkouw’ src=’http://i1261.photobucket.com/albums/ii585/zainelhasany/9894d29b.jpg‘/>
Artikel <a expr:href=’data:post.url’><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan 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://softwaremaniapc.blogspot.com/2013/05/cara-membuat-permalink-seo-keren-di-blog.html’
target=’_blank’>:: Get this widget ! ::</a></span></p>
<div style=’clear:both;’/>
</div>
</div>
</b:if>
<!– Profil Admin –>
kode yang berwarna biru silahkan diganti dengan image profil sobat.
6. Kemudian copy kode CSS dibawah ini dan paste 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;
}
