Sudah pernah menyaksikan kotak permalink, bukan? Salah satu unsur blog yang berfungsi untuk memamerkan fasilitas bagi blog/web lain menghasilkan tautan/linkback ke salah satu halaman posting blog; menyerupai yang aku sediakan di bawah posting-posting blog ini. Adanya kotak atau kolom permalink sungguh menolong teman dekat dalam meningkatkan visibilitas dan traffic blog alasannya apabila ada blogger lain menggemari dan menilai posting atau postingan blog teman dekat penting, maka beliau sanggup dengan gampang mendapatkan tag permalink di bawah artikel, meng-copy-nya, dan memasang/membaginya di blog; sehingga beliau tidak perlu sibuk-sibuk menghasilkan tag permalink sendiri. Jika teman dekat belum memiliki dan ingin membuat, silahkan ikuti panduan menyertakan kotak permalink di bawah posting berikut.
Konsep dan Kode Kotak Permalink
Konsep yang aku gunakan merupakan kotak permalink otomatis dengan mempergunakan dua tag XML Blogger, yakni <data:post.url/> untuk mengundang url posting yang sedang ditampilkan, dan <data:post.title/> untuk mengundang judul posting yang sedang ditampilkan, very easy! Permalink juga dilengkapi dengan tag link </a>. Kemudian permalink tersebut ditaruh pada textarea dengan mempergunakan beberapa fungsi javascript sederhana. Dengan cara ini, semua isi kotak permalink tampil secara otomatis tanpa mesti menghasilkan isi secara manual dan sanggup pribadi 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 isu tentang 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 aku 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 memperbesar atau meminimalisir 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 mengerjakan kostumisasi, kalau belum tahu apa yang mesti dikostumisasi mudah-mudahan kotak permalink sesuai dengan desain blog, copy dahulu saja.
2. Buka HTML editor blog, Dashboard > Template > Edit HTML.
3. Jangan lupa centang "Expand Widgets Template"
4. Cari <data:post.body/>. Bagi yang memakai readmore otomatis, akan ada lebih dari satu tag tersebut. Pada pada lazimnya template, tag yang ditampilkan secara sarat merupakan tag kedua. Jika tidak yakin, pilih dan coba dahulu yang pertama, kalau tidak sanggup pilih tag sama yang kedua.
5. Letakkan instruksi kotak permalink tepat di bawah <data:post.body/>.
6. Save template.
Jika dipasang dengan benar, maka kesannya akan terlihat menyerupai ini:
Ganti teks ini dengan isu tentang permalink atau apapun di sini.
7. Cek hasilnya pada salah satu halaman posting dan lihat apakah dikehendaki kostumisasi di bab CSS menyerupai di atas.
Okay, itu beliau tindakan memasang kotak permalink di bawah posting Blogger. Semoga dahulu teman dekat yang pernah menanyakan tentang kotak permalink yang aku gunakan terpuaskan. And, have a nice blogging, guys!
Update:
Jika pada kasus tertentu anda mengalami kesusahan memperlihatkan permalink yang ikut tampil di halaman utama, itu alasannya 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 beliau tindakan memasang kotak permalink di bawah posting Blogger. Semoga dahulu teman dekat yang pernah menanyakan tentang kotak permalink yang aku gunakan terpuaskan. And, have a nice blogging, guys!
Update:
Jika pada kasus tertentu anda mengalami kesusahan memperlihatkan permalink yang ikut tampil di halaman utama, itu alasannya 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>
