Menampilkan Tanda Edit Post / Quick Edit

Artikel kali ini tentang cara Menampilkan Tanda Quick Edit atau Edit Post di Blogspot , itu lho logo yang bertanda pensil seperti disamping kiri postingan ini, biasanya letaknya diatas postingan, logo ini biasa muncul bila kita sudah login ke blogger kemudian memview blog lagi, nah logo pensilnya baru keluar tuh. Maksud dari logo  ini adalah untuk edit postingan kita secara cepat jadi gak perlu login dulu ke blogger artinya bisa langsung klik tanda itu dan postingan kita langsung terbuka, gitu lho, ada dua macam quick edit kalau untuk disidebar biasanya bertanda kunci pas dan obeng , untuk yang di sidebar ini  akan saya posting nanti setelah ini. sabaaar

Memang setiap template tidak sama ketika kita ganti template ada yang sudah memasang tanda itu ada juga yang belum seperti pada blog ini tadinya belum ada tanda pensilnya, terus apalagi ya.. oh itu juga belum terpasang seperti .. Red More.., ganti nama penulis Blog , scroll dalam related post, logo Social Bookmark, pesan dibawah posting, footer multi kolom  dan masih banyak lagi deh pokoknya.. jadi kayak daftar isi aja… itu adalah kerjaan setelah kita ganti template. Itu baru yang didalam template utama saja belum lagi yang disidebar.. maklum template gratisan.. hehe

Yang berminat Menampilkan Tanda Edit Post atau Quick Edit , langkah2 yang pernah saya lakukan di blog ini adalah esbebe :

1. Login ke Dashboard , lalu pilih Edit HTML
2. Centang Expand Widget Template
3. Backup dulu templatenya dengan Download Full Template siapa tahu nanti malah amburadul
4. Cari kode EditPost untuk memudahkan mencarinya pakai saja Ctrl+F
5. Kode lengkapnya sepeti ini : Mungkin tiap template ada yang beda
   
   

   </b:includable>
   <b:includable id='postQuickEdit' var='post'>
   <b:if cond='data:post.editUrl'>
   <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   </a>
   </span>

6. Tambahkan kode dibawah ini sebelum kode </a>
   <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
7. Lengkapnya kode tersebut akan seperti ini :
   

   </b:includable>
   <b:includable id='postQuickEdit' var='post'>
   <b:if cond='data:post.editUrl'>
   <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
   </a>
   </span>

8. Jika sudah .. jangan lupa SAVE Template
9. Selesai …

Yang mau mencoba Menampilkan Tanda Edit Post atau Quick Edit di blognya silahkan, semoga berhasil.

Artikel Terkait