Berikut
ini BLOGGINGPASURUAN akan berbagi tutorial Cara Membuat Permalink Otomatis Pada Postingan Blog.
Bagi blogger pemula mungkin blom tahu dengan yang namanya Permalink. Permalink adalah 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.
Fungsi Permalink Otomatis
Dengan Membuat Permalink Otomatis Di Blog, Sobat Blogger berharap dapat menambah internal link postingan atau artikel blog kita sehingga lebih SEO lagi dan dapat bersaing dan bertahan di search engine dan diharapkan dapat meningkatkan optimasi on-page blog sobat. Permalink otomatis umumnya di tampilkan di bawah postingan. Anda mungkin pernah melihat seperti gambar di bawah ini:
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.
Membuat Permalink Otomatis
Disetiap Artikel Blog
Seperti biasa Anda silahkan Login ke blog Anda >> Dashboard >> Template >> Edit HTML >> Jangan lupa centang Expand Widget Templates. Dan alangkah baiknya sebelum melakukan editing HTML template sobat sebaikan di back up terlebih dahulu, untuk menjaga hal-hal yang tidak diinginkan, sehingga jika terjadi kesalahan bisa dikembalikan ke template semula ( default-nya ).
1. Cari kode ]]></b:skin> agar lebih
mudah dalam pencarian, tekan CTRL + F di keyboard kemudian masukan kode ]]></b:skin>
tadi.
2. Setelah ketemu silahkan copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin> tadi.
2. Setelah ketemu silahkan copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin> tadi.
.permalinkbloggingpasuruan {border:1px solid #191919;
border-bottom:1px solid #666; border-right:1px solid #666; padding: 5px;
background: #444;-moz-border-radius:5px;}
.permalinkbloggingpasuruan a {background:none;} img.float-right
{margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
Catatan : tulisan berwarna biru #444 itu menunjukkan warna untuk kotaknya. Silahkan sesuaikan dengan warna blog Anda.
3. Kemudian cari kode seperti di bawah
ini
<div class='post-footer-line post-footer-line-1'>
atau cari yang seperti
di bawah ini
<p class='post-footer-line
post-footer-line-1'>
4. Kemudian copy kode di bawah ini dan
pastekan SETELAH
kode di atas.
<b:if cond='data:blog.pageType
== "item"'>
<div class='permalinkbloggingpasuruan'><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="bloggingpasuruan">
<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://bloggingpasuruan.blogspot.com/2014/10/fungsi-permalink-dan-cara-membuat.html'
target='_blank'>widget</a></div>
</div></b:if>
5. Silahkan lakukan Preview untuk memastikan penerapan kodenya sempurna atau tidak, kemudian save template blog Anda jika setelah di-preview tampil dengan baik.
Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog Semoga bermanfaat dan terima kasih..
Makasih infox, qaharberita.blogspot.com
ReplyDeleteThis comment has been removed by the author.
ReplyDelete