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

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

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

اليوم سوف نتعرف على إضافة جديدة وحصرية 

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

نبدأ بشرح تركيب الإضافة على بركة الله .

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

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

2- إبحث عن الأسطر التالية :

<div class='post-footer'> أو
<div class='post-footer-line post-footer-line-'/>

 3- ضع الكود التالي تحت أحد من هذه  الأسطر :

<!-- Fanciest Author Box - www.homeblog7.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<!-- Fanciest Author Box v1.6 --><div class='ts-fab-wrapper ts-fab-icons-text' id='ts-fab-below'><ul class='ts-fab-list'><li class='ts-fab-bio-link'><a href='#ts-fab-bio-below'>Bio</a></li><li class='ts-fab-twitter-link'><a href='#ts-fab-twitter-below'>Twitter</a></li><li class='ts-fab-facebook-link'><a href='#ts-fab-facebook-below'>Facebook</a></li><li class='ts-fab-googleplus-link'><a href='#ts-fab-googleplus-below'>Google+</a></li><li class='ts-fab-latest-posts-link'><a href='#ts-fab-latest-posts-below'>Latest Posts</a></li></ul><div class='ts-fab-tabs'>
 <div class='ts-fab-tab' id='ts-fab-bio-below'>
  <div class='ts-fab-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/></div>
  <div class='ts-fab-text'>
   <div class='ts-fab-header'><h4>Written by <a expr:href='data:post.authorProfileUrl' rel='author' title='Posts by admin'><data:post.author/></a></h4><div class='ts-fab-description'><span>Author</span> at <a expr:href='data:blog.homepageUrl' rel='nofollow'><span><data:blog.title/></span></a></div></div><!-- /.ts-fab-header --><div class='ts-fab-content'><p class='description' itemprop='description'><data:post.authorAboutMe/></p></div>
  </div>
 </div>
  <div class='ts-fab-tab' id='ts-fab-twitter-below'>
   <div class='ts-fab-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/></div>
   <div class='ts-fab-text'>
    <div class='ts-fab-header'>
     <h4><a href='http://twitter.com/homeblog7'>@homeblog7</a></h4></div><!-- /.ts-fab-header --><div class='ts-fab-content'><!-- Couldn't fetch latest tweet --></div><div class='ts-fab-follow'><a class='twitter-follow-button' data-lang='en_US' data-show-count='true' href='https://twitter.com/homeblog7'>Follow @homeblog7</a></div>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
   </div>
  </div><div class='ts-fab-tab' id='ts-fab-facebook-below'>
   <div class='ts-fab-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/></div>
   <div class='ts-fab-text'>
     <div id='fb-root'/>
     <script>(function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
     js = d.createElement(s); js.id = id;
     js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
     fjs.parentNode.insertBefore(js, fjs);
     }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
 
    <div class='fb-like' data-href='http://www.facebook.com/ChristiaUnion' data-layout='standard' data-send='false' data-show-faces='false'/>
    </div>
  </div>
  <div class='ts-fab-tab' id='ts-fab-googleplus-below'>
   <div class='ts-fab-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/></div>
   <div class='ts-fab-text'>
    <div class='ts-fab-header'>
     <h4><a expr:href='data:post.authorProfileUrl' rel='author' title='Posts by admin'><data:post.author/></a></h4>
    </div><!-- /.ts-fab-header -->
    <g:plus data-layout='landscape' data-showcoverphoto='false' data-width='320' expr:href='data:post.authorProfileUrl' rel='author'/>
   </div>
  </div>
 <div class='ts-fab-tab' id='ts-fab-latest-posts-below'>
  <div class='ts-fab-avatar'><img class='avatar avatar-70 photo' expr:src='data:post.authorPhoto.url' height='70px' itemprop='image' width='70px'/></div>
  <div class='ts-fab-text'>
   <div class='ts-fab-header'>
    <h4>Latest posts by <data:post.author/> <span class='latest-see-all'>(<a href='http://homeblog7.blogspot.com/'>see all</a>)</span></h4>
   </div>
   <script src='http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js'>
</script>
<script>
var numposts = 3;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;
</script>
<script src='http://homeblog7.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'>
</script></div>
 </div>
  </div>
 </div>        
</b:if>
<!-- Fanciest Author Box www.homeblog7.blogspot.com -->

- عدل ما هو ملون بخاصيتك | الفيد , رابط مدونتك , الفيس بوك , تويتر .

4-       أبحث عن الوسم  </body>

5- ضع الكود التالي فوقه :

6- ابحث عن الوسم </head>

7- وضع الكود التالي فوقه :

8- احفظ القالب .