اضافة كاتب الموضوع في بلوجر بطريقة احترافية

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

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

و كما ان هذه الاضافة تجعل ترابطا بين مدير المدونة ومتابعيه و تسمح لهم بالتعرف اكثر عن صاحب المدونة

اضافة كاتب الموضوع في بلوجر بطريقة احترافية

# الخطوة الاولى

اتجه الى مدونتك من هنا

تم اتبع المسار التالي >> القالب >> تعديل القالب >> ثم ابحث عن الكود التالي باستخدام زر CTRL+F

واضف كود الاداة بعده مباشرة فان لم ترى اي نتيجة و الكود لم يعمل اضفه مباشرة بعد هذا الكود و سيعمل ان شاء الله

# الخطوة الثانية : اضف الكود التالي

/* هنا تكتب نبذة عن نفسك */

انا شاب في 23 من العمر بلدي الجزائر و انا صاحب مدونة متميزون اسعى دائما الى تقديم مقالات و شروحات لاثراء المحتوى العربي
<div class='author-link'>

/* هنا تضع رابطك في جوجل بلس */

/* هنا تضع اسمك */

بقلم : محمد زوية
<span class='meta-nav'/>
</a>
</div>
</div>
</div>
</div>
<div class='entry-social'>
<div class='fb'>
<a href='https://www.facebook.com/mohamed.zouia.14' target='_blank'>Facebook</a>
</div>
<div class='twitter'>
  <a href='www.twitter.com/motamayizon' target='_blank'>Twitter</a>
</div>
<div class='gplus'>
<a href='https://plus.google.com/+MohamedZozo/posts' target='_blank'>Google+</a>
</div>
<div class='linkedin'>
<a href='Your_Linkedin_Profile' target='_blank'>Linkedin</a>
</div>
<div class='pinterest'>
<a href='http://pinterest.com/' target='_blank'>Pinterest</a>
</div>
<script Language='Javascript'>


</Script>
</div>
<style>

