Cara mudah membuat url artikel otomatis di postingan blog

   Apa itu permalink? Permalink adalah link postingan yang ada/tercantum di bawah postingan (Maybe). Nah, sekarang banyak blog yang menggunakan widget ini. URL artikel otomatis, yang tercantum di bawah postingan blog disebut Permalink. Ada juga permalink yang tidak otomatis, alias buat sendiri setiap menulis artikel. Tapi, menurut saya, lebih enak kalau otomatis. Tidak usah ribet - ribet lagi menulis url postingan 1 per satu. Dan...

(Oke pak SBY).

  Bagaimana tampilan permalink? Sebenarnya banyak tampilannya. Tapi, kali ini, saya mau membahas/membuat yang seperti dibawah ini :

   Bagaimana cara  membuatnya? Sebaiknya, langsung ke pabriknya saja. Mulai..

1. Login blog.
2. Template.
3. Edit HTML -> Centang Expand Template Widget.
4. Cari kode ]]></b:skin>
5. Copas kode dibawah ini, letakkan diatas kode no.4

.buatpermalinkblogger {border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666; padding: 5px; background: #444;-moz-border-radius:5px;}
.buatpermalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}


  Kode yang berwarna biru, adalah warna garis tepi. Kode yang berwarna merah, adalah background widget.


6. Cari kode <div class='post-footer-line post-footer-line-1'> atau kalau nggak ada cari yang seperti ini <p class='post-footer-line post-footer-line-1'>


7. Copas script dibawah ini, letakkan dibawah kode no.6


<b:if cond='data:blog.pageType == "item"'>
<div class='buatpermalinkblogger'><center><small>Anda sedang membaca artikel tentang <strong><i><data:blog.pageName/></i></strong> dan bila berkenan Anda bisa share artikel <strong><i><data:blog.pageName/></i></strong> ini dengan tombol share di bawah. Bila Anda bermaksud COPAS artikel <strong><i><data:blog.pageName/></i></strong> untuk diposting di blog Anda, mohon untuk meletakkan link <strong><i><a expr:href='data:post.url'><data:blog.pageName/></a></i></strong> 
sebagai Sumbernya dengan mengcopy kode di bawah ini.</small></center>
&lt;div&gt;
&lt;form name=&quot;kompi ajaib&quot;&gt;
&lt;p align=&quot;center&quot; style=&quot;margin-top: 0; margin-bottom: 0&quot;&gt;&lt;textarea style=&quot;width: 98%; height: 10&quot; name=&quot;txt&quot; rows=&quot;1&quot; cols=&quot;45&quot; onmouseover=&quot;this.form.txt.select()&quot; readonly ;&gt;<small>&lt;a href=&#39;<data:post.url/>&#39;target=&#39;_blank&#39;&gt;&lt;strong&gt;&lt;i&gt;Sumber&lt;/i&gt;&lt;/strong&gt;&lt;/a&gt;</small>&lt;/textarea&gt;&lt;/p&gt;
&lt;/div&gt;
<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://infoiki.blogspot.com/2012/06/membuat-permalink-otomatis-di-blog.html' target='_blank'>widget</a></div>
</div></b:if>


8. Save Template & Lihat hasilnya.
*bila berkenan, bisa liat sumbernya disini.
   Selamat mengutak-atik template :D