اضافة تعريف الكاتب بشكل احترافي لمدونات بلوجر

الكاتب : mUsTaPha التاريخ : 10:41 ص القسم : إضافات بلوجر

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

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

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

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

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

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

<div id="bio">
<img class="avatar" height="125" src="https://lh3.googleusercontent.com/-H9tXZ8-9ifs/AAAAAAAAAAI/AAAAAAAAABY/4DMBopfVJpE/photo.jpg" width="125">
<div class="bio_info">
<h3>
                          بقلم 
                          <a href="/" style="color: rgb(255, 255, 255);" target="_blank">
جني للمعلوميات 
                          </a>
</h3>
<span>
مدونة جني للمعلوميات : مدونة تهتم بكل ماهو جديد في عالم الحاسوب نحب ان نسعد زوارنا باحدث مواضيعنا الجميلة                        </span>
</div>
<div id='social_postauthor'>
<ul>
<li class='txt'>
<span>
تواصل معي :
</span>
</li>
<li class='fb'>
<a href='#' rel='nofollow' target='_blank'>
fb
</a>
</li>
<li class='tw'>
<a href='#' rel='nofollow' target='_blank'>
tw
</a>
</li>
<li class='gl'>
<a href='#' rel='nofollow' target='_blank'>
gl
</a>
</li>
<form action='http://feeds.feedburner.com/reapweb/TFDh' id='subspa' method='post' onsubmit='window.open('http://feeds.feedburner.com/reapweb/TFDh;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>

5- ابحث عن : <div class='post-footer'>

او

<div class='post-footer-line post-footer-line-1'>

6- ضع الكود التالي اسفله مباشرة

/*----------bio------------*/
#bio {
background: #54738E;
border-radius: 4px;
margin-bottom: 25px;
overflow: hidden;
padding: 20px;

}
#bio img {
border: 4px solid #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
display : block;
float : right;
margin-left: 20px;
overflow: hidden;
width: 96px;
}
.bio_info { 
margin-right: 108px; 
}
.bio_info h3 {
 margin-bottom: -15px;
 }
.bio_info span { 
font-weight: bold;color: white; 
}
.bio_h3{
padding: 10px 0px;
font-size: 14px;
font-weight: normal;
color: #de4a0b;
padding: 5px;
margin: 0 0 0 1px;
border: 2px dashed rgb(255, 255, 255);
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
/*----------postauthor------------*/
#postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #54738E;
padding: 4px;
border-radius: 3px;
border: 2px solid #ddd;
}
#postauthor ul{margin:0;padding:0;overflow:hidden;}
#postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#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;
}
#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;
}
#postauthor ul li span{
font: normal 13px JF-Flat-regular;
text-shadow: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#postauthor .txt {
padding: 4px 0;
color: white;
}
#postauthor .fb {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#postauthor .tw {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#postauthor .gl {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}

.subspabox {
background: #f8f8f8 url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: JF-Flat-regular;
color: #293949;
margin: 0;
width: 95%;
text-align: right;
padding: 4px 25px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
float: left;

غير المعلومات الى المعلومات الخاصة بك
واضغط على حفظ ومبروك عليك الاضافة.

صفحات المدونة

الإشتراك في قناة اليوتيوب

تابعنا على شبكاتنا الإجتماعية

أقسام المدونة

الاعضاء

تابعنا بواسطة الأيمل

اضافة تعريف الكاتب بشكل احترافي لمدونات بلوجر

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

0 تعليق على موضوع : اضافة تعريف الكاتب بشكل احترافي لمدونات بلوجر