Assalamu'alaikum Warahmatullahi Wabarakaatuh...
Hai sobat Blogger, berjumpa lagi dengan saya, hehe. Sobat Abstract Dimension, pernah kan denger kata kata Permalink, tapi sebenernya apa sih Permalink itu?. Oke saya jelasin sedikit, Permalink merupakan singkatan dari Permanent Link yaitu url/ link/ alamat dari url posting itu sendiri secara lengkapnya permalink adalah gabungan dari URL/ link dan struktur kalimat yang terpotong dengan tanda slash (/) dan dash (-) tersebut merupakan URL spesifik sebuah content/ posting blog yang disebut permalink. Permalink merupakan suatu susunan unik yang selalu berbeda dengan permalink lainnya meski dalam satu URL, dan jika sebuah permalink telah publish maka dia tidak bisa diganti (edit) lagi, sesuai dengan namanya permalink yang berarti permanent link. nah ini ni contoh permalink.
http://otocarss.blogspot.com/2012/12/cara-membuat-permalink.html
tapi jika hanya ditamplkan pada posting sobat hanya seperti diatas itu kurang menarik. makanya saya buatkan permalink yang keren lengkap dengan foto/gambar sobat.berikut contohnya
gimana keren kan? langsung saja, dibaca tutorial nya,,monggo....
Cara membuat Permalink Keren- Pertama login ke Dashboard Blog sobat
- Klik Template, lalu klik Edit HTML,
- Beri centang pada kotak expand template widget.
- Copy pastekan script code dibawah ini tepat diatas kode ]]></b:skin> gunakan search agar memudahkan sobat mencari kode tsb.
Script Code
.panda{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.panda .kontainer{padding:5px;}
.panda 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;
}
.panda h4 a{color:#000000;}
.panda 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;
}
- Lalu, sobat cari Code <data:post.body/> jika blog sobat menggunakan fitur Read More pada halaman utama Blog Sobat, pasti ada 2 atau lebih kode <data:post.body/> Copy pastekan Script code dibawah ini pada kode yang kedua.
Script Code
<!-- Permalink Panda -->
<b:if cond='data:blog.pageType == "item"'>
<div class='panda'>
<h4>Ditulis Oleh : <b><data:post.author/></b> | <b><a expr:href='data:post.url'><data:post.title/></a></b> </h4>
<div class='kontainer'>
<img alt='Zona Panda' src='https://lh6.googleusercontent.com/-w_H5iAUVEWA/ULLwpSgnlJI/AAAAAAAAAQg/i2L1Ag1x1KI/s402/28062012(041)+copy.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh <b><data:post.author/></b>, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih
<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://otocarss.blogspot.com/2012/12/cara-membuat-permalink.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Panda -->
- Sobat Ganti yang berwarna Merah dengan URL/ Alamat Foto Sobat, dan sesuaikan angka yang berwarna ungu dengan ukuran template pada Blog sobat. kemudian klik save. dan coba sobat lihat hasilnya, jika belum muncul kemungkinan kesalahan pada peletakkan Script code yang tidak pada tempatnya.
Oke, selesai sudah tutorial kali ini, tentang Cara membuat Permalink Keren pada blog, Silahkan Share artikel ini jika menurut sobat bermanfaat, bila masih ada yang ditanyakan, silahkan komentar. Terimakasih.