.entry-social {
    margin-bottom: 10px;
    overflow: hidden;
}
.entry-social a {
    color: #FFFFFF !important;
    display: block;
    font-family: "Open Sans","Tahoma","Verdana","Arial",sans-serif;
    font-weight: 400;
    padding-left: 20px;
}
.entry-social div {
    float: right;
    margin-right: 10px;
    width: 138px;
}
.entry-social .fb a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWFg4pWnLGqIv17D53Z0dsFU1av18Qj1f6OLAp5uEs5iM364Guv2uVXrcXwopAJFQbptIKbxMepG58Pm4qkfr7Gx1ptDEs6IDwZovhwpHXJXLnDevOSckWaWmoRRNwKUgKgna08jR9-Az/s1600/fb14.png") no-repeat scroll 10px center #3B5999;
    padding: 7px 10px 7px 10px;
}
.entry-social .fb a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWFg4pWnLGqIv17D53Z0dsFU1av18Qj1f6OLAp5uEs5iM364Guv2uVXrcXwopAJFQbptIKbxMepG58Pm4qkfr7Gx1ptDEs6IDwZovhwpHXJXLnDevOSckWaWmoRRNwKUgKgna08jR9-Az/s1600/fb14.png") no-repeat scroll 10px center #324B81;
}
.entry-social .twitter a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXOXXjwyySDeyeuX3I3_aadhI2Sn47fIVp6bVEHG6-HtbDEK6a1DZJpmk2fGW6WbeLSh_8l53wL1vECGJUWRcSs-SadVhC-iME5dJmFaNIy0jJiasVIqq_J2O1ZXwtxh3vZsne_g84B7g/s1600/twitter14.png") no-repeat scroll 8px center #01BBF6;
    padding: 7px 10px 7px 10px;
}
.entry-social .twitter a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXOXXjwyySDeyeuX3I3_aadhI2Sn47fIVp6bVEHG6-HtbDEK6a1DZJpmk2fGW6WbeLSh_8l53wL1vECGJUWRcSs-SadVhC-iME5dJmFaNIy0jJiasVIqq_J2O1ZXwtxh3vZsne_g84B7g/s1600/twitter14.png") no-repeat scroll 8px center #01A7DE;
}
.entry-social .gplus a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVJVkFjEAjKNMFRw1zpb8krhs0lLomn8gEr-OP6MohMWCdWCu1o9-Fgl24nTYiamEa4j-CXHlFvPpv8Ax6_xMywGelY9yKEYz8Wcpp9zYTr5u6Fp_BPiK5QZHpqlsnHY_d133QtvwWfJA/s1600/gplus14.png") no-repeat scroll 10px center #D54135;
    padding: 7px 10px 7px 32px;
}
.entry-social .gplus a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVJVkFjEAjKNMFRw1zpb8krhs0lLomn8gEr-OP6MohMWCdWCu1o9-Fgl24nTYiamEa4j-CXHlFvPpv8Ax6_xMywGelY9yKEYz8Wcpp9zYTr5u6Fp_BPiK5QZHpqlsnHY_d133QtvwWfJA/s1600/gplus14.png") no-repeat scroll 10px center #BA3227;
}
.entry-social .linkedin a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOobn7j2hOwrLRlz0gHzsutearNYOGst47YaR2ECoMZNzyLa7BjswsGiE_gwuScwavBrA2LI7ipUrHs_cLRYKJbmqN1ui62zFEv3zYAT_4bNaXaA-LbZwUkWcsaq1jNfuAs1m75-PI142F/s1600/linkedin14.png") no-repeat scroll 10px center #167FB1;
    padding: 7px 10px 7px 35px;
}
.entry-social .linkedin a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOobn7j2hOwrLRlz0gHzsutearNYOGst47YaR2ECoMZNzyLa7BjswsGiE_gwuScwavBrA2LI7ipUrHs_cLRYKJbmqN1ui62zFEv3zYAT_4bNaXaA-LbZwUkWcsaq1jNfuAs1m75-PI142F/s1600/linkedin14.png") no-repeat scroll 10px center #136F9B;
}
.entry-social .pinterest a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjt87qBO3bMPHCcgfm4ZXjFbDelLcZ7NZ840W_JNg1Nvoe-ycw-y6snLvMsDFRyNIplLjbRD0OX-dXrw0KUISekXcDkNvh9Ysa15uAsR1uzgFm7ny3cxrYNg03jiGipb0W4wZNn0Q7zar/s320/pinterest14.png") no-repeat scroll 10px center #CB2027;
    padding: 7px 10px 7px 32px;
}
.entry-social .pinterest a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjt87qBO3bMPHCcgfm4ZXjFbDelLcZ7NZ840W_JNg1Nvoe-ycw-y6snLvMsDFRyNIplLjbRD0OX-dXrw0KUISekXcDkNvh9Ysa15uAsR1uzgFm7ny3cxrYNg03jiGipb0W4wZNn0Q7zar/s320/pinterest14.png") no-repeat scroll 10px center #B01C23;
}

.beh-entry-author {
    margin-bottom: 20px;
}
.beh-entry-author .author-header {
    padding: 1px 15px;
}
.beh-entry-author .author-header h4 a:hover {
    color: #000000;
}
.beh-entry-author .author-header h4 a {
    color: #FFFFFF;
}
.beh-entry-author .author-header h4 {
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
}
.beh-entry-author .author-wrap {
    border: 1px solid #EEEEEE;
    overflow: hidden;
    padding: 12px 15px;
}
.beh-entry-author .author-avatar {
    float: left;
    height: 80px;
    margin-right: 30px;
    width: 80px;
}
.beh-entry-author .author-link {
    margin-top: 5px;
}
.main-color-bg {
    background: none repeat scroll 0 0 #2BBFF6;
}
.beh-entry-author a {
    color: #3A3A3A;
    outline: 0 none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
.entry-social a {
    color: #3A3A3A;
    outline: 0 none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}

</style>

*/end of the code