Buat Permalink di Blog - Apa kabar sob,, hehe jarang posting nih gak ada ide, nah saya di kasih ide sama temen saya yang dewa html, di kasih kode Permalink Langsung aja yah, buat yg gak tau Permalink ku kasih pendahuluan dulu ^_^
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.
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 Dadi -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Info- Info Menarik </h4>
<div class='kontainer'>
<img alt='Dadi Sanjaya' src='http://lh4.googleusercontent.com/-a-VHKsUNmWM/AAAAAAAAAAI/AAAAAAAAAM0/o-VSd5vO8YY/s512-c/photo.jpg'/>
Terima Kasih Telah Membaca Postingan yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>. Jika sobat ingin meng copy / menyebarluaskan Artikel saya ini mohon untuk menghargai dengan cara menyertakan sumber aslinya di bawah ini
<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://info-and-hacker.blogspot.com/2013/04/buat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Dadi -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Info- Info Menarik </h4>
<div class='kontainer'>
<img alt='Dadi Sanjaya' src='http://lh4.googleusercontent.com/-a-VHKsUNmWM/AAAAAAAAAAI/AAAAAAAAAM0/o-VSd5vO8YY/s512-c/photo.jpg'/>
Terima Kasih Telah Membaca Postingan yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>. Jika sobat ingin meng copy / menyebarluaskan Artikel saya ini mohon untuk menghargai dengan cara menyertakan sumber aslinya di bawah ini
<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://info-and-hacker.blogspot.com/2013/04/buat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Dadi -->
5. Klik save dan lihat hasilnya.
NB :
- Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
- Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
#SEMOGA BERMANFAAT#