هل تريد التعريف عن كاتب المقال ؟ هل تريد تزويد الزائر بمعلومات عن كاتب المقال ؟ هل تبحث عن  اضافة صندوق الكاتب
 في بلوجر ؟ انت في المكان المناسب ....



تعتبر اضافة صندوق تعريف بالكاتب من اهم الاضافات التي يحتاجها المدون , تضاف هذه الاضافة على موقعك .
الاضافة التي يتيحها موقعنا سهلة التركيب ,اضافة لذلك ذات مظهر جميل مع امكانية اضافة صورة , وروابط مواقع التواصل الاجتماعي.



بلوجر,اضافات,قوالب,2020,اضافة بلوجر,صندوق الكاتب,مقال,




اذا كنت مدون او تملك موقع الكتروني,وتريد تحسين موقعك موقعك موقعنا يوفر لك اضافات التي تحتاجها على موقعك ,اذا كنت مهتم لا تنسى تفعيل الاشعارات لمزيد من المقالات الجديدة.




طريقة تركيب صندوق تعريف الكاتب في بلوجر 2020



طريقة تركيب صندوق تعريف بالكاتب جد سهلة اتبع الخطوات :

  1. انتقل للوحة الرئيسية لبلوجر.
  2. انتقل للتنسيق.
  3. اختر المكان الذي تريد اضافة فيه الاضافة الشريط الجانبي .
  4. انقر على اضافة اداة 
  5. اختر html/javascript.
  6. انسخ الكود والصقه.










طريقة التعديل على الكود

طريقة  التعديل جد بسيطة داخل الكود تجد ملاحظات على الامكان المحددة للتعديل 
التعديل على الصورة 
التعديل على الروابط باستبدال الروابط بروابطك 
بمكانك ايضا التعديل على الالوان بشرط تكون لديك معرفة html css






انسخ الكود

 <style> /* About blog for arabpro*/.aboutme-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}


.aboutme-img{position:relative;max-height:150px;overflow:hidden}


.aboutme-img img {max-width:100%;width:100%;}


.aboutme-wrpicon{display:block;margin:15px auto 10px auto;position:relative;}


.aboutme-wrpicon .extender{width:100%;display:block;}


.extender{text-align:center;font-size:16px}


.extender .aboutme-icon{background:rgba(0,0,0,.06);display:inline-block;border:0;margin:0;padding:0;border-radius:3px}


