بحث هذه المدونة الإلكترونية

الأربعاء، 29 أغسطس 2012

شرح اضافه فواصل في مدونه blogger

بسم الله الرحمن الرحيم
موضوع اليوم عن كيفية أضافة فاصل بين المواضيع
الخطوة الاولى:
أدخل على
Dashboard >> Layout >> Edit html
أبحث عن
.post
سوف تجد 

.post {
margin: 0 0 40px 0;
width: 90%
}
نحن نحاول تغير الكود بين القوصين
بإضافة هذا الكود بدلا ما بداخل الاقواص 
background: url(Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em; 
 
مع تغير separator-image-url إلى رابط الصورة 
وإذا وجدت الصورة غير مضبوطة
قمب تغير 2.5 إلى اكبر مثل 3.5 او  4.5


وسيكون الشكل النهائى هكذا
.post{margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
} 


================================
بعض الصور و روابطها
http://4.bp.blogspot.com/_JwD5r652h00
/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxwg/s1600/barsnake.gif
 
================
 
 http://3.bp.blogspot.com/
_JwD5r652h00/SuttjcXA_4I/AAAAAAAAANo/w2BZApq6Jn4/s1600/bar54.gif
=================== 
 
 
http://4.bp.blogspot.com/
_JwD5r652h00/SuttjFcWXkI/AAAAAAAAANg/Ex99MFx60sY/s1600/bar48.gif
 
=================


 http://1.bp.blogspot.com/
_JwD5r652h00/Sutti1AMlHI/AAAAAAAAANY/n-pJyLWbbhE/s1600/bar47.gif
================
 http://4.bp.blogspot.com/
_JwD5r652h00/SuttiqsszII/AAAAAAAAANQ/raAoX-EHDUY/s1600/astarl7s.gif
==============
 http://2.bp.blogspot.com/
_JwD5r652h00/Sutu7TjXFHI/AAAAAAAAAOQ/IQlWtZrB5SI/s1600/dividers_96.gif
=============
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4LtCr00QYJlecRQaz6hGR-imCpbQ5mxQUUTIV40D6hJgU-vKZHtQfaWslHgbX6Kq7kgZnptAT69AVC7lF8VAn-CjgpPFwjDqkxFjE_hqVHdjrIEjAuidYOJ8twLl5N1Xr0-Zwy6KGCR2/s1600/chain.gif
 
============
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_0XP9SiTzbAxRWu0jq0upky2kjK1Evo-d2KVurxkEntL4SpoHMFwQeRLYHaIzc0nUYEHmkCR9RnY715m6rJlKFalC9RZ2miA73Yx4DDLajL4nXMypNj_xHVeNFetzXo_NBscY7gG5jgvV/s1600/stonebar.gif
 
===========
 
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOZP-wt7Apv77Ba5lR7vsTPL40EBPX3Dv9RPpcudn2TLSlHWr3mSjkugiUj4RC55xnK76Zvc8Oc6rwESJZCT9RGbSlaISxu2747zMN_dE8l0gF_z7KaNMbcc_dEKeBnnanyYq6qxRV5ga/s1600/resfiles_sdfp.gif
 
===========
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9boGGv2tqslV5TRu4pFtpRiY-6epURQi4pBFvBTFfaDdjznsWqY7tqyg4u7THeDYUlx714vXh6m0Om92ckt6SIwmDhU6a0TRy4NVudJZctR69dFp89ab5dYd10qnOMe0j38rsLqmrd3tq/s1600/resfileszcp.gif
 
===========
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Et0xkJMld9u1lbb2Pimeiq2mstOtuirdQZ_dol5wUBcxAOro_WcZVnudkZ4HLU3q2DrivzIQQT8yxjGjbaUDuY2WJi1oYVB8kqTjNPuTJygX4V-pB0by0um0ROQ8T2JAQ22brMQZ5DaQ/s1600/resfiles_output.php.gif
 
==========
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BK7UsN5MiHkDFNGR4H39uDoD9NKFjoblNKHnhBg7-rZul2hPzOBigohwKy5o9cnKG78kbpsDY3Q5DX3vg6OokIMK8vIllAfyz3GpjW_U6ObcdVndkZAVh6qAygmqIe1zCupcx-gdXfsY/s1600/irish-border4.gif
================================================
بالتوفيق
كـآتب الموضوع في

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)