الرئيسية / 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); }

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

شاهد أيضاً

10 خطوات لجعل موقع الويب مناسبًا للهاتف

10 خطوات لجعل موقع الويب مناسبًا للهاتف

إليك بعض الخطوات التي يمكنك اتخاذها الآن للتأكد من أن موقع الويب الخاص بك ( …

طريقة اختيار الإعلانات التي تظهر على بلوجر

طريقة اختيار الإعلانات التي تظهر على بلوجر

عند اختيار الإعلانات لعرضها على موقعك ، هدفك كناشر هو تحسين مدى ملاءمة إعلاناتك دون …

طريقة ربط حساب ادسنس مع بلوجر

طريقة ربط حساب ادسنس مع بلوجر

يمكنك إضافة ادسنس إلى بلوجر أو اي موقع ويب تقريبًا ، طالما أنك تتبع شروط …

تحميل قالب SportsMag رياضي /قوالب بلوجر

تحميل قالب SportsMag رياضي /قوالب بلوجر

تحميل قالب SportsMag رياضي /قوالب بلوجر تحميل قالب SportsMag رياضي /قوالب بلوجر مرحبا بكم مع …

تعليق واحد

  1. That’s really thinikng of the highest order

اترك تعليقاً

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