Cara Membuat Kotak Permalink Di Bawah Posting Blog
Sudah pernah melihat kotak permalink, bukan? Salah satu elemen blog yang berfungsi untuk memberikan kemudahan bagi blog/web lain membuat tautan/linkback ke salah satu halaman posting blog; seperti yang saya sediakan di bawah posting-posting blog ini. Adanya kotak atau kolom permalink sangat membantu sobat dalam meningkatkan visibilitas dan traffic blog karena apabila ada blogger lain menyukai dan menganggap posting atau artikel blog sobat penting, maka beliau sanggup dengan mudah menemukan tag permalink di bawah artikel, meng-copy-nya, dan memasang/membaginya di blog; sehingga dia tidak perlu repot-repot menciptakan tag permalink sendiri. Jika sahabat belum mempunyai dan ingin membuat, silahkan ikuti tutorial menambahkan kotak permalink di bawah posting berikut.
Konsep dan Kode Kotak Permalink
Konsep yang saya gunakan yakni 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 isyarat-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 saya memakai:
- background-color: #ffffff (putih), ganti #ffffff dengan kode 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 abjad (pada text di atas kotak permalink).
Cara Memasang Kotak Permalink di Bawah Posting Blog
1. Copy arahan di atas sesudah melaksanakan kostumisasi, bila 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 memakai 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, jikalau tidak bisa pilih tag sama yang kedua.
5. Letakkan kode kotak permalink sempurna di bawah <data:post.body/>.
6. Save template.
Jika dipasang dengan benar, maka kesudahannya akan tampak mirip ini:
Ganti teks ini dengan informasi mengenai permalink atau apapun di sini.
7. Cek hasilnya pada salah satu halaman posting dan lihat apakah dibutuhkan kostumisasi di bagian CSS seperti di atas.
Okay, itu dia langkah-langkah memasang kotak permalink di bawah posting Blogger. Semoga dulu sobat yang pernah menanyakan mengenai kotak permalink yang saya 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 arahan di data:post.body yang di belahan bawah readmore. Jika tidak tahu data:post.body yang mana yang sempurna, gunakan ini (caranya sama persis dengan di atas):
© buka-rahasia.blogspot.com
Okay, itu dia langkah-langkah memasang kotak permalink di bawah posting Blogger. Semoga dulu sobat yang pernah menanyakan mengenai kotak permalink yang saya 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 arahan di data:post.body yang di belahan bawah readmore. Jika tidak tahu data:post.body yang mana yang sempurna, gunakan ini (caranya sama persis dengan di atas):
<b:if cond='data:blog.pageType == "item"'>
Letakkan arahan kotak permalink di sini
</b:if>
Belum ada Komentar untuk "Cara Membuat Kotak Permalink Di Bawah Posting Blog"
Posting Komentar