متابعينا الكرام اهلا وسهلا بكم على مدونة محترفي الحاسوب اولا اتمنى لكم عيدا مباركا سعيد كل عام وانتم بالف خير انشالله. اليوم في هده التدوينة اقدم لك احد الاضافات الرائعة والرهيبة الا وهي اضافة هيدر احترافي بازرار المشاركة يضهر بداخل التدوينات فقط وهو احترافي للغاية يتميز بازرار المشاركة والتي تسهل على الزائر مشاركة تدويناتك كدلك يحمل عنوان الموضوع او التدوينة وله عدة مميزات اخرى ادعكم تتعرفون عليها بأنفسكم .
- اولا توجه الى مدونتك تم قلب > داخل القالب تحرير
html - ابحت عن هدا الوسم
<nav/> تم ضع الكود التالي اسفله او ضعه فيما يناسبك
<b:if cond='data:blog.pageType == "item"'> <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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ 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='"http://twitter.com/share?url=" + data:post.url + "&title=" + 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='"https://plus.google.com/u/0/share?url=" + 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='"http://pinterest.com/pin/create/button/?source_url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.title' target='_blank' title='Share to pinterest'><i class='fa fa-pinterest'/></a></li> </ul> </header></b:if>
- ابحت عن هدا الوسم
<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>
متابعينا الكرام اهلا وسهلا بكم على مدونة محترفي الحاسوب اولا اتمنى لكم عيدا مباركا سعيد كل عام وانتم بالف خير انشالله. اليوم في هده التدوينة اقدم لك احد الاضافات الرائعة والرهيبة الا وهي اضافة هيدر احترافي بازرار المشاركة يضهر بداخل التدوينات فقط وهو احترافي للغاية يتميز بازرار المشاركة والتي تسهل على الزائر مشاركة تدويناتك كدلك يحمل عنوان الموضوع او التدوينة وله عدة مميزات اخرى ادعكم تتعرفون عليها بأنفسكم .
- اولا توجه الى مدونتك تم قلب > داخل القالب تحرير
html - ابحت عن هدا الوسم
<nav/> تم ضع الكود التالي اسفله او ضعه فيما يناسبك
<b:if cond='data:blog.pageType == "item"'> <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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ 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='"http://twitter.com/share?url=" + data:post.url + "&title=" + 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='"https://plus.google.com/u/0/share?url=" + 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='"http://pinterest.com/pin/create/button/?source_url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.title' target='_blank' title='Share to pinterest'><i class='fa fa-pinterest'/></a></li> </ul> </header></b:if>
- ابحت عن هدا الوسم
<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>
