Hello IT Loverz semua... udah beberapa hari saya berkutat untuk memasang PERMALINK di blog saya, dan akhirnya saya bisa juga hehehhe :D
Dan saat ini saya akan membuat Tutor tentang Cara memasang PERMALINK di Blog.
Berikut contoh dari PERMALINK Blog saya :


Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di
biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog IT Loverz. Biasanya IT Loverz yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum IT Loverz tahu bahwa namanya adalah PERmanen LINK.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik IT Loverz , juga di lengkapi dengan url artikel yang auto drag (otomatis ter blok).

Tak perlu berlama-lama, mari kita mulai saja Tutorial kali ini.

Cara memasang PERMALINK di Blog.

1. Login ke akun blog IT Loverz.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{ width:auto; background:#666666; border:2px solid #000000; margin:30px 0 10px 0; display:block; font-family:"Arial"; color:#000; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:red; border:none; border-bottom:1px solid #000000; color:#fff; font-family:"mountains of christmas"; font-size:20px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#000000;} .admin-tulisan img{ background:#666666; width:110px; height:130px; border:1px solid #000000; margin:3px 10px 0 0; float:left; padding:2px; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<!-- Permalink --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4> Ditulis Oleh : <b><data:post.author/></b> ~ Angga Sulistiono</h4> <div class='kontainer'> <img alt='Angga Sulistiono' src='FOTO ANDA'/> <center> <blink><font color='white'>Hello IT Loverz \(^_^)/</font></blink></center> <br/><font style='text-align:justify'>IT Loverz sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Saya selaku ADMIN Blog <a href='http://nigthmare-999.blogspot.com'>Nightmare-999</a>, Memperbolehkan IT Loverz untuk meng-COPAST atau menyebar luaskan artikel ini, namun jangan lupa untuk mencantumkan link dibawah ini sebagai sumbernya. Hargai karya orang lain jika karyamu ingin di hargai. Sukses buat IT Loverz !!! :)</font> <textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a>
:: Get this widget ! ::


5. Klik save dan lihat hasilnya.

CATATAN :

• Pastikan sebelum malukan Tutor apapun IT Loverz harus mem-Backup template masing-masing, untuk mencegah kesalahan yang tidak di inginkan.