Tuesday, September 11, 2012

MEMBUAT PERMALINK OTOMATIS DIBAWAH SETIAP ARTIKEL

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.
MEMBUAT PERMALINK OTOMATIS DIBAWAH SETIAP ARTIKEL

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.

.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;}

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'>

Kemudian copy kode BERWARNA MERAH 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>
&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://terbaru5.blogspot.com/2012/09/membuat-permalink-otomatis-dibawah.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.

No comments:

Post a Comment