Cara Mudah Memasang Permalink Pada Blog

Permalink, atau permanen link, adalah URL yang menunjuk ke suatu blog atau forum tertentu yang tujuannya sebagai pemberitahuan kepada pengunjung blog untuk selalu meletakkan sumbernya apabila artikel tersebut digunakan oleh pihak lain. Pada kesempatan kali ini sampul ilmu menjelaskan tentang Cara Mudah Memasang Pemalink Pada Blog.

Gambar diatas adalah permalink yang digunakan oleh sampul ilmu, buat sahabat sampul ilmu yang ingin membuat permalink dapat mengikuti langkah-langkah dibawah ini:

Siapkan gambar /image anda (anda juga dapat menggunakan gambar animasi. Untuk cara pembuatan gambar animasi anda dapat membaca Cara Membuat Gambar Animasi Diblog) pada contoh kali ini sampul ilmu menggunakan gambar burung dengan extension Gif

Setelah gambar/image sudah dibuat  langkah selanjutnya login kehalaman dashboard blog anda kemudian pilih Template dan clik Edit HTML

Pada Halaman kode HTML cari Kata </b:skin> kemudian Paste Code Dibawah Ini tepat berada di atas kode </b:skin>

.sampul-ilmu{<br /> width:auto;<br /> background:#ffffff;<br /> border:2px solid #0510fa;<br /> margin:30px 0 10px 0;<br /> display:block;<br /> font-family:"Arial";<br /> color:#000;<br /> }<br /> .sampul-ilmu.kontainer{padding:5px;}<br /> .sampul-ilmu h4{<br /> background:#FF0000;<br /> border:none;<br /> border-bottom:1px solid #000000;<br /> color:#fff;<br /> font-family:"Arial";<br /> text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);<br /> padding:5px 10px;<br /> margin:0 0 0 0;<br /> display:block;<br /> }<br /> .sampul-ilmu h4 a{color:#000000;}<br /> .sampul-ilmu img{<br /> background:#ffffff;<br /> width:90px;<br /> height:100px;<br /> border:1px solid #ffffff;<br /> margin:3px 10px 0 0;<br /> float:left;<br /> padding:2px;<br /> box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;<br /> }

Keterangan Kode:

• Untuk merubah background dari permalink cari kata .sampul-ilmu{ kemudian Pada background:#ffffff; Ubah kode warna  #ffffff menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah warna bingkai dari permalink cari kata .sampul-ilmu{ kemudian Pada border:2px solid #000000; Ubahkode warna  #000000 menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah background pada kolom penulis dan warna tulisan pada kata penulis cari kata .sampul-ilmu h4{ kemudian Pada background:#ffffff; dan kata color:#fff; Ubah kode warna  #ffffff dan #fff menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah warna bingkai pada gambar cari kata .sampul-ilmu img{ kemudian Pada background:#ffffff; Ubahkode warna  #ffffff menjadi kode warna sesuai dengan keinginan anda.

Setelah langkah diatas telah selesai dilakukan, langkah selanjutnya masih pada halaman kode HTML cari Kata <data:post.body/> biasanya terdapat  dua atau lebih kata tersebut silahkan paste code dibawah ini tepat dibawah kata <data:post.body/> apabila permalink belum muncul diblog anda silahkan coba lagi pada <data:post.body/> yang kedua dan seterusnya  lakukan langkah tersebut sampai penempatan permalink pada blog sesuai dengan keinginan anda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='sampul-ilmu'>

<h4>Penulis : <blink><b><data:post.author/></b></blink></h4>

<div class='kontainer'>

<img alt='RegiBrader' src='http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif'/>

Anda telah membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Anda 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'>&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://lembar200.blogspot.com/' target='_blank'>@ Sampul Ilmu @</a></span></p>

<div style='clear:both;'/>

</div></div>

</b:if>

Keterangan kode :

• <blink>……</blink> adalah untuk membuat tulisan berkedap kedip
• Untuk membuat link pada gambar masukan kode berikut <a href='Masukan URL Tujuan’ > tepat berada dibawah kode <div class='kontainer'>  pada kata Masukan URL Tujuan Ganti dengan URL sesuai dengan keinginan anda 
• <img alt='RegiBrader' src='http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif'/> Kode ini adalah untuk menampilkan gambar .Pada URL http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif' ganti dengan URL Gambar Anda.
• textarea cols='60' adalah ukuran dari lebar textarea anda dapat merubah ukuran sesuai dengan template anda (disini sampul ilmu menggunakan ukuran 60 Pixel).

Refresh Blog anda untuk melihat hasilnya. mudah-mudahan bermanfaat