Hai Sobat Blogger semua...Pada
Kesempatan ini saya akan mengupas tuntas Cara Membuat Permalink di
Blogspot yang saya gunakan di blog ini. Sekedar informasi, postingan
sebelumnya adalah Tutorial Meningkatkan Pengunjung Blog melalui Backlink. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).
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 admin blog 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. Screenshoot dapat anda lihat bawah ini :
Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut ini
Cara Membuat PermaLink di Blogspot
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:#000000;
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 sriudin net -->
<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='sriudin' src='http://profile.ak.fbcdn.net/hprofile-ak-snc6/275215_1271137655_1440385000_n.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://sriudin.net' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink sriudin net -->
5. Ingat sebelum save pratinjau dulu biar tau hasilnya
6. Klik save dan lihat hasilnya.
Tambahan :
Ganti kode yang berwarna merah dengan Url foto / gambar milik sobat
Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
Unknown
blogger,
permalink,
tutorial blog
