Membuat Permalink Otomatis Di Blog
Kali ini saya akan mencoba sharing cara Membuat Permalink Otomatis Di Blog.
Namun sebelumnya saya akan membahas sedikit tentang Permalink itu
sendiri. Bagi kita sebagai blogger pemula tentunya asing dengan yang
namanya Permalink. Menurut para ahli, Permalink adalah singkatan dari
Permanent Link yang artinya adalah alamat permanen url atau link yang
menuju ke blog atau web tertentu yang langsung menuju ke postingan
blog/web itu sendiri.
Nah dengan Membuat Permalink Otomatis Di Blog, diharapkan dapat
menambah internal link postingan atau artikel blog kita sehingga lebih
SEO lagi dan dapat bersaing dan bertahan di search engine dan tentunya
juga diharapkan dapat meningkatkan optimasi onpage blog kita. Biasanya
permalink otomatis di simpan di bawah postingan. Anda mungkin pernah
melihat seperti gambar di bawah ini:
Membuat Permalink Otomatis Di Blog
Gambar di atas adalah contoh untuk permalink otomatis yang ada di setiap postingan blog. Nah bagi yang ingin Membuat Permalink Otomatis Di Blog silahkan simak uraian cara membuatnya di bawah ini.
Seperti biasa Anda silahkan Login ke blog Anda >> Dashboard >> Template >> Edit HTML >> Jangan lupa centang Expand Widget Templates. Namun alangkah baiknya sebelumnya Anda back up dulu template blognya untuk menjaga hal-hal yang tidak diinginkan, sehingga bilamana terjadi kesalahan bisa dikembalikan ke template semula.
Kemudian cari kode ]]></b:skin> agar lebih mudah dalam pencarian, tekan CTRL + F di keyboard kemudian masukan kode ]]></b:skin> tadi. Setelah ketemu silahkan copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin> tadi.
Seperti biasa Anda silahkan Login ke blog Anda >> Dashboard >> Template >> Edit HTML >> Jangan lupa centang Expand Widget Templates. Namun alangkah baiknya sebelumnya Anda back up dulu template blognya untuk menjaga hal-hal yang tidak diinginkan, sehingga bilamana terjadi kesalahan bisa dikembalikan ke template semula.
Kemudian cari kode ]]></b:skin> agar lebih mudah dalam pencarian, tekan CTRL + F di keyboard kemudian masukan kode ]]></b:skin> tadi. Setelah ketemu silahkan copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin> tadi.
.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;}
.buatpermalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
Perhatikan tulisan berwarna merah #444 itu menunjukkan warna untuk kotaknya. Silahkan sesuaikan dengan warna blog Anda.
Kemudian cari kode seperti di bawah ini
<div class='post-footer-line post-footer-line-1'>
atau kalau enggak ada cari yang seperti di bawah ini
<p class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-1'>
atau kalau enggak ada cari yang seperti di bawah ini
<p class='post-footer-line post-footer-line-1'>
Kemudian copy kode di bawah ini dan pastekan SETELAH kode di atas tadi.
<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>
<div>
<form name="kompi ajaib">
<p align="center" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 98%; height: 10" name="txt" rows="1" cols="45" onmouseover="this.form.txt.select()" readonly ;><small><a href='<data:post.url/>'target='_blank'><strong><i>Sumber</i></strong></a></small></textarea></p>
</div>
<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://kompiajaib.blogspot.com/2012/06/membuat-permalink-otomatis-di-blog.html' target='_blank'>widget</a></div>
</div></b:if>
<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>
<div>
<form name="kompi ajaib">
<p align="center" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 98%; height: 10" name="txt" rows="1" cols="45" onmouseover="this.form.txt.select()" readonly ;><small><a href='<data:post.url/>'target='_blank'><strong><i>Sumber</i></strong></a></small></textarea></p>
</div>
<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://kompiajaib.blogspot.com/2012/06/membuat-permalink-otomatis-di-blog.html' target='_blank'>widget</a></div>
</div></b:if>
Silahkan lakukan preview untuk memastikan penerapan kodenya sudah betul atau belum, kemudian save template blog Anda.
Demikian postingan Membuat Permalink Otomatis Di Blog, mudah-mudahan bermanfaat.
sumber : http://www.kompiajaib.com/2012/06/membuat-permalink-otomatis-di-blog.html#ixzz2F0cf3Mcb