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

http://im47.gulfup.com/nTkvhJ.png

http://1.bp.blogspot.com/-sz4c0nDH7q...o/s1600/11.png

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

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

2- إبحث عن الوسم : ]]></b:skin>

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

كود بلغة HTML:

/*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(http://1.bp.blogspot.com/-aztO8A5UY2I/UbwSnQhTUOI/AAAAAAAADi0/p1yGE0WCAjc/s1600/BS+Social+Sprite.png)!important;background-repeat: no-repeat

}

كود بلغة HTML:

 <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='[COLOR="Red"]http://im69.gulfup.com/qlsrAm.png[/COLOR]' 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="[COLOR="red"]http://www.homeblog7.blogspot.com[/COLOR]" 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="[COLOR="red"]https://twitter.com/homeblog7[/COLOR]" 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="[COLOR="red"]http://www.facebook.com/ChristiaUnion[/COLOR]" 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="[COLOR="red"]https://plus.google.com/115831608850519879364[/COLOR]" 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="[COLOR="red"]https://www.youtube.com/channel/UCInU677SGp1tZVce5kRupyA[/COLOR]" 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="[COLOR="red"]هنا ضع إيميلك[/COLOR]"/>

 <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="+[COLOR="red"]التبرع للمدونة[/COLOR]"/>

</form><a href="https://www.blogger.com/blogger.g?blogID=هنا ضع أي دي مدونتك" class="register-button">[COLOR="red"]أنضم إلى أعضاء المدونة[/COLOR]</a><div class="clear"></div></div></div></b:if>

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

http://im68.gulfup.com/uSIB9D.png