Selasa, 03 April 2012

Memasang Permalink di Bawah Posting

Pada kesempatan ini saya ingin berbagi informasi mengenai sesuatu yang belum lama dipasang pada bagian bawah posting blog ini. Ya, sesuatu yang baru tersebut adalah berupa kotak berisi pesan dan link dari posting yang bersangkutan. Elemen ini disebut-sebut sebagai Permalink. Apa itu Permalink? Berikut ini gambaran mengenai Permalink yang saya ambil dari Wikipedia:
Sebuah permalink, atau permanen link, adalah URL yang menunjuk ke suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Karena Permalink tetap tidak berubah tanpa batas waktu, itu kurang rentan terhadap link membusuk. Weblogging paling modern dan konten-sistem perangkat lunak sindikasi mendukung link tersebut. Jenis website lain menggunakan istilah link permanen, tetapi istilah permalink yang paling umum dalam blogosphere. Permalink adalah kata portmanteau terbuat dari link permanen. Permalinks sering hanya dinyatakan sehingga dapat terbaca-manusia.

Untuk memasang Permalink di bawah postingan, kita dapat memasangnya secara otomatis. Berikut ini langkah-langkahnya:

1. Masuk ke akun Blogger.

2. Klik RancanganEdit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk memudahkan mengembalikan template ke kondisi terakhir sebelum diedit jika nanti terjadi kesalahan.

4. Beri tanda centang pada "Expand Template Widget".

5. Cari kode ]]></b:skin>

6. Letakkan kode css di bawah ini di atas kode tadi.

.permalinkdiblogger
{border: 1px solid #e6e4e3;
padding: 5px;
background: #F5F5F5;-moz-border-radius:5px;}

.permalinkdiblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

  • Kode yang berwarna merah merupakan ketebalan tepi border.
  • Kode yang berwarna jingga merupakan jenis border.
  • Kode yang berwarna biru merupakan warna tepi border.
  • Kode yang berwarna ungu merupakan warna latar belakang border.

7. Selanjutnya carilah kode <data:post.body/>

8. Setelah ketemu, letakkan kode berikut di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='permalinkdiblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan Anda bisa menemukan artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>, Anda boleh menyebarluaskannya atau meng-copypaste-nya jika artikel <strong><data:blog.pageName/></strong> ini bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
</b:if>

  • Tulisan yang berwarna biru dapat diganti dengan kata-kata sendiri.

9. Klik tombol "SIMPAN TEMPLATE" dan lihat hasilnya di bagian bawah posting.

Tidak ada komentar:

Posting Komentar