Meninggalkan Jejak Di Ujung Tulisan

Kenapa setiap judul yang saya berikan tidak pernah "tepat sasaran". Seharusnya judul posting ini adalah "Cara Membubuhkan tanda tangan di Posting Blog". Atau jika ingin ber-bahasa Inggris ria, "Post signature on Blogspot". Saya selalu melakukan ini, karena khawatir, kawan-kawan yang benar-benar sedang membutuhkan, malah harus tersangkut di Blog saya, sementara, Blog Tutor kita mungkin sudah menuliskannya jauh-jauh hari. Dan Suhu-suhu kita inilah, yang bisa langsung tepat sasaran. Jadi sekali lagi, saya sarankan untuk mencoba dulu menyambangi Blog Kang Rohman, Agus Ramadhani (O-om), Abah Iwan (Free-7), Kang Jaloe, Mas Anang, Mas Fatih atau Kang Agus Herry (edittag). Buatlah Blog saya ini menjadi Prioritas terakhir. Tapi jika sudah basah, ya sudah mandi sekalian disini :)

Kita mulai saja. Sebelumnya maaf, jika terlalu panjang penjelasannya.

Ide awalnya adalah apa yang sudah dilakukan oleh Annie (sok kenal) di bloggeruniversity.blogspot.com. Annie menulis "Blogger Beta - Post Signature". Tapi kemudian saya mencari cara lain, supaya lebih efektif (menurut saya). Tapi untuk memberi pilihan kawan-kawan, akan saya bawakan juga "cara" annie disini.

A. BlogUniversity :

Relatif lebih mudah. Hal pertama yang harus dilakukan adalah BACKUP templates kawan-kawan. Jika sudah, maka buat file image/gambar tandatangan kawan-kawan, atau bisa saja menggunakan font yang berbentuk huruf tegak bersambung (latin) sehingga 'mirip' tanda tangan, bisa dengan menggunakan software pengolah gambar, misalnya yang gratis seperti GIMP (Bisa di download dari sini), atau Software berbayar macam Corel CS atau Adobe Photoshop CS. Setelah itu, Upload gambar tersebut ke file-hosting milik kawan-kawan. Saya biasa menggunakan Googlepages (tak-berbayar). Kawan-kawan yang menulis blog dengan blogspot, tentunya akan lebih mudah, karena GooglePages juga menggunakan Google ID yang sama dengan Blogger, Gmail dan layanan Google yang lain, Jadi tinggal memasukkan Password saja.

1. Sign-In dan masuk ke Dashboard Klik Settings > Formatting > Post Template. Nah di kotak "post-templates" tersebut Isikan dengan :
   
   <p><image class="centered" alt="post signature" src="SIGNATURE URL" /></p>


2. Ganti SIGNATURE URL dengan alamat image/gambar tandatangan kawan-kawan disimpan. Misalnya jika saya tuliskan alamat image saya
   
   <p><image class="centered" alt="post signature" src="http://firdaus.ariefatosa.googlepages.com/Signature.gif" /></p>
   
   Setelah di-save, maka akan muncul seperti ini (di setiap akhir tulisan kita)
   

   

3. Jadi, setiap kali kawan-kawan akan memulai tulisan, gambar tandatangan tadi sudah langsung muncul ke dalam kotak penulisan. Terakhir, tinggal tempatkan saja 'tandatangan' itu di bawah tulisan kawan-kawan. Selesai. :)

B. Blognya firdaus :

Saya memanfaatkan bagian 'footer' tulisan blog kita. Jadi sudah jelas ya bedanya. Kalau Annie memasang gambar di akhir 'body' tulisan, saya menempatkannya di atas 'footer' tulisan. (eta-eta keneh, Itu itu ajah, sami mawon). Hanya saja, untuk kasus templates blog saya ini akan lebih rapi bila tandatangan itu diletakkan di atas footer, bukan dibawah body (mirip tapi tetap berbeda).

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, lalu cari kode berikut :
   
   <div class='post-footer'>


2. lalu letakkan kode ini tepat dibawahnya
   
   <div align='right'><p><image alt='post signature' class='centered' src='URL IMAGE'/></p></div>


3. Nah, warna merah di kode tersebut, silahkan ganti dengan yang sesuai. URL IMAGE adalah tempat kawan-kawan menyimpan file gambar. Dan right berarti gambar yang dimunculkan akan 'rapat-kanan' seperti di blog ini. Ada 3 pilihan, kawan-kawan bisa isi dengan left, center, atau right. Silahkan pilih.
   
   Contohnya (pada blog ini) saya menggunakan :
   
   <div align='right'><p><image alt='post signature' class='centered' src='http://firdaus.ariefatosa.googlepages.com/Signature.gif'/></p></div>
   
   Maka akan muncul seperti yang terlihat di sebelah kanan bawah tulisan posting kali ini.


4. Setelah itu, jangan lupa di save. :)

Jika gagal, hal pertama, jangan panik. Kembalikan templates kita dengan backup-an tadi. Ulangi dari awal, dan lebih berhati-hati. Umumnya kegagalan parsing file XML (templates gagal di save) adalah kesalahan 'kecil' kode seperti tanda koma atau tanda kutip. Jadi tetap semangat. Namanya juga belajar. Jika kawan-kawan mengerti CSS atau punya kreatifitas lain, lahan ini bisa sekaligus kita gunakan sebagai tempat gambar yang lain yang mungkin ingin kawan-kawan tampilkan pada setiap kali posting. Selamat mencoba (bagi yang ingin mencoba).

Oya.. Kata ayah saya "Malu bertanya, tidak apa-apa. Yang penting jangan sesat di jalan.".

#PS: Ini juga adalah buah dari pertanyaan Bapak Guru edisamsuri di postingan sebelum ini. Dan soal Ijin penerjemahan dari Annie bisa dilihat screenshoot-nya disini