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

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

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

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

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

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

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

أولا

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

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

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

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

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

]]></b:skin>

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


.home-link {float: center;

background: #a9014b url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1bv6KJq-3DNoQRnSjv3QfwYfeKAxGR-fv8IMEjE4lzbJNlEfASpN9WgMZgG3ICNbz7vnnHFb2uEqP4WtoEPfxhGIJalKOhyphenhyphenncte8-wkWnCgUvRJeq2Iyi5yzD32Tvsj-Dx_8vCSgB1FTt/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/AVvXsEj1bv6KJq-3DNoQRnSjv3QfwYfeKAxGR-fv8IMEjE4lzbJNlEfASpN9WgMZgG3ICNbz7vnnHFb2uEqP4WtoEPfxhGIJalKOhyphenhyphenncte8-wkWnCgUvRJeq2Iyi5yzD32Tvsj-Dx_8vCSgB1FTt/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/AVvXsEj1bv6KJq-3DNoQRnSjv3QfwYfeKAxGR-fv8IMEjE4lzbJNlEfASpN9WgMZgG3ICNbz7vnnHFb2uEqP4WtoEPfxhGIJalKOhyphenhyphenncte8-wkWnCgUvRJeq2Iyi5yzD32Tvsj-Dx_8vCSgB1FTt/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); }

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

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

الموضوع من قسم:

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