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

زوار ومتابعي المدونة 

السلام عليكم ورحمة الله وبركاته 

اليوم سوف نتعرف على إضافة جديدة للتو خارجة من الفرن يعني طازجة بعدها ههههههه

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

لن أطيل عليكم أحبائي سوف أدخل في الموضوع مباشرة .

- طريقة تركيب الإضافة :

1- أدخل إلى مدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم :

 ]]></b:skin>

3- ضع هذا الكود فوقه :

/*Author box by www.homeblog7.blogspot.com*/
#homeblog7AB{
    margin: 10px 0;
}
#homeblog7AB a:hover {
    background: none!important;
}
#homeblog7AB .BS1 {
    background: #000000;
    padding: 20px;
}
#homeblog7AB .BS1 .bsavatar {
    float: left;
    line-height: 1;
    -moz-box-shadow: 0 0 10px #FEBFDC;
    -webkit-box-shadow: 0 0 10px #FEBFDC;
    box-shadow: 0 0 10px #FEBFDC;
}
#homeblog7AB .BS1 .BSAuthorinfo {
    margin: 0 0 0 110px;
}
#homeblog7AB .BS1 .BSAuthorinfo h6 {
    margin: -4px 0 0 0;
    color: white;
    font-size: 20px;
}
#homeblog7AB .BS1 .BSAuthorinfo h6 span {
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 0 1em;
    background: #FE80B9;
    padding: 1px 9px 2px 9px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    filter: alpha(opacity=60);  opacity: 0.6;
}
#homeblog7AB .BS1 .BSAuthorinfo p {
    color: #DDD;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}
#homeblog7AB .BS2 {
    background: #666;
}
#homeblog7AB .BS2 a.bssocial-item {
    display: block;
    float: left;
    padding: 15px;
    color: white;
    text-align: center;
}
#homeblog7AB .BS2 .bssocial-item .icon {
    height: 32px;
    width: 32px;
}
#homeblog7AB .BS2 .bssocial-item > span {
    display: block;
    margin: auto;
    text-align: center;
}
#homeblog7AB .BS2 .bssocial-item .label {
    font-weight: bold;
    font-size: 13px;
}
#homeblog7AB .BS2 .bssocial-item .click {
    font-size: 11px;
    color: #EAEAEA;
    line-height: 1;
}
#homeblog7AB .BS2 a.bssocial-item:hover {
    background:#eb461d!important;
}
#homeblog7AB .BS3 {
    background: #eb461d;
}
#homeblog7AB .BS3 form, #homeblog7AB .BS3 a.donation-button {
    display: block;
    float: left;
}
#homeblog7AB .BS3 .donation-button {
    background: #A10048;
    border: none;
    margin: 0;
    padding: 10px;
    font-family: Impact;
    font-size: 30px;
    color:white;
    line-height: 1.5em;
}
#homeblog7AB .BS3 .donation-button:hover {
    background:#000000;
    cursor: pointer;
}
#homeblog7AB .BS3 .register-button {
    display: block;
    color: white;
    border: none;
    margin: 0;
    text-align: right;
    font-family: Impact;
    font-size: 30px;
    text-align: right;
    padding: 10px;
    line-height: 1.2em;
}
#homeblog7AB .BS3 .register-button:hover {
    color: black;
    cursor: pointer;
}
#homeblog7AB .BS2 .bssocial-item.twitter .icon {background-position: 0 -32px;}
#homeblog7AB .BS2 .bssocial-item.facebook .icon {background-position: 0 -64px;}
#homeblog7AB .BS2 .bssocial-item.gplus .icon {background-position: 0 -96px;}
#homeblog7AB .BS2 .bssocial-item.linkedin .icon {background-position: 0 -128px;}
#homeblog7AB .BS2 .bssocial-item.youtube .icon {background-position: 0 -160px;}
#homeblog7AB .BS2 .bssocial-item.pinterest .icon {background-position: 0 -192px;}
#homeblog7AB .bssocial-item .icon {
                                background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRi8c_cD_DXh82Th6V_vSwsxen-s-bBWxrFFyVn-4KBq4Ft31vUHJcIxxzCB7cWV_LQm_I4BAYVEGNuJo76UQEjDR-3z1P1gcQUkSp-X-DNEhnX3IkLz24P6-Z6_HzPwuDODMs7ttvS6vq/s1600/BS+Social+Sprite.png)!important;background-repeat: no-repeat
}

4- أبحث عن الوسم :

<data:post.body/>

- هذا الكود مكرر أكثر من مرة في قوالب بلوجر المقصود الكود الثالث أو الثاني منه .

5- ضع هذا الكود تحته :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id="homeblog7AB" data="1">
 <div class="row BS1">
 <div class="bsavatar">
<a href="http://homeblog7.blogspot.com/p/404_23.html"><img alt='author-avatar' src='http://im69.gulfup.com/qlsrAm.png' class='bsavatar avatar-90 photo' height='100' width='100' /></a> </div>
<div class="BSAuthorinfo">
  <h6>بقلم:حنا فريد<span>صاحب الموقع</span></h6>
    <p> بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي  من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة
   <a href='http://www.homeblog7.blogspot.com/'><b><span style='color: white;'>هوم بلوجر.</span></b></a></p>
</div>
<div class="clear"></div>
</div>
<div class="row BS2">
<a target="_blank" href="http://www.homeblog7.blogspot.com" class="bssocial-item website" meta="website">
<span class="icon"></span>
<span class="label">الموقع</span>
<span class="click"><span class="val">10</span> أنقر هنا</span></a>                                            
<a target="_blank" href="https://twitter.com/homeblog7" class="bssocial-item twitter" meta="twitter">
<span class="icon"></span>
<span class="label">Twitter</span>
<span class="click"><span class="val">2</span> أنقر هنا</span></a>                          
<a target="_blank" href="http://www.facebook.com/ChristiaUnion" class="bssocial-item facebook" meta="face">
 <span class="icon"></span>
<span class="label">Facebook</span>
<span class="click"><span class="val">10</span> أنقر هنا</span></a>                      
<a target="_blank" href="https://plus.google.com/115831608850519879364" class="bssocial-item gplus" meta="gplus">
 <span class="icon"></span>
 <span class="label">Google+</span>
<span class="click"><span class="val">7</span> أنقر هنا</span></a>                                                              
<a target="_blank" href="https://www.youtube.com/UCInU677SGp1tZVce5kRupyA" class="bssocial-item youtube" meta="youtube">
 <span class="icon"></span>
 <span class="label">Youtube</span>
<span class="click"><span class="val">3</span> أنقر هنا</span></a>                                      
<div class="clear"></div></div>
<div class="row BS3">
<form class="author-donation" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations"/>
 <input type="hidden" name="business" value="هنا ضع إيميلك"/>
 <input type="hidden" name="lc" value="US"/>
<input type="hidden" name="item_name" value="Donate Blogger Spice"/>
<input type="hidden" name="no_note" value="0"/>
<input type="hidden" name="currency_code" value="USD"/>
<input class="donation-button" type="submit" name="submit" value="+التبرع للمدونة"/>
</form><a href="https://www.blogger.com/blogger.g?blogID=هنا ضع أي دي مدونتك" class="register-button">أنضم إلى أعضاء المدونة</a><div class="clear"></div></div></div></b:if> 

- عدّل ماهو ملون ، ثم إحفظ القالب .