الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
هناك الكثير من الفوائد التي تحصل عليها من هذه الأداة. وهي كالآتي:
عرض الملف الشخصي للبلوجر
عرض ملخص للسيرة الذاتية
ازرار وسائل التواصل الاجتماعي
زر الرسائل والاشتراك
الإعجابات والمشاركات المضافة
شرح طريقة التركيب
1. مباشرة من التنسيق اضف اداة HTML/JavaScript وضع بها الكود التالي:
<div class="ar1web-about">
<div class="img-area">
<div class="inner-area">
<img src="https://cdn.dribbble.com/users/5352839/screenshots/11892562/character.png" alt="" />
</div>
</div>
<div class="name">عرب ويب</div>
<div class="about">مصمم ومطور</div>
<div class="social-icons">
<a href="https://www.facebook.com" class="fb"><svg class="icons-ar1web" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#528DDE;" d="M139.764,272.026h53.887v221.846c0,4.38,3.549,7.929,7.929,7.929h91.369 c4.38,0,7.929-3.549,7.929-7.929V273.071h61.948c4.028,0,7.417-3.023,7.877-7.023l9.409-81.672c0.258-2.247-0.454-4.498-1.957-6.183 c-1.505-1.687-3.658-2.653-5.919-2.653H300.88v-51.196c0-15.433,8.309-23.259,24.7-23.259c2.336,0,46.654,0,46.654,0 c4.38,0,7.929-3.55,7.929-7.929V18.187c0-4.38-3.549-7.929-7.929-7.929h-64.297c-0.452-0.022-1.458-0.059-2.943-0.059 c-11.156,0-49.934,2.19-80.566,30.37c-33.94,31.228-29.222,68.618-28.095,75.101v59.867h-56.571c-4.38,0-7.929,3.549-7.929,7.929 v80.629C131.835,268.476,135.384,272.026,139.764,272.026z"/> <g> <path style="fill:#3B6197;" d="M292.949,512h-91.368c-9.996,0-18.128-8.133-18.128-18.128V282.225h-43.688 c-9.996,0-18.128-8.133-18.128-18.13v-80.629c0-9.996,8.133-18.128,18.128-18.128h46.371v-48.84 c-1.532-9.878-5.015-49.941,31.386-83.435C250.871,2.385,292.906,0,304.994,0c1.495,0,2.562,0.033,3.176,0.059h64.065 c9.996,0,18.128,8.132,18.128,18.128v74.967c0,9.996-8.133,18.128-18.128,18.128h-46.654c-12.191,0-14.502,4.59-14.502,13.06 v40.997h61.156c5.162,0,10.093,2.21,13.53,6.063c3.437,3.855,5.068,9.009,4.477,14.14l-9.409,81.672 c-1.053,9.153-8.795,16.056-18.009,16.056h-51.749v210.601C311.077,503.867,302.944,512,292.949,512z M203.85,491.602h86.828 v-218.53c0-5.633,4.567-10.199,10.199-10.199h59.924l8.886-77.133h-68.807c-5.632,0-10.199-4.566-10.199-10.199v-51.196 c0-20.95,13.047-33.458,34.901-33.458h44.385V20.458h-62.026c-0.168,0-0.336-0.004-0.504-0.012 c-0.156-0.008-1.009-0.046-2.442-0.046c-10.222,0-45.745,1.996-73.661,27.677c-29.868,27.482-26.025,59.672-24.95,65.847 c0.1,0.577,0.15,1.162,0.15,1.747v59.867c0,5.633-4.567,10.199-10.199,10.199h-54.301v76.09h51.617 c5.632,0,10.199,4.566,10.199,10.199L203.85,491.602L203.85,491.602z"/> <path style="fill:#3B6197;" d="M224.381,369.211c-5.632,0-10.199-4.566-10.199-10.199v-5.1c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v5.1C234.581,364.645,230.013,369.211,224.381,369.211z"/> <path style="fill:#3B6197;" d="M224.381,479.363c-5.632,0-10.199-4.566-10.199-10.199v-77.514c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v77.514C234.581,474.796,230.013,479.363,224.381,479.363z"/> </path></path></path></g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </path></svg></a>
<a href="http://twitter.com/" class="twitter"><svg class="icons-ar1web" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewbox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <path style="fill:#5DC4FB;" d="M490.679,101.206c-7.723,3.425-15.663,6.316-23.777,8.663c9.606-10.863,16.929-23.645,21.399-37.631 c1.003-3.135-0.037-6.567-2.613-8.617c-2.573-2.052-6.15-2.298-8.984-0.618c-17.23,10.219-35.819,17.563-55.31,21.857 c-19.634-19.185-46.301-30.103-73.87-30.103c-58.192,0-105.535,47.341-105.535,105.532c0,4.583,0.291,9.141,0.864,13.634 c-72.21-6.34-139.343-41.833-185.443-98.382c-1.643-2.015-4.174-3.102-6.765-2.895c-2.593,0.203-4.922,1.666-6.232,3.912 c-9.35,16.044-14.293,34.393-14.293,53.063c0,25.429,9.078,49.555,25.116,68.408c-4.876-1.689-9.609-3.799-14.125-6.307 c-2.424-1.349-5.384-1.329-7.792,0.052c-2.41,1.381-3.922,3.922-3.985,6.699c-0.011,0.468-0.011,0.935-0.011,1.41 c0,37.957,20.428,72.13,51.662,90.756c-2.683-0.268-5.365-0.657-8.029-1.166c-2.747-0.525-5.571,0.438-7.423,2.533 c-1.855,2.093-2.469,5.011-1.615,7.675c11.561,36.093,41.325,62.641,77.308,70.735c-29.843,18.692-63.972,28.483-99.799,28.483 c-7.475,0-14.994-0.44-22.352-1.31c-3.655-0.434-7.151,1.724-8.395,5.2c-1.245,3.478,0.074,7.355,3.184,9.349 c46.025,29.511,99.245,45.109,153.9,45.109c107.446,0,174.661-50.667,212.127-93.172c46.718-53,73.513-123.152,73.513-192.466 c0-2.896-0.045-5.82-0.134-8.735c18.432-13.887,34.301-30.694,47.215-50.01c1.961-2.933,1.749-6.811-0.523-9.512 C497.69,100.65,493.908,99.776,490.679,101.206z"/> <g> <path style="fill:#3B87E3;" d="M167.762,467.447c-56.611,0-111.733-16.156-159.404-46.722c-7.151-4.584-10.145-13.372-7.282-21.373 c2.866-8.005,10.763-12.894,19.202-11.89c6.944,0.822,14.062,1.238,21.147,1.238c25.955,0,51.321-5.547,74.481-16.183 c-29.035-13.461-51.755-38.673-61.702-69.726c-1.866-5.819-0.635-12.253,3.206-16.976c-24.019-21.766-38.287-53.056-38.287-85.933 c0-0.558,0.001-1.109,0.014-1.659c0.144-6.292,3.634-12.161,9.111-15.299c1.216-0.698,2.498-1.241,3.818-1.634 c-7.927-15.929-12.145-33.616-12.145-51.67c0-20.472,5.422-40.596,15.68-58.199c2.997-5.137,8.322-8.481,14.248-8.945 c5.914-0.481,11.703,1.999,15.467,6.617c41.543,50.96,101.692,84.539,166.494,93.332c-0.013-0.714-0.019-1.428-0.019-2.142 c0-63.814,51.919-115.731,115.735-115.731c28.106,0,55.785,10.553,76.82,29.128c16.558-4.168,32.398-10.702,47.157-19.455 c6.442-3.817,14.695-3.246,20.544,1.416c5.846,4.653,8.248,12.572,5.97,19.699c-1.661,5.2-3.671,10.236-6.016,15.091 c5.867-0.6,11.85,1.689,15.769,6.358c5.157,6.128,5.65,15.071,1.191,21.739c-12.558,18.785-27.809,35.337-45.386,49.265 c0.016,1.275,0.024,2.547,0.024,3.811c0,71.766-27.723,144.376-76.06,199.211C348.686,414.9,279.017,467.447,167.762,467.447z M27.591,408.624c42.441,25.166,90.696,38.423,140.171,38.423c103.641,0,168.4-48.788,204.475-89.716 c45.099-51.162,70.965-118.856,70.965-185.723c0-2.792-0.043-5.626-0.129-8.425c-0.101-3.31,1.413-6.463,4.057-8.456 c15.449-11.639,29.02-25.459,40.426-41.153c-5.834,2.311-11.802,4.352-17.819,6.092c-4.356,1.263-9.026-0.509-11.453-4.344 c-2.426-3.835-2.028-8.811,0.978-12.211c7.451-8.425,13.254-17.915,17.303-28.281c-16.635,9.186-34.427,15.9-52.975,19.987 c-3.359,0.743-6.863-0.262-9.323-2.665c-17.69-17.285-42.016-27.199-66.741-27.199c-52.568,0-95.336,42.766-95.336,95.332 c0,4.126,0.263,8.279,0.782,12.344c0.391,3.061-0.625,6.135-2.764,8.36c-2.139,2.225-5.168,3.359-8.244,3.091 c-73.662-6.467-142.842-42.687-190.337-99.529c-7.406,13.789-11.306,29.301-11.306,45.069c0,22.655,8.056,44.602,22.685,61.799 c2.98,3.503,3.247,8.567,0.651,12.365c-2.595,3.798-7.411,5.387-11.758,3.882c-4.22-1.463-8.356-3.215-12.341-5.228 c0.887,32.443,18.59,62.705,46.651,79.439c4.104,2.448,5.959,7.417,4.462,11.956c-1.497,4.538-5.949,7.42-10.699,6.954 c-1.703-0.17-3.414-0.386-5.115-0.644c11.055,30.272,37.027,53.218,68.608,60.322c4.033,0.908,7.119,4.159,7.816,8.234 c0.696,4.075-1.137,8.167-4.64,10.361C115.266,398.713,78.884,409.1,41.428,409.1C36.813,409.1,32.187,408.941,27.591,408.624z"/> <path style="fill:#3B87E3;" d="M83.843,164.21c-2.121,0-4.259-0.659-6.091-2.025c-2.32-1.731-4.634-3.513-6.874-5.294 c-4.409-3.507-5.141-9.922-1.636-14.331c3.506-4.41,9.922-5.141,14.331-1.636c2.079,1.652,4.224,3.305,6.377,4.91 c4.515,3.369,5.444,9.759,2.077,14.274C90.025,162.792,86.953,164.21,83.843,164.21z"/> <path style="fill:#3B87E3;" d="M221.447,216.76c-0.299,0-0.6-0.013-0.904-0.04c-39.613-3.478-78.909-15.749-113.639-35.487 c-4.898-2.783-6.611-9.009-3.828-13.907c2.783-4.898,9.009-6.611,13.907-3.828c32.201,18.3,68.629,29.677,105.344,32.9 c5.612,0.493,9.761,5.441,9.268,11.052C231.13,212.76,226.677,216.76,221.447,216.76z"/> </path></path></path></g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </path></svg></a>
<a href="https://www.instagram.com/" class="insta"><svg class="icons-ar1web" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path style="fill:#FB8028;" d="M359.312,501.801H152.689c-78.216,0-141.849-63.634-141.849-141.849V152.049 c0-78.217,63.633-141.85,141.849-141.85h206.623c78.216,0,141.849,63.633,141.849,141.85v207.903 C501.161,438.167,437.527,501.801,359.312,501.801z M152.689,68.492c-46.074,0-83.557,37.483-83.557,83.557v207.903 c0,46.074,37.483,83.557,83.557,83.557h206.623c46.074,0,83.557-37.483,83.557-83.557V152.049 c0-46.074-37.483-83.557-83.557-83.557C359.312,68.492,152.689,68.492,152.689,68.492z"/> <path style="fill:#FB8028;" d="M256,377.621c-67.063,0-121.622-54.56-121.622-121.621c0-67.063,54.56-121.622,121.622-121.622 c67.062,0,121.621,54.56,121.621,121.622C377.622,323.062,323.063,377.621,256,377.621z M256,191.24 c-35.708,0-64.76,29.051-64.76,64.76s29.051,64.76,64.76,64.76s64.76-29.051,64.76-64.76S291.708,191.24,256,191.24z"/> <path style="fill:#FB8028;" d="M380.485,152.988c-11.84,0-21.473-9.632-21.473-21.472c0-11.84,9.633-21.472,21.472-21.472 c11.84,0,21.472,9.632,21.472,21.472S392.325,152.988,380.485,152.988z"/> </path></path></path></g> <g> <path style="fill:#C63F00;" d="M359.312,512H152.689C68.849,512,0.641,443.792,0.641,359.951V152.049 C0.641,68.208,68.849,0,152.689,0h206.623c83.839,0,152.048,68.208,152.048,152.049v207.904 C511.359,443.792,443.151,512,359.312,512z M152.689,20.398c-72.593,0-131.65,59.057-131.65,131.65v207.904 c0,72.592,59.057,131.649,131.65,131.649h206.623c72.592,0,131.649-59.057,131.649-131.65V152.049 c0-72.593-59.057-131.65-131.649-131.65H152.689z M359.312,453.707H152.689c-51.698,0-93.756-42.058-93.756-93.755V152.049 c0-51.698,42.058-93.755,93.756-93.755h206.623c51.697,0,93.755,42.058,93.755,93.755v207.904 C453.067,411.649,411.009,453.707,359.312,453.707z M152.689,78.691c-40.45,0-73.358,32.908-73.358,73.357v207.904 c0,40.449,32.908,73.357,73.358,73.357h206.623c40.449,0,73.357-32.908,73.357-73.357V152.049 c0-40.449-32.908-73.357-73.357-73.357H152.689V78.691z"/> <path style="fill:#C63F00;" d="M256,387.821c-72.687,0-131.821-59.134-131.821-131.821S183.314,124.178,256,124.178 S387.821,183.313,387.821,256S328.687,387.821,256,387.821z M256,144.577c-61.438,0-111.422,49.984-111.422,111.423 c0,61.438,49.984,111.422,111.422,111.422S367.422,317.438,367.422,256C367.422,194.561,317.439,144.577,256,144.577z M256,330.959 c-41.332,0-74.959-33.627-74.959-74.959s33.627-74.959,74.959-74.959s74.959,33.627,74.959,74.959S297.333,330.959,256,330.959z M256,201.439c-30.085,0-54.561,24.476-54.561,54.561s24.476,54.561,54.561,54.561s54.561-24.476,54.561-54.561 C310.561,225.914,286.085,201.439,256,201.439z"/> <path style="fill:#C63F00;" d="M380.485,163.187c-17.464,0-31.673-14.207-31.673-31.672s14.209-31.673,31.673-31.673 c17.463,0,31.672,14.209,31.672,31.673S397.948,163.187,380.485,163.187z M380.485,120.241c-6.216,0-11.274,5.057-11.274,11.274 c0,6.216,5.058,11.273,11.274,11.273c6.216,0,11.273-5.057,11.273-11.273C391.759,125.299,386.702,120.241,380.485,120.241z"/> <path style="fill:#C63F00;" d="M239.681,483.442h-95.873c-5.633,0-10.199-4.566-10.199-10.199s4.566-10.199,10.199-10.199h95.873 c5.633,0,10.199,4.566,10.199,10.199S245.314,483.442,239.681,483.442z"/> <path style="fill:#C63F00;" d="M278.438,483.442h-6.12c-5.632,0-10.199-4.566-10.199-10.199s4.567-10.199,10.199-10.199h6.12 c5.632,0,10.199,4.566,10.199,10.199S284.071,483.442,278.438,483.442z"/> </path></path></path></path></path></g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg></a>
<a href="https://youtube.com/" class="yt"><svg class="icons-ar1web" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewbox="0 0 236.777 236.777" style="enable-background:new 0 0 236.777 236.777;" xml:space="preserve"> <g> <path style="fill:#FF1D25;" d="M205.664,39.868c36.805,11.184,31.443,45.56,29.976,80.073c-0.779,18.334,1.971,46.889-6.05,63.939 c-5.133,10.863-15.446,11.275-26.034,11.734c-52.022,2.429-104.916,4.584-156.892,2.2c-29.426-1.375-49.272-10.221-45.651-39.051 c-2.338-27.776-0.275-57.156,2.613-84.427c1.513-14.209,4.583-28.463,19.801-33.138c10.725-3.346,24.476,0.092,35.659-0.367 c14.438-0.55,28.738-2.567,43.222-2.75c33.276-0.458,66.552,0.229,99.828,0.413C203.693,38.493,204.793,39.089,205.664,39.868z M155.063,111.966c-12.925-7.104-25.942-14.071-39.143-20.626c-8.434-4.217-16.913-8.388-25.53-12.329 c-0.367-0.183-1.742-0.642-3.254-1.192c3.713,24.796,0.458,52.114-0.596,77.506C110.053,141.85,132.695,127.183,155.063,111.966z"/> </path></g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg></a>
</div>
<div class="ar1web-buttons">
<button><a href="#">راسلنا</a></button>
<button><a href="#">اشتراك</a></button>
</div>
<div class="social-share">
<div class="donutheme-row">
<i class="fa fa-heart"></i>
<span>20.6k</span>
</div>
<div class="donutheme-row">
<i class="fa fa-comment"></i>
<span>12.3k</span>
</div>
<div class="donutheme-row">
<i class="fa fa-share"></i>
<span>10.7k</span>
</div>
</div>
</div>
<style>
/* About Me */
.icons-ar1web { height: 25px; width: 30px; }
.ar1web-about{background: #fafafa;border: 1px solid #eee; margin: 0 4px; border-radius: .3em!important; position: relative; padding: 20px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ar1web-about .icon{ font-size: 17px; color: #31344b; position: absolute; cursor: pointer; opacity: 0.7; top: 15px; height: 35px; width: 35px; text-align: center; line-height: 35px; border-radius: 50%; font-size: 16px; } .ar1web-about .icon i{ position: relative; z-index: 9; } .ar1web-about .icon.ardonutheme-row{ left: 15px; } .ar1web-about .icon.dots{ right: 15px; } .ar1web-about .img-area{border: none; height: 150px; width: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .img-area .inner-area{ height: calc(100% - 25px); width: calc(100% - 25px); border-radius: 50%; } .inner-area img{ height: 100%; width: 100%; border-radius: 50%; object-fit: cover; } .ar1web-about .name{ font-size: 23px; font-weight: 500; color: #31344b; margin: 10px 0 5px 0; } .ar1web-about .about{margin: 15px 0 0px; color: #44476a; font-weight: 400; font-size: 16px; } .ar1web-about .social-icons{display: flex; margin: 15px 0 15px 0; } .social-icons a{ position: relative; height: 40px; width: 40px; margin: 0 5px; display: inline-flex; text-decoration: none; border-radius: 50%; } .social-icons a:hover::before, .ar1web-about .icon:hover::before, .ar1web-buttons button:hover:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; background: #ecf0f3; box-shadow: inset -3px -3px 7px #ffffff, inset 3px 3px 5px #ceced1; } .ar1web-buttons button:hover:before{ z-index: -1; border-radius: 5px; } .social-icons a i{ position: relative; z-index: 3; text-align: center; width: 100%; height: 100%; line-height: 40px; } .social-icons a.fb i{ color: #4267B2; } .social-icons a.twitter i{ color: #1DA1F2; } .social-icons a.insta i{ color: #E1306C; } .social-icons a.yt i{ color: #ff0000; } .ar1web-about .ar1web-buttons{ display: flex; width: 100%; justify-content: space-between; } .ar1web-buttons button{ position: relative; width: 100%; border: none; outline: none; padding: 12px 0; color: #31344b; font-size: 17px; font-weight: 400; border-radius: 5px; cursor: pointer; z-index: 4; } .ar1web-buttons button:first-child{ margin-left: 10px; } .ar1web-buttons button:last-child{ margin-left: 10px; } .ar1web-about .social-share{ display: flex; width: 100%; margin-top: 30px; padding: 0 5px; justify-content: space-between; } .social-share .donutheme-row{ color: #31344b; font-size: 17px; cursor: default; position: relative; } .social-share .donutheme-row::before{ position: absolute; content: ""; height: 100%; width: 2px; background: #e0e6eb; margin-left: -25px; } .donutheme-row:first-child::before{ background: none; } .social-share .donutheme-row i.icon-2{ position: absolute; left: 0; top: 50%; color: #31344b; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: all 0.3s ease; } .donutheme-row:nth-child(1):hover i.fa-heart, .donutheme-row:nth-child(2):hover i.fa-comment{ opacity: 1; pointer-events: auto; } .ar1web-buttons button a { color: #31344b; }
</style>
هذه مقالة صغيرة حول كيفية إضافة ملف حول مدير الموقع على بلوجر. إذا واجهت أي مشكلة، فلا تتردد في إخبارنا في التعليقات.
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
عرب ويب
ردحذف