Cara Merubah Teks "Diposkan oleh ...." dan "Posted by ...""

Panduan BloGGeR dan Tutorial BloGGeR Kolom Komentar :

Kalau kita telaten "mengobrak-abrik" kode html dalam template, sebenarnya banyak sekali hal yang dapat kita lakukan untuk merestorasi "kemolekan dan kegantengan" blog. Salah satu perubahan yang bisa kita lakukan adalah pada kata "Diposkan oleh ..." atau "Posted by ..." yang biasanya terletak di bawah judul posting. Kata tersebut dapat diganti dengan teks biasa dengan tulisan berbeda atau dalam bentuk gambar/image. Segala bentuk kata bisa kita gunakan untuk menggantinya. Anda bisa menggantinya dengan Written by ..., Dikirimkan oleh ..., Ditulis oleh ..., Dipun serat dening .... atau mungkin anda ingin menuliskan "Dilembur oleh ...". Silahkan saja karena anda bisa menuliskan apapun untuk posisi itu. Contoh perubahan yang bisa anda lihat adalah teks dalam bentuk animasi gif yang bisa dilihat di blog ini. Teks tersebut berupa image/gambar dalam bentuk file animasi gif. Anda bisa mencobanya juga dengan membuat animasi tersebut menggunakan Adobe Photoshop dan Adobe ImageReady atau dengan menggunakan cara yang lain. Jika nggak ingin repot, anda bisa datang di di sini.

Catatan : Selain melakukan perubahan dengan cara seperti yang nanti akan saya coba jelaskan di bawah, untuk melakukan perubahan dengan cara yang lebih sederhana, meskipun hanya pada kata "Diposkan oleh, sampeyan bisa melakukannya dengan melakukan peng-edit-an di ruang posting.

Caranya :

Tata Letak --> Elemen Laman --> KLIK EDIT (kolom posting).
Lakukan perubahan melalui pengaturan yang tersedia.

Langkah di bawah ini untuk perubahahan yang sedikit ekstrim :

1. Ganti secara keseluruhan : Diposkan oleh berikut "nama author", atau
2. Hanya mengganti kata "Diposkan oleh".

Langkah yang harus dilakukan :

1. Login ke Blogger.
2. Halaman Dasbord (Dashboard).
3. Tata Letak (Layout).
4. Edit HTML.
5. Amankan template. Panduan cara mengamankan template bisa dilihat di sini !.
6. Tetap di Edit HTML.
7. KLIK Expand Template Widget.
8. Cari KODE : --> Untuk mengikuti panduan cara cepat dan mudah cari KODE html, klik di sini !.

<div class='post-header-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</div>

9. Untuk mengganti dengan kata lain : Misalnya --> "Dilembur oleh"
   
   Hilangkan dan ganti KODE <data:top.authorLabel/> dengan "Dilembur oleh" Sehingga bentuknya menjadi :

<div class='post-header-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
Dilembur oleh
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</div>

10. Ganti semua : --> Misalnya "Diobok-obok oleh Lionel Sastro", bentuknya menjadi:

<div class='post-header-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
Diobok-obok oleh Lionel Sastro
</b:if>
</span>
</div>

11. Apabila KODE tersebut tidak ada karena dibawah judul posting blog anda memang tidak ada teks seperti itu dan anda ingin menggunakannya, silahkan cari KODE :

<div class='post-header-line-1'>

Tambahkan KODE berikut tepat di bawahnya :

<div class='post_author' style='font-size:12px;text-align:left;font-style:italic;margin:0 10px 20px 10px;color:blue;font-style:italic;'>Dilembur oleh : <data:post.author/></div>

atau :

<div class='post_author' style='font-size:12px;text-align:left;font-style:italic;margin:0 10px 20px 10px;color:blue;font-style:italic;'>Dilembur oleh : Lionel Sastro</div>

12. Mengganti dengan teks yang berupa gambar/image :
Ganti Kata "Dilembur oleh : Lionel Sastro", dengan KODE :

<img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/WrittenByCNKluthukAnima.gif' style='background:#222;margin:2px 0 0 10px;padding;0 0 0 20px;border:none;'/>

13. KLIK Simpan Template (SAVE).

Selamat mencoba !!!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » January, 08, 2012

» Happy Blogging - gubhugreyot «