اضافة اطار بشكل جميل للاعلانات

بسم الله الرحمن الرحيم اللهم صل علي محمد في الاولين وفي الاخرين وفي كل وقت وحبن وفي الملا الاعلي ليوم الدين
اليوم درس مميز جداُ  بعد ان ام شرح شروحات من قبل بمدونتنا بوابة البلوجر 
جئت لكم بشكل مميز من الاطارات بعد اضافة هذا الشكل للورد بريس وتجريبه تم تحويله ليناسب بلوجر اضافة الاطار سهل تابع معي الدرس


اولاً نقوم بفتح المدونة ثم اضافة اداة جافا اسكربت

ثم تضيف الكود التالي

<style type="text/css">
.adss:hover{background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
    background-image:    -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
    background-image:     -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
    background-image:      -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
}
</style>
<div class="adss" style="margin-right:-20px;margin-right: 66px;border: 8px solid transparent;

-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
width: 728px;">
كود الاعلان
</div>

الان تضيف كود الاعلان بالمكان المناسب لاحظ معي

ثم بعد ذلك تغير الحجم المكتوب بالاحمر بعرض وليس طول الاعلان اقصد العرض وليس الطول او الارتفاع 

ملحوظة:هذا الكود يناسب الاعلان 728×90 بدون تغير اي شئ الا وضع الكود الاعلاني  
ثم تغير هذا الرقم البرتقالي الي ان يتم توسيط الاعلان وسنقوم بعمل درس لكيفية توسيطه اتوماتيكياً 
 ويوجد ايضاً بعد الارقام الاخري التي يتم تغيرها ولكن ليست مهمة بل هي حسب رغبتك


والان اترككم لتضيفو الكود اذا اعجبك الموضوع لاتنسي مشاركاته ليستفاد الجميع كما ندعوكم للانضمام لمدونتنا الجديدة مجتمع المحترفين

المصدر: http://www.gateblogger.me/2013/01/blog-post_7.html#ixzz2Iikudauy