Cara menampilkan Quick Edit Pencil di bawah postingan blog

: 19.23 3 comments

       Ada sebagian sobat blogger tidak membutuhkan adanya Quick Edit pencil salah satu alasan nya mungkin di anggap kurang profesional sehingga ada nya Quick Edit Pensil di anggap mengganggu sehingga di hilangkan ,tetapi ada sebagian orang beranggapan adanya Quick Edit Pensil sangat membantu apa bila kita akan melakukan revisi ulang/Update postingan sehingga kita sudah tidak usah masuk ke dashboard lagi ,kita hanya tinggal klik icon /gambar Quick edit pencil yang sudah ada di bawah postingan Nah buat shobat blogger yang sudah terlanjur menghapus/menghilangkan icon Quick Edit Pencil atau memang bawaan template (tidak ada icon Quick Edit Pencil) jangan khawatir Karina akan coba bantu Oh ya bagi shobat yang masih belum tahu apa itu icon Quick Edit Pensil Berikut akan Karina tampilkan gambar / Icon Quick Edit Pencil

Ditengah lingkaran merah adalah icon Quick Edit Pencil
Nah untuk menampilkan Icon Quick Edit Pencil di tiap postingan blog ikuti tutorial nya seperti di bawah ini
  • Loggin ke blogger Shobat
  • Edit Html jangan lupa Download lengkap template untuk menjaga kemungkinan kesalahan
  • Expand widget template Cari kode seperti di bawah ini gunakan Ctrl + F untuk mempermudah pencarian berikut kode nya
  • </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' title='Edit Post'> <span class='quick-edit-icon'>&#160;</span></a></span>
  • Lalu di antara text </a>dan </span> yang berwarna merah tambahkan kode seperti di bawah ini
  • <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  • hingga kode akan menjadi seperti di bawah 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' title='Edit Post'> <span class='quick-edit-icon'>&#160;</span></a><img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></span>
  • Lalu Save template lihat perubahan nya pada blog shobat dah nongol kan icon Quick Edit Pencil nya ....oke selamat ber eksperiment...Wassalam...
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara menampilkan Quick Edit Pencil di bawah postingan blog Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

3 komentar

Misbah delete 20 Juni 2012 pukul 01.01

weww,....mantap bang artikelnya,.......ahihihi

Unknown delete 20 Juni 2012 pukul 12.56

thanks broer dah nyempetin hadir .....

Unknown delete 4 April 2014 pukul 23.10

tetep gak muncul iconnya gan..

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>