.extender .aboutme-icon:hover{background:#bbb;}


.extender .aboutme-icon a{display:inline-block;font-family:fontawesome;font-weight:400;color:#aaa;height:32px;width:32px;line-height:32px;border-radius:3px}


.extender .aboutme-icon:hover a,.extender .aboutme-icon a:hover{color:#fff;}


.aboutme-info{margin-top:20px;font-size:13px;text-align:center;}


.aboutme-info p{margin:5px 0}


.aboutme-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#888;font-weight:700}

<!--غير الصورة برابط صورتك src-->
 </style> <div class="widget-content"> <div class="sidebar_about_author"> <div class="inner_wrapper"> <div class="aboutme-img"> <img alt="Author" class="img-responsive" height="auto" width="auto" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW8AAACJCAMAAADUiEkNAAAAflBMVEX////WV1PUSEP66en12dnVUEzUSkbWVVH++/vUTEjmnpzop6X009LuwcDVRD/VUU378vL67ezyycjijYraaWX2397wyMbtuLfTQTzYXFjopKPffnvklpT45OTdcm/78fHtvLvqr67hh4Xfe3jVPjjZYV3ddXHlmZfTNi/RKyPdQS2tAAAEkUlEQVR4nO3b2YKaMAAFUAgmARcQBNwd1NG2//+DJQsQFpe2Oh3lnieBGIZrgJAwlgUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8CLc//0HvBF3KI2vFDnau67Enbn08ay/rK+GEyuadax3pwLiFsL9cenReNZqtq7vUUrJj2rFIl+m/uRyXQfHmu7Ux8z3cguV8YqIb37WCyejM/fobhP9+zG8DndGPC4ExE4bm+QGOqxWELGCXck7WU5O+ndLmShMpnJhRMWCXyu6I1TtmNnZI47kJYwZtQucrGvb8rzztbW8RTHvSt5WmDn6U+qJwmXeYsHMe7Xg5Y7pulXPm0r96qjFgcfmze5v8jaqvpr3jBm7JckjjuUFJIta3Hm4Z2PrfXkfNpvVfj5o1X0175UZN9899qi+r6WOm9NAf2L7aut9eat76KhVd3Ql78FC7zeglNssbX35Pc2Zvm4fhxvu6c/VFeW+vOU62pE3u5z3Tv26lG32w9jnDz+wb0o17yAOxUImg7O9qoE/Le9E7Ypt1FL2yGP6xtRh86Vu0ZFaPJXbn5a3Wgq6Hoze2V4eNisfN9aBkZD1xLyP8rwifRtq2QTyVlkuq4RY2dV4Wt6xqJefW195czOZd1wub2V0rHyuf27evbuctPJ2kPdTIe+vhby/1mPylp14o5bCled55C3dzNvqynumepGtZ/IJ8m5Qedvl8s28t115p/K6wUlzumIlIyZqvgF5W0UI9DDQ1BWgmXcwS/T28Uk9pzTGAtVQFyfrbJA4YtrM2SaDcUrldcYzd8VUTYnqf6+LeqUePPwM1DBGwDQ1YtXMu9rOdLCNavSoV54tI4W8MvVdPZOg8rbNemzODD/DLzzw/yVujH53593grZrVnGlHMcXX58LochGF9CHvgf/neXO7dea7p0tpehtdBHlLWXN+p543a+fCybZdjbsmXWeCzcp5yRXyliKv1YarvMetvDk5decyWZKgURGnftWz6bxy9TBvy93H5T2ueeQ7fX+sHC/PfEUHs2CO/3CqjXoug1zUi/ulMnWkMKGqWRbrV7K/woMPp3Cjz+ZsTcaGD9Uj8eahc9GTDu77clVzpsUtbqjaZMfIyJ9KdA+d9qCPfUM4Loz09ddX74Js4/b8cc6NortO/HBafR7pm6n377/cy5t8Fg8cVE+ZH8Rq51B0OEhmFt9Sxvysq6KacUBIcZrM9cS/OTHaX6nX6FRw2ZydRdFZqQ9yiLFAvrjVwh3RyyS6NatJUXGi9O8S3dbImxdvlumU2KFWOlQDWrfeZxt58j4rP591f5P35p21q+p506DoVYxFstzoQEtT+TxKbr0/LB9u9EjViXE5yLhE6xaMvPPnk011b8yvHF7QeiP8kBcPaHNtUyKuRuJRPknTZJLvgvszdE2kyWfxwOHHI/O6vPf9VTsj97Dw49stdb9gRLyDOY2i/S+XkLj9NmdPuU6oNTd0pC3X3/U/IdOouFpPx9b82v/7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAe/kNyLo9RhWtgZ4AAAAASUVORK5CYII=" title="عرب برو" width="300" />


<!--غير الاسم والوصف-->

 </div> </div> <div class="aboutme-info"> <h4>عرب برو</h4> <p>مدونة عربية تهتم بمجال التصميم صور فيديوهات وبلوجر من احدث الاضافات والقوالب</p> </div> <div class="aboutme-wrpicon"> <ul class="extender">


<!--غير الروابط بروابطك على مواقع التواصل الاجتماعي-->

 <li class="aboutme-icon"><a href="/" rel="nofollow" target="_blank" title="Follow arabpro"><i class="fa fa-user"></i></a></li>

 <li class="aboutme-icon"><a href="https://www.facebook.com/Arabpro19/" rel="nofollow" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a></li> <li class="aboutme-icon">


<li class="aboutme-icon"><a href="/" rel="nofollow" target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a></li>

<li class="aboutme-icon"><a href="https://www.instagram.com/al_aa_pro/" rel="nofollow" target="_blank" title="Instagram"><i class="fa fa-instagram"></i></a></li>


 <li class="aboutme-icon"><a href="https://www.youtube.com/channel/UCU6ySsoo8y83K_Ael5RbX3g?view_as=subscriber" rel="nofollow" target="_blank" title="Youtube"><i class="fa fa-youtube"></i></a></li> </li></ul> </div> </div> </div>

اذا كنت مدون او تملك موقع الكتروني,وتريد تحسين  موقعك موقعنا يوفر لك اضافات التي تحتاجها على موقعك ,اذا كنت مهتم لا تنسى تفعيل الاشعارات لمزيد من المقالات الجديدة.

اضافة صندوق تعريف بالكاتب في بلوجر


عن الكاتب


مواضيع ذات صلة


لايوجد تعليق