كيفية اضافة الوقت والتاريخ واسم الكاتب لتدوينات البلوجر

اضافة الوقت والتاريخ للبلوجر

إخوانى الكرام اليوم بإذن الله تعالى درسنا عن كيفية اضافة الوقت والتاريخ واسم الكاتب للتدوينه..
ملاحظه:هذه الإضافة مهمه جداً فى السيو (فهذه الإضافة تسمح بتقوية السيو الخاص بك فى محركات البحث)..

الآن نأتى لكيفية إضافة الوقت والتاريخ واسم الكاتب لمدونتك:

1_أدخل على لوحة تحكم مدونتك<ثم أدخل على تحرير القالب HTML
ثم استخدم ctrl+f لكى تبحث عن الكود التالى :

<div class='post-header'>

ملاحظه: يمكن أن يكون هناك أكثر من كود مثل هذا,ولكى تعمل الإضافة ضع الكود فوق الثانى منهما..

الكود الذى تضيفه فوق الكود السابق:

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivmmu9RrDKFP03X9HDmFM7sBKeX4anPohhOuCmCwLD_x6Wf9m4f7ZBBlBheeg29t-m-mvMnqEv-sM5Ni_ZPv8gDjik4LASZaL_HXT4iLwQWu7kiGifvYEpGzr43RvCzJraBRZKZ_gz5KOT/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8jnvTk1BFNVhyphenhyphen7Bkb7zNWLiSV3ulUiC6vrTr_mV6FsByKPTm8heZ3kLQyf4bQUyG7Uxwv15GU-3nN0d3JJ6HXlu5eE7pJegS6a49oOPgiml3TVYNI8_CwIOBfZY6Eleiqdjmf-VEPEn33/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEicpLlLXupGiPUXa9pCP91JDMTxz7kFoiEcgQIxA5DFOvlmySiCOysVfZcHQA0EH3SvfxFI0Lp8Sv2leF9_1M8vtbphEBaZBdxVXs7zFtfgJI-hsrXTY5VBhZRzleQwjgqgbsYwBIpUA-/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'>|</b:if> </b:loop> </b:if></font> <span class='post-comment-link' style='Float:right;'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0G1IEeFEO4h525WTCzNLhEpxVui-O9FKvtLYnZjJ6R4fGo2aaHGIISX_CFMXzFZvqdBNgNY4VnUxtqqtOmJ3Ko_CV3WL1FpaB3y5c7qi01dJs88KFVXBl0mrBjgj-89s5BE0JbM63bOe/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a> </b:if> </b:if> </span>

وبهذا نكون انتهينا من شرح الدرس,وبالنسبة للمثال فهو مطبق فى هذه المدونه ,وسوف ترون المثال فى الصورة أعلى الموضوع..