Membuat Permalink pada Blog

Daftar Isi

Halo sobat!! Kali ini codepelajar akan memberikan tutorial cara membuat pemalink pada blog dengan muda. 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 ) . Sobat tertarik dengan widget yang satu ini, silahkan ikuti penjelasan serta tutorial berikut.

Apa Itu Pemalink?

Permalink adalah singkatan dari "permanent link" atau tautan permanen dalam bahasa Indonesia. Ini adalah tautan URL yang secara tetap menunjuk ke suatu konten tertentu, seperti artikel blog, posting media sosial, atau halaman web lainnya. Permalink dibuat untuk memudahkan pengguna untuk mengakses konten itu kembali di masa mendatang, serta memudahkan pengguna lain untuk merujuk atau membagikan tautan tersebut.

Cara Membuat Pemalink di Blog

1. Buka Dashboard Blogger

2. Masuk ke menu Theme lalu pilih Edit HTML

3. Salin 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;
}

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

<!-- Permalink codepelajar -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Erik Code' src='url gambar'/>
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'>&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='codepelajar.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink codepelajar -->

5. Simpan dan lihat hasilnya

Ganti "url gambar" dengan Url foto / gambar milik sobat dan sesuaikan angka  dengan ukuran template blog sobat ( ukuran textarea )

Penutup

Oke mungkin itu saja yang dapat codepelajar sampaikan semoga bermanfaat dan dengan ini website sobat akan lebih berwarna, terimakasih.