Sudah pernah melihat kotak permalink, bukan? Salah satu elemen blog yang berfungsi untuk menawarkan fasilitas bagi blog/web lain membuat tautan/linkback ke salah satu halaman posting blog; menyerupai yang gua sediakan di bawah posting-posting blog ini. Adanya kotak atau kolom permalink sangat membantu sahabat dalam meningkatkan visibilitas dan traffic blog alasannya ialah apabila ada blogger lain menyukai dan menganggap posting atau artikel blog sahabat penting, maka ia dapat dengan mudah menemukan tag permalink di bawah artikel, meng-copy-nya, dan memasang/membaginya di blog; sehingga ia tidak perlu repot-repot membuat tag permalink sendiri. Jika sahabat belum memiliki dan ingin membuat, silahkan ikuti tutorial menambahkan kotak permalink di bawah posting berikut.
Konsep dan Kode Kotak Permalink
Konsep yang gua gunakan ialah kotak permalink otomatis dengan memanfaatkan dua tag XML Blogger, yaitu <data:post.url/> untuk memanggil url posting yang sedang ditampilkan, dan <data:post.title/> untuk memanggil judul posting yang sedang ditampilkan, very easy! Permalink juga dilengkapi dengan tag link </a>. Kemudian permalink tersebut diletakkan pada textarea dengan memanfaatkan beberapa fungsi javascript sederhana. Dengan cara ini, semua isi kotak permalink tampil secara otomatis tanpa harus membuat isi secara manual dan dapat eksklusif digunakan.
Berikut kode-nya:
<div style='line-height:1.4em;padding: 1px; margin: 2px;background-color: #ffffff;font-size: 11px;text-align: justify'>
<span>Ganti teks ini dengan info mengenai permalink atau apapun di sini.</span><br />
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'><a href="<data:post.url/>"><data:post.title/></a></textarea><br/>
</div><br />
Kostumisasi CSS:
Secara default gua menggunakan:
- background-color: #ffffff (putih), ganti #ffffff dengan instruksi warna lain sesuai dengan warna background posting blog.
- padding: 1px dan margin: 2px, ganti 1px dan 2px dengan nilai lain untuk menambah atau mengurangi padding dan margin.
- font-size: 11px, ganti dengan nilai lain untuk menambah/mengurangi ukuran aksara (pada text di atas kotak permalink).
Cara Memasang Kotak Permalink di Bawah Posting Blog
1. Copy instruksi di atas setelah melaksanakan kostumisasi, kalau belum tahu apa yang harus dikostumisasi supaya kotak permalink sesuai dengan desain blog, copy dulu saja.
2. Buka HTML editor blog, Dashboard > Template > Edit HTML.
3. Jangan lupa centang "Expand Widgets Template"
4. Cari <data:post.body/>. Bagi yang menggunakan readmore otomatis, akan ada lebih dari satu tag tersebut. Pada kebanyakan template, tag yang ditampilkan secara penuh ialah tag kedua. Jika tidak yakin, pilih dan coba dulu yang pertama, kalau tidak mampu pilih tag sama yang kedua.
5. Letakkan instruksi kotak permalink tepat di bawah <data:post.body/>.
6. Save template.
Jika dipasang dengan benar, maka balasannya akan tampak menyerupai ini:
Ganti teks ini dengan info mengenai permalink atau apapun di sini.
7. Cek hasilnya pada salah satu halaman posting dan lihat apakah diharapkan kostumisasi di bab CSS menyerupai di atas.
Okay, itu ia langkah-langkah memasang kotak permalink di bawah posting Blogger. Semoga dulu sahabat yang pernah menanyakan mengenai kotak permalink yang gua gunakan terpuaskan. And, have a nice blogging, guys!
Update:
Jika pada kasus tertentu anda mengalami kesulitan menampilkan permalink yang ikut tampil di halaman utama, itu alasannya ialah pemasangan instruksi di data:post.body yang di bab bawah readmore. Jika tidak tahu data:post.body yang mana yang tepat, gunakan ini (caranya sama persis dengan di atas):
© buka-rahasia.blogspot.com
Okay, itu ia langkah-langkah memasang kotak permalink di bawah posting Blogger. Semoga dulu sahabat yang pernah menanyakan mengenai kotak permalink yang gua gunakan terpuaskan. And, have a nice blogging, guys!
Update:
Jika pada kasus tertentu anda mengalami kesulitan menampilkan permalink yang ikut tampil di halaman utama, itu alasannya ialah pemasangan instruksi di data:post.body yang di bab bawah readmore. Jika tidak tahu data:post.body yang mana yang tepat, gunakan ini (caranya sama persis dengan di atas):
<b:if cond='data:blog.pageType == "item"'>
Letakkan instruksi kotak permalink di sini
</b:if>