Cara Membuat Permalink di Blog

Apa kabar sobat blogger semua!!! Kali ini saya akan mempostingan tentang cara membuat / memasang permalink di blogspot sama persis dengan permanen link di blog ini. 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 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.


Atau Gambarnya seperti ini : 

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;
}

KETERANGAN : 
Kode yang berwarna beda Silakan anda ganti dengan Kode Warna Sesuai selera anda...

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Permalink Riiz -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ &#8482; Semua Ada Disini &#8482;</h4>
<div class='kontainer'>
<img alt='Muhammad Risdiyanto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBbNOl2bGTjG1OYXlNXc45C-KSqLOQ6UFdRZMiRC8-nHUe5pGqOgaABNU5vBOccAs_GINZIV2NeID1fmAN1gGsaQ70MUiCel5g60KnhAcR-jyHBBcOQiLRgX53DG-p_19mMWrtGIz6kGzO/s320/196059_396916637025120_518552_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='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 51px; width: 507px; color:red; background:aqua; '>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://campur-aduk.cyber4rt.com/2012/07/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Riiz -->

Keterangan : 


™ Teks yang berwarna Merah Silakan Anda Ganti dengan Nama dan URL gambar anda
™  Teks warna Hijau Silakan Anda sesuaikan dengan selera anda (itu untuk tempat Link URL Postingan Anda)

5. Klik save dan lihat hasilnya.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email