ماهو سبب تقرحات الفم

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

معاينة الاداة 

  اول شيء توجه 

من لوحة التحكم >> قالب>> تحرير html
قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)

]]></b:skin>

 واضف الكود التالي فوقه مباشرة

body,html{  background-color:#ddd;  height:100vw;}.post{  width:90vw;  max-width:400px;  height:250px;  background-color:#fff;  text-align:center;  color:#666;  font-size:22px;  position:absolute;  top:0;  bottom:0;  left:0;  right:0;  margin:auto;  box-shadow:0 3px 9px rgba(0,0,0,0.3);  border-radius:10px;  overflow:hidden;}.post header{  background:#222 url(https://pbs.twimg.com/profile_banners/66071794/1459547414/1500x500) top center no-repeat;  background-size:cover;  height:100px;  position:relative;}.post header img{  width:100px;  border-radius:50%;  position:absolute;  top:30px;  left:10px;}.post header a{  position:absolute;  right:20px;  bottom:5px;  font-size:16px;  font-style:italic;  text-decoration:none;  color:rgba(255,255,255,0.8);}.post p{  margin:50px 0 0 0}.post .like{  color:#666;  text-decoration:none;  font-size:40px;  transition:all 0.3s}.post .like:hover{  color:#755}.post .active{  color:#d02 !important;  text-shadow:#faa 0 0 16px;}

وفي الاخير ادخل تخطيط >> اضافة اداة >> HTML/JavaScript
والصق الكود التالي في المكان الذي تريده

<div class="post">  <header>    <img src="https://pbs.twimg.com/profile_images/434793976659329024/irJbEhx7_400x400.jpeg" alt="" />    <a href="#" target="_b">@wardaoui</a>  </header>  <p>مرحبا انا يونس ورضاوي مدون مغربي</p>  <a href="#" class="like">&#10084;</a></div>

ملاحظة : قم بتغير ما يلي
الصورة
الاسم
الوصف
رابط حسابك


واخيرا احفض الاداة ومبروك عليك الاضافة