اضافة اداة حصرية للتبادل الاعلاني بلوجر بتصميم احترافي
السلام عليكم ورحمة الله
- توجه الى لوحت تحكم منصت بلوجر
- افتح لوحت تحكم مدونتك
- تم ضع الكود التالي داخل اداة جديدة " Html/Javascript " في اي مكان تراه مناسبا
.ads-cdt ul { margin: 5px; padding: 0; } .ads-cdt li { text-align: center; list-style: none; width: 102%; float: right; margin: 0.5%; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.39), 0 0px 0px 0 rgba(0, 0, 0, 0.23); } .ads-cdt li a { position: relative; display: block; padding: .6em; background: #0099ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ49AepXKELp9qVY4b-C1rs_25BbrPHZU4gIcyzwqD376dswGJYE27Eqpug_b6IvH0AtuiQLNaeOf5aC3Usg2qV5tffyUpsqkxSuL7eCdtzd9-StucL-CcZL7VBu38yoOo2C4E-uyPxVz2/w938-h350-no/header-6.png) repeat-y center; color: #fff; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; font: 13px neo; } .ads-cdt li a:hover:after { left: -.5em; border-left-color: #279d97; } .ads-cdt li a:hover { background: #2d4562 url(https://s11.postimg.org/u9plfv8er/header_6.png); background-size: cover; }
- لا تنسى تغيير # بالروابط و "ضع إعلانك هنا" باسم الموقع الدي تقوم بتبادل اعلاني معه
- لتغيير لون الاضافة غير الكود #0099ff لما يناسبك
- لتغيير الخلفية عند تمرير الماوس على الاضافة غير #2d4562 بما يناسبك
- كان هدا كل شيئ الى اللقاء مع دروس جديدة...
تعليقات
إرسال تعليق