الدرس الثالث : اضافة زر تعديل سريع (اختياري) | دورة تصميم قالب بلوجر

اضافة زر التعديل السريع على تدوينات بلوجر امر ضروري، وهذه الخاصية اصبحت غير متوفرة في قسم التنسيق في النسخ الجديدة من بلوجر، لذا سنقوم باضافة هذا الكود يدويا وهو اختياري وليس ضروري ويمكن تخطي هذه الخطوة، الا انه من المهم ان نعرف ان هذا الزر ضروري كونه يختصر الوقت على المدون عندما يريد تعديل تدوينته بدل البحث عنها في لوحة القيادة، وهذه الزر يظهر للادمن فقط ولا يظهر للزوار.

<!--quickedit--> <style>.blog-admin {display: none;} .quickEditDiv { background: white; box-shadow: 0 0 3px 1px #6b9eb5; padding: 0px 10px; margin: 0px 16px; border-radius: 5px; position: fixed; top: 50%; left: 0; z-index: 99999; } .quickEditDiv a { display: flex;font-size: 20px; font-weight: 800; color: #505050; transition: 0.5s; cursor: pointer;text-decoration: none; } .quickEditDiv a:hover { color: #2196F3; transition: 0.25s; }</style> <b:if cond='data:view.isPost'><div expr:class='"quickEditDiv " + data:post.adminClass'> <a class='dashboardBTN' expr:href='"https://www.blogger.com/blog/posts/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='Dashboard'>☷</a><a class='EditPostBTN' expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id' rel='nofollow noopener noreferrer' target='_blank' title='Edit post'>✎</a> </div> </b:if> <!--quickedit-->

ملاحظة: قبل </b:includable> بالضبط! من المهم جدًا لتحديد معرف مشاركة المدونة.

© TechOucha

شارك على :

☷✎