recent
أخبار ساخنة

إضافة تعريف الكاتب لمدونات بلوجر مثل قالب سكويز

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

معاينة الإضافة 

مثل قالب مدونة اسمعنى اون لاين 

صورة للإضافة 

إضافة تعريف الكاتب لمدونات بلوجر مثل قالب سكويز

طريقة التركيب 


  • قوم بالدخول الى لوحة التحكم الخاصة بقالبك
  • قوم بالضغط على المظهر 
  • ثم قم بالضغط على تحرير القالب 
  • قوم بالبحث عن هذا الوسم </head>
  • ثم قم بوضع هذا الكود مباشرة فوقه 

<style>.topic-author{;margin-top:20px;width:100%;margin-left:0;padding:20px;overflow:hidden;border:1px solid #eeeeee;position:relative}.topic-author .author-img{float:right;width:90px;height:90px;margin-left:10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;overflow:hidden}.topic-author h4{display:inline-block;margin:0;font-size:15px;background:#00cccc;color:#FFF;padding:3px 15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}b.author-rank{display:inline-block;margin:5px 0;background-color:#3d85c6;font-size:11px;color:#FFF;padding:0 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.author-about{font-size:11px;color:#777777;text-align:justify;float:right;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}.topic-author .social{position:absolute;left:15px;top:15px}.topic-author .social a{width:25px;height:25px;padding-top:5px;margin:0 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:15px;display:inline-block;text-align:center;color:#FFF}.topic-author .social a:hover{-webkit-animation:SocIcons .2s ease-in-out;-moz-animation:SocIcons .2s ease-in-out;-o-animation:SocIcons .2s ease-in-out;animation:SocIcons .2s ease-in-out}.author-profile:after{content:"\f104";font-family:fontawesome;display:inline-block;margin-right:10px}.author-profile{float:left;border:2px solid #eeeeee;color:#777777;font-weight:700;font-size:12px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;padding:4px 10px;margin-top:10px}.author-profile:hover{border:2px solid #00cccc;color:#00cccc}</style>
  • بعد ذلك نقوم بالبحث عن هذا الوسم

<div class='post-header-line-1'/>
تقوم بوضع هذا الكود بعده مع تعديل الروابط

<div class="topic-author" style="display: block;">
<div class="author-img">
<img alt="author-img" src="//lh3.googleusercontent.com/-2BXuYw1VAbM/AAAAAAAAAAI/AAAAAAAAFwU/OGOnTxubNUs/s60-p-rw-no-il/photo.jpg" title="author-img"/>
</div>
<h4>اسمعنى اون لاين</h4>
<i class="clear-left"></i><b class="author-rank">صاحب الموقع</b>
<b class="author-about">هنا قم بوضع وصف قصير عن طاقم العمل لمدونتاك هنا الاضافة مقدمة من اسمعنى اون لاين </b>
<nav class="social-sites"><ul class="social"></ul></nav>
<i class="clear"></i>
<a class="author-profile" href="ضع رابط حسابك هنا">الملف الشخصي</a></div> 
.......
google-playkhamsatmostaqltradent