تغيير رسائل أحدث, الصفحة الرئيسية, رسائل اقدم بشكل جذاب في بلوجر

السلام عليكم ..

في هذا الموضوع (رسالة كما يعتبرها بلوجر) ..

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

في أسفل الموضوع ..بشكل جميل وجداب على شكل صور ..

طريقة الإضافة أو التغيير سهلة ..

وهذه صُورة " رسالة أحدث , الصفحة الرئيسية , رسالة أقدم "بشكل جميل بعد إضافة الكود في القالب ..

أولا 

> من لوحة التحكم الرئيسية للمدونة..
1 > أدخل إلى "قالب"

2 > إدخل إلى "نسخ احتياطي/استعادة"..

> قُم بتنزيل القالب (لإسترجاع القالب القديم ..أو ترقبا لأي خطأ) <

> ارجع إلى " تحرير HTML " ..

> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود) : 

]]></b:skin>

> قم بـ إضافة الكود الآتي فوقه مباشرة : 

.home-link {float: center;

background: #a9014b url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7nB0JdqAacNqvEd8N8gNZZjGCED7aDQjMZZB-sv9-iJZ-dCx5kn3pON-gKNTSQylKxaapMxxdWCNpyTGQ-xCWIQFK0oxkDrVjyN2xcgmAVBprtKA_lQX86lfnbC-OoSfiE2Ig7l2M3EUp/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/AVvXsEh7nB0JdqAacNqvEd8N8gNZZjGCED7aDQjMZZB-sv9-iJZ-dCx5kn3pON-gKNTSQylKxaapMxxdWCNpyTGQ-xCWIQFK0oxkDrVjyN2xcgmAVBprtKA_lQX86lfnbC-OoSfiE2Ig7l2M3EUp/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/AVvXsEh7nB0JdqAacNqvEd8N8gNZZjGCED7aDQjMZZB-sv9-iJZ-dCx5kn3pON-gKNTSQylKxaapMxxdWCNpyTGQ-xCWIQFK0oxkDrVjyN2xcgmAVBprtKA_lQX86lfnbC-OoSfiE2Ig7l2M3EUp/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;

}
<a href='http://bloggeradsenseo.blogspot.com/2013/06/change-home-message-older-msgs-latest.html'>Résumé</a><a href='http://bloggeradsenseo.blogspot.com/'></a>

.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); }

>وفي الأخير "حفظ النمودج "..