سلام الله عليكم زوار مدونة المطور التقني اليوم سأريكم طريقة طريقة إضافة تعريف كاتب الموضوع اسفل التدوينة لمدونات بلوجر
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
بعدها ألصق هذا الكود قبلهbackground-color: #dc311b;} .subspabox {background: #f8f8f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSH6mlLgooIv369p9iQXr6GeKEftHiYV_yImll-2rlxrO3O07LoGXhyr1sMNgJQ3bd_b4dyJYy9QlJjK3jri36QriisclXpvrTo76K58-5bUYhBV4kuMheir_fTXl_pYUAhfBX3FTOKw/s1600/contact-gr.png) no-repeat 98% 50%;font-family: JF-Flat-regular;color: #293949;margin: 0; width: width: 62%; text-align: right; padding: text-align: right;padding: 4px 25px 6px 0; border: border: 1px solid #ddd;border-radius: 3px; float: left; }}
@font-face { font-family: 'JF-Flat-regular'; src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot'); src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot?') format('embedded-opentype'), url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.woff') format('woff'), url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.ttf') format('truetype');} .postauthor {background: #f8f8f8;border: 1px solid #3598DB;padding: 10px; overflow: hidden; margin: overflow: hidden;margin: overflow: hidden;margin: 4px 0px -7px 0px; } .postauthor img { }.postauthor img {}.postauthor img {float: right; background: background: background: #fff;margin: 0 0 0 8px; padding: padding: padding: 4px; border: border: border: 1px solid #E0E0E0;border-radius: 3px; } .postauthor h4 { font: normal }.postauthor h4 {font: normal }.postauthor h4 {font: normal 14px JF-Flat-regular; color: color: color: #3D5272;background: url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriDLJYCS7A0gq0jvhxtxQgh1_3dx9RnQrIDyoxI77H81JjSGuHE6boH0HK9DpyIsACfxEAwp9AEMizdcXPUURXdV3jZ5U81fjGSFoI_CQaMHbF7FjJT1sN9iHX7jufutlAj4s8X6TR8_l/s1600/user.png) no-repeat 84% 50%;padding: 0 125px 0; } .postauthor a { color: }.postauthor a {color: }.postauthor a {color: #5DA86C;font-size: 14px; padding-right: padding-right: padding-right: 2px; } .postauthor p { font: normal }.postauthor p {font: normal }.postauthor p {font: normal 13px JF-Flat-regular; color: color: color: #34495e;line-height: 2em; text-shadow: text-shadow: text-shadow: 0 1px 0 #fff;}/*----------social postauthor------------*/#social_postauthor {margin: 16px 0 0; overflow: hidden; background: overflow: hidden;background: overflow: hidden;background: #fff;padding: 4px; border-radius: border-radius: border-radius: 3px; border: border: border: 1px solid #ddd;}#social_postauthor ul{margin:0;padding:0;overflow:hidden;}#social_postauthor ul li {float: right; padding: padding: padding: 0; margin: margin: margin: 3px 2px; border-radius: border-radius: border-radius: 2px; transition: transition: transition: 0.5s; } }}#social_postauthor ul li a{display: inline-block; float: right; font-size: font-size: font-size: 0; height: height: height: 30px; line-height: line-height: line-height: 0; text-indent: -text-indent: -text-indent: -9999em; width: width: width: 30px; transition:transition:transition:0.5s; } }}#social_postauthor ul li:hover{transform:rotate(360deg); -ms-transform:rotate(-ms-transform:rotate(-ms-transform:rotate(360deg); /* IE 9 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-moz-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Safari and Chrome */transition:0.5s; } }}#social_postauthor ul li span{font: normal 13px JF-Flat-regular; text-shadow: text-shadow: text-shadow: 0 1px 0 #fff;padding: 4px 4px 4px 4px; } }}#social_postauthor .txt {padding: 4px 0; } }}#social_postauthor .fb {background: url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2fCHImHljSO5ysYmrWg-xpPQdxyREZOFv4-b8hTe05izRwXjRfJwOF_ee9UQedrxCmbd_L2bRoi3hizQS2ovjW4JwC_D4gw3hzAwcvD0apvx8u1Mb5sKE1_6Lz_RklVPmcGfXYhusz0/s1600/fb.png) no-repeat 50% center;background-color: #003366;}#social_postauthor .tw {background: url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMP5GX3VttdG5TCzl99LgpxAj08rez97Ugq_6e2pTrQE_-O4X0reKWci0GK9-8IND5Suki0eGmuLTVuNmtx7JfxxK4QuuJmEnJJa04t_ijZbm3Hxs44VzyiKUpQJdabz27oQP3DL3LTvs/s1600/tw.png) no-repeat 50% center;background-color: #0ba6f7;}#social_postauthor .gl {background: url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXdeydyU2l7dlQDvONE6jULS-qQ5-Rnvu8xJ4h9Rs2sCyJ0gSTiArVzLJKb72GB3sH2VJlBwF6hzUoXFnOmNQxUjfJQrY_0z4m_TrWJd-Uza-40VKGCslB9rMqFlr3Ri-7fv0hsGmVcvQ/s1600/g.png) no-repeat 50% center;
4- إبحث عن <div class='post-footer'> و ضع الكود التالي اسفله مباشرة
<div class='articleAuthor'>
<i class='author-ID' style='display:none'><data:post.author/></i>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='ضع هنا رابط صورتك الشخصية' width='120'/>
</div><!--End AuthorAvatar-->
</div>
<div class='authorDetails'>
<h2>كاتب الموضوع <span>اكتب هنا اسمك</span></h2>
<span class='AuthorPostsCount'><i class='fa fa-file-o'/><i class='itnm'/></span>
<!--End Count-->
</div>
<p> اكتب هنا سيرتك الذاتية</p>
<div class='authorSocial'>
<a class='fa fa-twitter social-icon size-m' href='http://www.twitter.com/th3weblamps' title='Sweetheme'/>
<a class='fa fa-facebook social-icon size-m' href='http://www.facebook.com/nadal1995' title='Sweetheme'/>
<a class='fa fa-youtube social-icon size-m' href='https://www.youtube.com/channel/UC_pOSWwxd4rm0SioxWTBAQg' title='Sweetheme'/>
</div>
</div>
</div>
لرفع صورتك أنصحك بهاذا الموقع
غير المعلومات التي باللون البرتقالي الى المعلومات الخاصة بك واضغط على حفظ النموذج ومبروك عليك الاضافة
غير المعلومات التي باللون البرتقالي الى المعلومات الخاصة بك واضغط على حفظ النموذج ومبروك عليك الاضافة
0 تعليقات على " طريقة إضافة تعريف كاتب الموضوع اسفل التدوينه لمدونات بلوجر "