اضافة هيدر احترافي v2 بأزرار المشاركة يضهر داخل التدوينات فقط !

متابعينا الكرام اهلا وسهلا بكم على مدونة محترفي الحاسوب اولا اتمنى لكم عيدا مباركا سعيد كل عام وانتم بالف خير انشالله. اليوم في هده التدوينة اقدم لك احد الاضافات الرائعة والرهيبة الا وهي اضافة هيدر احترافي بازرار المشاركة يضهر بداخل التدوينات فقط وهو احترافي للغاية يتميز بازرار المشاركة والتي تسهل على الزائر مشاركة تدويناتك كدلك يحمل عنوان الموضوع او التدوينة وله عدة مميزات اخرى ادعكم تتعرفون عليها بأنفسكم .

شرح تركيب الاضافة

1. اولا توجه الى مدونتك تم قلب > داخل القالب تحرير html 
2. ابحت عن هدا الوسم   <nav/> تم ضع الكود التالي اسفله او ضعه فيما يناسبك 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <header class='ha1pc_wrap_ha1pc' id='header-wrap_slider'> <div id='blog-banner'/> <div class='titlewrapper-intop bounceIn animated'><data:blog.pageName/></div> <ul class='post-sharing'> <li><a class='facebook-share' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' title='Share to facebook'><i class='fa fa-facebook'/></a></li> <li><a class='twitter-share' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share to twitter'><i class='fa fa-twitter'/></a></li> <li><a class='google-share' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share to google+'><i class='fa fa-google-plus'/></a></li> <li><a class='pinterest-share' expr:href='&quot;http://pinterest.com/pin/create/button/?source_url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank' title='Share to pinterest'><i class='fa fa-pinterest'/></a></li> </ul> </header></b:if>

1. ابحت عن هدا الوسم   <head/> تم ضع الكود التالي فوقه :

<style> #header-wrap_slider { background: url(https://xaddad.com/market/assets/images/bg_home-1.jpg) repeat-x scroll 100% 0 #34495E; margin: auto 0; height: 210px; margin-bottom: 5px; margin-top: 15px; border: 5px solid #fff; overflow: hidden; background-repeat: repeat; background-attachment: fixed; }</style>

تداوينات دات صلة

1. اضافة صناديق الاقتباس بشكل انيق واحترافي للبلوجر !
2. اضافة مواقيت الصلاة مع الادان الى المواقع والمدونات
3. اضافة هيدر v1 احترافي بالوان صيفية الى البلوجر