إضافة مطورة من قبلي
لتعريف بالمدونة بشكل انيق وجذاب
طريقة التركيب
اذهب للتخطيط - اضافة اداة- HTML/Javascript
وألصق الكود التالي مع تغيير مايلزم
<div class="widget-content"><h3 style="color:#fff;font-size: 36px;font-weight: 600;left: -55px;text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.15);">عن <span style="color: #e84c4c;">حلولي</span></h3><p>مدونة تقنية اقوم بنشر بها شروحاتي المتواضعة والإضافات وقوالب بلوجرالمعربة والمطورة من قبلي وشروحات مواقع التواصل وكل مايفيد الزائر والمدون . </p><br /><a href="#" class="email" data-original-title="" title="" style=" color: #ffffff; font-family: Droid Arabic Kufi, cursive; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; text-shadow: 0 0px 2px #000000; font-size: 18px;"><i class="" style=" color: #e84c4c; float: right; padding: 4px 90px 0 10px;"></i> H L O L Y</a><br /><br /><div id="footer-social-icons"><a href="#" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a><a href="#" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a><a href="#" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a><a href="#" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a><a href="#" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a></div><style>#footer-social-icons a {background: #e84c4c;border: 5px solid #e8e8e8;color: #fff;display: inline-block;text-align: center;font-size: 24px; width: 40px; height: 40px; line-height: 40px;margin: 0 1px 6px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}#footer-social-icons a:hover{background: #2e2e2e;}.list-label-widget-content li a {position: relative;display: block;background-color: #f7f7f7;margin-bottom: 5px;padding: 10px;font-size: 0.875rem;text-transform: capitalize;color: #777;}.list-label-widget-content li a:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #E6E6E6;position: absolute;top: 13px;right: 7px;}html[dir="rtl"] .list-label-widget-content li a:before {right: auto;left: 7px;}.list-label-widget-content li a:hover {padding-left: 20px;background-color: #e74c3c;color: #fff;}</style></div>
ملاحظة للأستفسار او التعديل على الاضافة اترك تعليق اسفل
هناك خطا في الكود
ردحذفلا أخي الكريم الكود صحيح يعمل ان ظهرة لديك مشاكل قد تكون من مقاسات القالب او القالب نفسة
حذف