Mengaktifkan Blogger Quickedit Post Valid Html5
Jika Anda pengguna template default dari blogger tentu sudah tidak asing dengan icon pencil ini. Biasanya icon pencil ini berada di bawah postingan pada kelompok footer post. Icon pencil ini yaitu blogger quickedit post, dengan quickedit post Anda dapat eksklusif mengedit postingan dari tampilan blog dengan mengklik icon pencil ini dan Anda akan eksklusif dibawa ke post editor blogger. Makara dengan ini Anda tidak perlu masuk melalui dashboard untuk mengedit postingan.
Namun bagi yang memakai custom template hampir dipastikan tidak ada yang memasang fitur ini (termasuk saya... heheheh...). Kalaupun mencoba mengaktifkannya, icon ini tidak dapat muncul.
Itu alasannya kebanyakan dari pembuat template menghapus isyarat html untuk menampilkan fitur ini yang berada pada post-footer.
Perlu Anda ketahui bahwa fitur quickedit post ini tidak valid HTML5, oleh alasannya itu banyak tutorial-tutorial validasi HTML5 menyarankan untuk tidak mengaktifkan fitur quickedit ini. Namun kalau Anda ingin mencoba fitur ini, kita dapat mem-valid-kan quick edit ini baik bagi Anda pengguna default template blogger ataupun custom template.
1. Biasanya isyarat Blogger quickedit post ibarat di bawah ini.
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a>
</span>
</b:if>
</b:includable> 2. Dan isyarat pemanggilnya ibarat di bawah ini.
<span class='post-icons'>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> Kode yang berwarna biru itulah yang menampilkan quickedit post. Untuk validasinya kita hanya melaksanakan perubahan pada isyarat yang atas (nomor 1) pada link dan icon-nya (kode yang berwarna merah). Silahkan ganti isyarat nomer satu dengan isyarat di bawah ini.
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='"http://www.blogger.com//post-edit.g?blogID=" + data:blog.blogId + "&amp;postID="+ data:post.id + "&amp;from=pencil"' expr:title='data:top.editPostMsg'>
<img alt='edit post icon' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18' expr:title='data:top.editPostMsg'/>
</a>
</span>
</b:if>
</b:includable> Kode yang diberi warna merah itulah yang terjadi perubahan untuk validasi HTML5 dan supaya tidak mengurangi skor seo blog pada description image.
Kemudian aktifkan fitur ini (jika belum tampil) melalui dashboard >> tata letak >> klik edit pada blog post (kotak paling besar) dan centang pada "Show Quick Editing".
Setelah mengaktifkan ini adakala icon quickeditnya tidak muncul di postingan, biasanya ini terjadi pada custom template. Nah untuk menampilkannya silahkan gunakan isyarat di bawah ini, Anda dapat menampilkannya di bawah postingan atau di atasnya, di sebelah kiri atau kanan.
<b:if cond='data:blog.pageType == "item"'>
<span class='post-icons'>
<b:include data='post' name='postQuickEdit'/>
</span>
</b:if> Jika ingin berada di sebelah kanan silahkan tambahkan style pada class-nya, jadi ibarat di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<span class='post-icons' style='float:right'>
<b:include data='post' name='postQuickEdit'/>
</span>
</b:if> Silahkan lihat icon pencil di bawah kanan postingan. Selamat mencoba....
Sumber https://www.kompiajaib.com/
0 Response to "Mengaktifkan Blogger Quickedit Post Valid Html5"
Posting Komentar