Cara Membuat Permalink - Apa itu Permalink? Permalink merupakan singkatan dari Permanent Link yaitu url atau link daripada 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. dikutip dari [hakimtea.com].


Sebenarnya contoh permalik itu sendiri simpel cuma url seperti ini:
http://koderator.blogspot.com/2012/07/cara-membuat-permalink.html
namun jika struktur yang akan kita tempelkan pada blog sesimpel itu akan terlihat kurang bagus makadari itu saya coba rancang sendiri paduan antara permalink dengan share button agar terlihat bagus (lihat gambar diatas).
Kegunaan permalink disamping untuk meningkatkan seo on page juga agar para copazer bisa diingatkan lewat pesan tersebut untuk menyertakan link yang akan dicopasnya.

Cara Membuatnya:
Letakkan kode CSS dibawah ini diatas ]]></b:skin>
/* Permalink
----------------------------------------------- */
.buatpermalinkblogger{
  border: 1px solid #E4E4E4;
  padding: 5px;
  background: #F4F4F4;-moz-border-radius:5px;
}


.buatpermalinkblogger a{
  background:none;
}


img.float-right {
  margin: 5px 0px 0 10px;
}


img.float-left {
  margin: 5px 10px 0 0px;
}

Kemudian Tambahkan scrip ini dibawah kode <data:post.body/> yang kedua
<div class='buatpermalinkblogger'>
<center><small>Semoga artikel tentang <u><b><a expr:href='data:post.url'><data:post.title/></a></b></u> bermanfaat untuk anda dan jika ingin mencopy artikel ini mohon untuk meletakkan link dibawah ini sebagai sumbernya.
<br/><strong><data:post.url/></strong><br/>
</small></center>
<textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>
<a expr:href='data:post.url'><data:blog.pageName/></a></textarea>


<!-- Facebook Button BEGIN -->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
<!-- Twitter Button END -->


<!-- Twitter Button BEGIN -->
<a class='twitter-share-button' data-via='koderator' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<!-- Twitter Button END -->


<!-- Google+ Button BEGIN -->
<g:plusone annotation='inline' size='medium'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!-- Google+ Button END -->
</div>

Biasanya script diatas akan terhimpit antara kode <data:post.body/> dengan </b:if> jika blog kita sudah mempunyai Read More, dan untuk hasil lebih jelasnya bisa dilihat dibawah ini.
Bila ada yang kebingungan tentang tutorial ini dan belum berhasil untuk menerapkan diblognya silahkan bisa ditanyakan lewat komentar, terimakasih :D.

Labels:

19 Komentar:

Anonymous Farid Wajdi Kardbri said on July 4, 2012 at 7:40 PM 

fungsinya apaan gan? bermanfaat gak?

Anonymous LP said on July 4, 2012 at 7:42 PM 

cihuy dah diposting makasih ya sob heheheheh.........^___^

Blogger Muhammad Irham said on July 4, 2012 at 8:16 PM 

@Farid Wajdi Kardbri kalau ngak bermanfaat ngak saya share sob, lagian kmu tanya "ada manfaatnya ngak?" emangnya ngk baca segitu panjangnya? :cd

Blogger Muhammad Irham said on July 4, 2012 at 8:20 PM 

@LP ya gan sma"

Anonymous LP said on July 5, 2012 at 2:38 PM 

kok gk muncul ya gan salahanya dimana nih........??

Blogger Muhammad Irham said on July 5, 2012 at 5:04 PM 

@LP letakkan di data post body yg pertama sob

Anonymous LP said on July 5, 2012 at 6:34 PM 

loh pantes gk muncul.....

sekali lagi makasih sob.....

Anonymous limit post said on July 6, 2012 at 1:07 PM 

gk ada perubahan sob mungkin salahnya ada sama tutorialnya nih ada yg gk lengkap tuh bagi pengguna read more......

Blogger Muhammad Irham said on July 6, 2012 at 5:24 PM 

@limit post letakin di data post body yg pertama

Anonymous limit post said on July 6, 2012 at 9:05 PM 

mau sih sob tapi ane naro kodenya di atas

< d1v cl4ss='p05t-f00ter-line p0st-f00t3r-l1ne-3 >

Blogger Tommy Herryanto said on July 20, 2012 at 5:03 AM 

sob kagak muncul2 permalinknya .. gua juga pasang related post + icon .. sama2 kagak muncul gimana tuh ?

Blogger Muhammad Irham said on July 20, 2012 at 8:20 AM 

@Tommy Bhaee Tambahkan scrip itu dibawah kode
<data:post.body/>
yang pertama

Anonymous RY said on July 20, 2012 at 12:55 PM 

Thanks infonya gan,,udah ane coba..bermanfaat...

Blogger Tommy Herryanto said on July 20, 2012 at 4:13 PM 

@Muhammad Irham
tapi kalo gua tarok di post body pertama .. jadi auto readmore yang gua pasang itu ada juga di bawahnya ?

Blogger Unknown said on August 4, 2012 at 5:35 AM 

tips yang oke. mampir juga ya sobat ? :)

Blogger Unknown said on August 4, 2012 at 8:18 PM 

nice post Koderator :),terimakasih infonya, Zamrudblog.blogspot.com

Anonymous unduh film said on October 19, 2012 at 7:51 PM 

artikel yg menarik dan bagus mas, saya pikir cukup menarik dan juga bagus dan salam kenal ya dari mico nie. Dan sekalian bagi teman2 yg suka dengan film box office terbaru silakan kunjungi situs film gue, karena banyak film gratis baru tiap harinya. thanks juga buat admin ini loe, gbu

Anonymous Anonymous said on November 5, 2012 at 5:34 PM 

This comment has been removed by the author.

Anonymous pep said on May 27, 2013 at 12:06 AM 

bermanfaat sekali sob artiklenya

Post a Comment

© 2012 - Koderator | Desain Oleh kimzigr| Classic Themplate Html5 & Css3 | Mesin Blogger