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

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

السلام عليكم ..
في هذا الموضوع (رسالة كما يعتبرها بلوجر) ..
سأضع بين أيديكم كود لتغيير شكل رسائل أحدث , الصفحة الرئيسية , رسائل أقدم ..
في أسفل الموضوع ..بشكل جميل وجداب على شكل صور ..
طريقة الإضافة أو التغيير سهلة ..
وهذه صُورة ” رسالة أحدث , الصفحة الرئيسية , رسالة أقدم “بشكل جميل بعد إضافة الكود في القالب ..

أولا 
من لوحة التحكم الرئيسية للمدونة..
1 > أدخل إلى “قالب
2 > إدخل إلى “نسخ احتياطي/استعادة“..
> قُم بتنزيل القالب (لإسترجاع القالب القديم ..أو ترقبا لأي خطأ) <



> ارجع إلى ” تحرير HTML ” ..
 
> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود) : 
]]></b:skin>
 
> قم بـ إضافة الكود الآتي فوقه مباشرة : 
.home-link {float: center;
background: #a9014b url( http://2.bp.blogspot.com/-LANgxM5Ho_I/TcOomD-fJdI/AAAAAAAAANs/n1bUPwI8pS4/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( http://2.bp.blogspot.com/-LANgxM5Ho_I/TcOomD-fJdI/AAAAAAAAANs/n1bUPwI8pS4/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( http://2.bp.blogspot.com/-LANgxM5Ho_I/TcOomD-fJdI/AAAAAAAAANs/n1bUPwI8pS4/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); }

>وفي الأخير “حفظ النمودج “..
و مبروك عليك تغيير شكل رسائل أحدث , الصفحة الرئيسية , رسائل اقدم بشكل جذاب ومميز ..

Your Website Title

تعليق واحد

  1. That’s really thinikng of the highest order

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *