إضافة تعريف الكاتب بشكل احترافي

 

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

طريقة تركيب اضافة تعريف الكاتب اسفل الموضوع في مدونتك

1- من لوحة التحكم >> قالب >> تحرير HTML

2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير

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

4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي

 

 @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: 4px 0px -7px 0px;
}
.postauthor img {
float: right;
background: #fff;
margin: 0 0 0 8px;
padding: 4px;
border: 1px solid #E0E0E0;
border-radius: 3px;
}
.postauthor h4 {
font: normal 14px JF-Flat-regular;
color: #3D5272;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikYhUaLoZeFgU5MnqPtiocGxkkgpliCZVuiP67Y78upmXx9crO5bRjpjR6GkGRvr1RTsSk7LtBiPfkmG9yJjQ2WwJjsazAaegXsqAZu9mGos9N2rPv5TdZ5t6d7ndstMkH-08dyzBKnnwt/s1600/user.png) no-repeat 84% 50%;
padding: 0 125px 0;
}
.postauthor a {
color: #5DA86C;
font-size: 14px;
padding-right: 2px;
}
.postauthor p {
font: normal 13px JF-Flat-regular;
color: #34495e;
line-height: 2em;
text-shadow: 0 1px 0 #fff;
}
/*----------social postauthor------------*/
#social_postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #fff;
padding: 4px;
border-radius: 3px;
border: 1px solid #ddd;
}
#social_postauthor ul{margin:0;padding:0;overflow:hidden;}
#social_postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#social_postauthor ul li a{
display: inline-block;
float: right;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
transition:0.5s;
}
#social_postauthor ul li:hover{
transform:rotate(360deg);
-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: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#social_postauthor .txt {
padding: 4px 0;
}
#social_postauthor .fb {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8Vp4JykolyVxrunJdHdp8dd_Upqor8tNrNQcJWUvMHZK_uSHmppnXZ0Fer-ttCJ_cJojxkbla5Ql8_2bS2jlnPqOOUBpI11KAE7tlFxkdrEjtl0VyggC2DzSwF9tuv4RVuh7Syu7-XI/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#social_postauthor .tw {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAaa7gIvrlNLaPI3Bfsj7g8SK75gidwXgKZ8ItGTF-UMoD-EBBcexO1G2oxAFe-fuV1gESewzIEJvWgrpywBf06qOUbIUDH4KIuyp4_YXeR23rk284iT95wjSOZcQKUPsiSy95VvuCOkY/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#social_postauthor .gl {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf_sSwJXZuwBNaZDnhCZLvlUu0VvPxCu5Fgd0wPOxLjR9kPoJM3y76eBSAwAhnWOkav0pqtq-YD5qeR0qy-1hEgmg1tgfNDMDL1aGNGLEP6JIQKVUNPfFTydJo8Ob9Ttow2W_Bq1L920Y/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}

.subspabox {
background: #f8f8f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEZHSYPCfLA_3rWb5txjrPBXS6i_S-1EjyEi-WqnHOAVgS6l8ktlLLH1Q39rkOpFosxL_pm4xMLWFVLj82crTfWK7xF204PtQ6w70yabZBuqDTuDkNj9RsXnxIYQf4Dur3VnRsmPGTDUA/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: JF-Flat-regular;
color: #293949;
margin: 0;
width: 62%;
text-align: right;
padding: 4px 25px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
float: left;
} 

5- ابحث عن :

عنوان التدوينة: إضافة تعريف الكاتب بشكل احترافي
تقييم : 10 من 10 مرتكز على 24 تقييم.
المدير |زياد الزعبي

عدد المشاهدات :

Zied Zaabi

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

• غرد
• مشاركة
• إضافة
مزيد

بضغطة زر تشارك الفائدة وتدعم المدونة

صندوق التدوينة

رابط مباشر :

كود للمنتديات :

HTML كود :