Cara menambahkan Icon Quick Edit pencil pada blogger

Sebenarnya Tulisan atau Icon Delete dan Quick Edit berupa gambar  Pensil dan Obeng plus Kunci pas atau icon Pencil and Wrench sudah tampil secara default pada template bawaan blogger, namun karena sesuatu hal menjadi tidak muncul. Nah kalau mengalami hal seperti ini dan ingin menampilkannya, maka bacalah postingan Cara Tampilkan Delete Dan Quick Edit Pada Blog ini. Judul ini memang kontradiktif, Karena icon tersebut sudah tampil secara default hingga kebanyakan para blogger membuat postingan  Cara Menghilangkan icon tersebut dan hampir tak ada yang membahas cara menampilkan, Coba aja tanya om Google. kecuali Saung Web setahun yang lalu pernah posting Cara Menampilkan Tanda Edit Post atau Quick Edit, tapi itu dulu sebelum musim fitur Threaded Comments seperti bawaan blogger sekarang.
Sebenarnya postingan ini lahir dari problem yang dialami blog ini yaitu :

1. Template maknyus ini yang saya obrak-abrik hingga tampilannya seperti sekarang jauh dari aslinya, termasuk fitur threaded comment saya masukan secara manual dan sukses, ini ditandai dengan munculnya tulisan Reply dan Delete dalam komentarnya. Jasanya sudah banyak dalam menghapus link aktif yang masuk dalam komentar.
2. Tidak tahu kenapa sudah seminggu yang lalu hanya muncul Reply saja, sedangkan tulisan delete tidak mau tampil.. kenapa pula pikirku..
3. Bukan hanya itu.. icon Quick Edit berupa gambar Pencil dan Obeng plus kunci pas juga ikut hilang. Mungkin karena gambarnya jelek,, kecil lagi.. jadi malu untuk tampil bersanding dengan foto cantik di sebelahnya.
4. Bagi yang suka edit blog atau template simbol quick edit ini memang sangat diperlukan agar tidak bolak-balik ke dashboard. Artinya kemunculannya benar-benar ditunggu dan diharapkan.
5. Upaya memunculkannya saya pake trik lama, tapi kode yang harus dimasukan ternyata sudah lengkap ditemplate ini. Saya bandingkan dengan template lain.. masih belum ketemu juga…halah…

Itulah problemnya dan secara kebetulan bisa dipecahkan. Saya sebut  keajaiban karena tak sengaja menemukan file backup template ini pada folder anak saya campur dengan puluhan file-file tugas sekolah nya. Ya ampuun rupanya dulu asal simpan aja tak lihat foldernya.
File tersebut lalu disandingkan dengan template sekarang, ….jreeeng… ternyata ada sebaris kode yang hilang. Setelah dimasukan, semua kembali normal. Tulisan Delete dan gambar Pencil serta Obeng muncul kembali.. Alhamdulillah.. kita ambil hikmahnya. bahwa setiap mau edit template biasakan backup dulu,,
Karena masalahnya sudah ditemukan sekarang baru masuk ke Cara Tampilkan Delete Dan Quick Edit Pada Blog dalam Fitur Threaded Comments. Ada tiga cara , sbb. :
Cara Pertama :

1. Login ke blogger.com  – > Pilih Template – > Edit HTML
2. Klik Prooced / Lanjutkan
3. Cari kode ]]></b:skin> Gunakan Ctrl+F agar muda mencarinya.
4. Simpan kode dibawah ini sebelum atau diatas kode ]]></b:skin>

   /*-- Tampilkan Delete n Quick Edit Start --*/
   .item-control { display: inline; }
   /*-- Tampilkan Delete n Quick Edit End --*/

5. Lakukan preview dulu, jika sudah ok baru Simpan Template.
6. Selesai.. kodenya hanya seupil itu..

Cara Kedua (Cara lama) untuk Menampilkan Icon Edit Post / Quick Edit , siapa tahu yang ini juga diperlukan :

1. Login ke Dashboard, lalu pilih Template – > Edit HTML
2. Centang Expand Widget Template
3. Cari kode <b:includable id='postQuickEdit' var='post'> 
4. 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>

5. Tambahkan kode dibawah ini sebelum kode  </a>

   <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>

6. Lengkapnya akan seperti ini : (Lihat kode merah yg ditambahkan)

   </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>

7. Jika sudah SAVE Template . Selesai .

Cara ke tiga :

1. Cari kode diantaranya sbb:
   

   <b:if cond='data:post.emailPostUrl'>
   <span class='item-action'>
   <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
   <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
   </a>
   </span>
   </b:if>
   </span> <div class='post-share-buttons'>
   <b:if cond='data:post.sharePostUrl'>
   <b:include data='post' name='shareButtons'/>
   </b:if>
   </div> </div>
   <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
   </span></div>

2. Tambahkan kode dibawah ini tepat di bawah kode yang di atas;
   

   <b:include data='post' name='postQuickEdit'/>
   <div class='post-share-buttons goog-inline-block'>
   <b:if cond='data:post.sharePostUrl'>
   <b:include data='post' name='shareButtons'/>
   </b:if>

3. Jika sudah SAVE Template .

Selesai .&nbsp; Itulah cara menampilkan Tulisan Delete dan Icon atau gambar Pencil dan obeng plus kunci pas yang saya formulasikan dalam judul Tampilkan Delete Dan Quick Edit Pada Blog . Semoga bermanfaat.

Anda baru saja membaca artikel tentang - Cara menambahkan Icon Quick Edit pencil pada blogger. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)