Pernahkah Anda melihat kotak permalink? Kotak permalink merupakan salah satu elemen blog yang berfungsi untuk memberikan kemudahan untuk blog/web yang lain membuat tautan/taut balik/linkback ke salah satu halaman postingan blog Anda, seperti yang saya pasang di bawah posting-posting blog Panduanku NgeBlog ini. Kotak permalink ini juga merupakan salah satu optimasi blog Anda secara OnPage, baca disini : Optimasi Blog SEO OnPage/OffPage. Dengan adanya kotak permalink ini sangat membantu Anda dalam meningkatkan visibilitas dan traffic blog, sebab apabila ada blogger lain yang menyukai dan menganggap posting atau artikel blog Anda penting, maka mereka dapat dengan mudah menemukan tag permalink tepat di bawah artikel yang Anda posting, dengan meng-copy-nya, kemudian memasang/membaginya di blog mereka; sehingga mereka tidak perlu repot-repot membuat tag permalink sendiri. Juga secara otomatis bisa menambah Traffic blog Anda. Apabila Anda belum memiliki kotak permalink ini dan ingin membuatnya, silahkan ikutilah tutorial saya tentang cara menambahkan kotak permalink di bawah posting berikut.
Konsep dan Kode Kotak Permalink
Konsep yang saat ini saya gunakan adalah kotak permalink otomatis yang memanfaatkan dua tag XML Blogger, yaitu <data:post.url/> , berguna untuk memanggil url posting yang sedang ditampilkan, dan <data:post.title/> berguna untuk memanggil judul posting yang ditampilkan, cukup mudah untuk dilakukan! Permalink juga saya lengkapi dengan tag link </a>. Kemudian, permalink tersebut dapat Anda letakkan pada textarea dengan memanfaatkan mungkin beberapa fungsi javascript sederhana. Dengan cara ini, maka semua isi kotak permalink akan tampil otomatis tanpa harus Anda membuat isi secara manual dan bisa langsung digunakan.
Berikut ini 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 informasi 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, saat ini saya menggunakan:
- 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 huruf (pada text di atas kotak permalink).
Cara Memasang Kotak Permalink di Bawah Posting Blog
1. Pertama, copy kode di atas setelah Anda selesai melakukan kostumisasi CSS, jika belum tahu apa yang harus dikostumisasi agar kotak permalink bisa sesuai dengan desain blog Anda, copy dulu saja.
2. Kemudian Anda buka HTML editor blog, caranya, masuk ke Dashboard > Template > Edit HTML.
3. Jangan lupa untuk selalu centang "Expand Widgets Template" setiap Anda melakukan peng-edit-an HTML blog.
4. Cari kode <data:post.body>, agar lebih mudah tekan Ctrl + F. Bagi blog Anda yang menggunakan readmore otomatis, akan ada lebih dari satu macam tag tersebut. Pada kebanyakan template yang blogger gunakan, tag yang ditampilkan secara penuh biasanya adalah tag yang kedua. Jika Anda tidak yakin, coba dulu yang pertama, jika kotak tidak muncul, maka Anda bisa pilih tag sama yang kedua. Mudah kan?
5. Kemudian, letakkan kode kotak permalink di atas, berada tepat di bawah <data:post.body>.
6. Terakhir, klik Save template.
Jika kode terpasang dengan benar, maka akan tampil seperti ini :
Ganti teks ini dengan informasi mengenai permalink atau apapun di sini.
Ok deh, selesai juga tutorial blogspot tentang Cara Membuat, Memasang Kotak Permalink Di Bawah Postingan Blog. Selamat ,mencoba dan selamat blogging!
Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
0 komentar:
Posting Komentar