إضافة أداة الملف الشخصي لمدونات بلوجر

 

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

 مميزات أداة تعريف الكاتب V2 :

المميز في هذه الأداة أنها سهلة التخصيص وخفيفة الوزن حيث لا تأثر على سرعة القالب.
يوجد بالأداة كل من روابط التواصل الإجتماعي (فيسبوك-انستا-تويتر-يوتيوب..)، وأيضا صورة شخصية للكاتب أو صورة الموقع مع العنوان الرئيسي ونبذة مختصرة عن صاحب المدونة، وأيضا يوجد عداد روابط التواصل يمكنك تعديله بما تشاء بالإضافة إلى أزرار مراسلة وزر متابعة المدونة. 

الأداة تدعم أيقونات svg والتي تشتغل على جميع القوالب.

أداة الملف الشخصي للكاتب تساعد زوار مدونتك في  زيادة الحركة على موقعك وإعطاء جمالية على المظهر.

 ماذا تحتاج الأداة لتعمل؟

الأداة بسيطة جدا ولا تحتاج خبرة كبيرة للتعامل معها، فعي عبارة عن كود خفيف تضعه في html/javascript    أو صفحة ثابتة 
تأكد من وجود الكود المسؤول عن الأيقونات :
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>

في حالة عدم وجوده، ضعه فوق <body/>

 تركيب أداة تعريف الكاتب :

⟵ تابع هذه الخطوات لكي تركب الأداة.

أولا سجل الدخول   بلوجر  ، انتقل إلى ⟵ التنسيق   ثم ⟵ إضافة html/javascript .
وألصق الكود التالي ذاخل المكان المخصص له.
 <div class="tikniya-about">
    <div class="img-area">
      <div class="inner-area">
        <img src="https://1.bp.blogspot.com/-cxw8aMRTk8M/YU0XeparHlI/AAAAAAAAIN0/Zr2k52JlfCMtB0XDWZvAwbAsIRJAc1rIQCLcBGAsYHQ/s9912/PicsArt_21-09-24_01-09-50-765.png" alt="" />
      </div>
    </div>
    <div class="name">TIKNIYA-AR</div>
    <div class="about"> مصمم ومطور مواقع الويب والتطبيقات</div>
    <div class="social-icons">
      <a href="https://www.facebook.com" class="fb"><svg class="icons-tikniya" 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-tikniya" 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-tikniya" 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-tikniya" 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="tikniya-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-o" aria-hidden="true"></i>
        <span>20.6k</span>
      </div>
      <div class="donutheme-row">
        <i class="fa fa-comment-o" aria-hidden="true"></i>
        <span>12.3k</span>
      </div>
      <div class="donutheme-row">
  <i class="fa fa-share-square-o" aria-hidden="true"></i>
        <span>10.7k</span>
      </div>
    </div>
  </div>
<style>
/* About Me */
.icons-tikniya { height: 25px; width: 30px; }
.tikniya-about{background: #D7D2D3;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; } .tikniya-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; } .tikniya-about .icon i{ position: relative; z-index: 9; } .tikniya-about .icon.ardonutheme-row{ left: 15px; } .tikniya-about .icon.dots{ right: 15px; } .tikniya-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; } .tikniya-about .name{ font-size: 23px; font-weight: 500; color: #31344b; margin: 10px 0 5px 0; } .tikniya-about .about{margin: 15px 0 0px; color: #44476a; font-weight: 400; font-size: 16px; } .tikniya-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, .tikniya-about .icon:hover::before, .tikniya-buttons button:hover:before{ content: &quot;&quot;; 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; } .tikniya-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; } .tikniya-about .tikniya-buttons{ display: flex; width: 100%; justify-content: space-between; } .tikniya-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; } .tikniya-buttons  button:first-child{ margin-left: 10px; } .tikniya-buttons button:last-child{ margin-left: 10px; } .tikniya-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: &quot;&quot;; 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; } .tikniya-buttons button a { color: #31344b; }  

</style> 
 تخصيص أداة الملف الشخصي :

ابحث عن الكود التالي وقم بتغيير الرابط  برابط صورتك:


  
   <img src="https://1.bp.blogspot.com/-cxw8aMRTk8M/YU0XeparHlI/AAAAAAAAIN0/Zr2k52JlfCMtB0XDWZvAwbAsIRJAc1rIQCLcBGAsYHQ/s9912/PicsArt_21-09-24_01-09-50-765.png" alt="" />

  
  
لتغيير وصف الكاتب ابحث عن العبارة التالية وقم بتعديها:
<div class="about"> مصمم ومطور مواقع الويب والتطبيقات</div>
لتعديل روابط التواصل الاجتماعي قم بتغيير عناوين url التالية :

  <a href="https://www.facebook.com" class="fb">

  <a href="http://twitter.com/" class="twitter">

  <a href="https://www.instagram.com" class="insta">

  <a href="https://youtube.com/" class="yt">

  </div>

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