شرح تغيير شكل "رسائل احدث" و "رسائل اقدم "

السلام عليكم ورحمة الله

في هذه التدونة سوف اشرح لكم افضل واسهل طريقة لتغيير شكل "رسائل احدث" و "رسائل اقدم "

لكي لا اطيل عليكم ساترككم مع الشرح

اولا قم بالدخول الي لوحة التحكم 

ثم القالب 

ثم قم باخذ نسخة احتياطية لتجنب اي اخطاء

ثم ابحث عن هذا الكود

]]></b:skin>

ثم ضع قبلة او فوقة هذا الكود

.home-link {float: center;
background: #a9014b url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2PayF6aVyOwnnVplNMOW3USjKkefPg7fjItc4USJ2iApYj9OPShZGoYjKZDJchfN0O1KJZw-EWsaFfqbIZuzszMPvjs8igeB6pxr71zDOHh0aMBB9SLSYhhc4kqXzYj0q-UKLDkUggSR/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;
}
.home-link::-moz-focus-inner { border: 0; padding: 0; }
.home-link:hover { background-color: #630030; color: #fff; text-decoration:none; }
.home-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
.blog-pager-newer-link {float: right;
background:  #ff5c00 url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2PayF6aVyOwnnVplNMOW3USjKkefPg7fjItc4USJ2iApYj9OPShZGoYjKZDJchfN0O1KJZw-EWsaFfqbIZuzszMPvjs8igeB6pxr71zDOHh0aMBB9SLSYhhc4kqXzYj0q-UKLDkUggSR/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;
}
.blog-pager-newer-link::-moz-focus-inner { border: 0; padding: 0; }
.blog-pager-newer-link:hover { background-color: #d45500; color: #fff; text-decoration:none; }
.blog-pager-newer-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
.blog-pager-older-link {float: left;
background:  #ffb515 url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2PayF6aVyOwnnVplNMOW3USjKkefPg7fjItc4USJ2iApYj9OPShZGoYjKZDJchfN0O1KJZw-EWsaFfqbIZuzszMPvjs8igeB6pxr71zDOHh0aMBB9SLSYhhc4kqXzYj0q-UKLDkUggSR/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;
}
.blog-pager-older-link::-moz-focus-inner { border: 0; padding: 0; }
.blog-pager-older-link:hover { background-color: #fc9200; color: #fff; text-decoration:none; }
.blog-pager-older-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

تم الانتهاء من الشرح انتظر تعليقاتطم

Categories: اضافات بلوجر