Tuesday, March 21, 2017
Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog
Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog
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 SETELAHkode 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..
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment