إضافة تعريف بالمدونة مطورة

إضافة مطورة من قبلي لتعريف بالمدونة بشكل انيق وجذاب

إضافة مطورة من قبلي
لتعريف بالمدونة بشكل انيق وجذاب

طريقة التركيب
اذهب للتخطيط - اضافة اداة- 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>

 ملاحظة للأستفسار او التعديل على الاضافة اترك تعليق اسفل 
ملاحظة! : عند نقلك للموضوع حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده، وايضاَ احتراما وتقديراَ للجهود المبذولة.

عن الكاتب

لـدي القليل مـن الخبره ، فـي مجال الـتـدويـن اضـع بالمدونة ما يـفـيـد الزائر والـمـدون ، تــابـعـنـا قـد نـفـيـدك يـومـاً .

2 التعليقات

إضغط هنا لـ التعليقات
Mohamed Horr
المشرف
27 فبراير، 2017 5:44 م ×

هناك خطا في الكود

رد
avatar
حلولي
المشرف
3 مارس، 2017 1:52 م ×

لا أخي الكريم الكود صحيح يعمل ان ظهرة لديك مشاكل قد تكون من مقاسات القالب او القالب نفسة

رد
avatar
شكرا لك ولمرورك