How To Add Fanciest Author Box Below Posts In Blogger

Author box is amidst the trending widgets at in 1 lawsuit a days because people who convey blogs or websites desire to larn to a greater extent than followers together with remain inward behave upon amongst their fans. My recent post service was besides nearly "Author boxes amongst dissimilar styles for blogger" and in 1 lawsuit once again I am nearly to part a novel writer box which volition hold upward added below every post service inward your blog. It is called fancy writer box. It is designed amongst javascript together with css together with doesn't number your blog's charge time.

If you lot liked this gadget together with desire to add together it inward your weblog below every post service together with then follow below mentioned steps:

Step 1: Go to blogger dashboard together with navigate to template.

Step 2: Click within the code together with search for below code yesteryear using Ctrl+F on your keyboard:

Step 3: You volition detect the higher upward code 2 times if you lot are using uncomplicated template only if you lot are using a custom or other template together with then you lot volition detect it many times. Now re-create the below code together with glue it later the minute code inward uncomplicated template together with inward other template glue it later 3rd code.

<b:if cond='data:blog.pageType == "item"'>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.css">
<link rel="stylesheet" href="https://rawgit.com/101Helper/docs/master/fanciest.css">
<div id="tabs">
<ul>
<li><a href='#fragment-1'><i class="fa fa-user" aria-hidden="true"></i> Bio</a></li>
<li><a href='#fragment-2'><i class="fa fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
<li><a href='#fragment-3'><i class="fa fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
<li><a href='#fragment-4'><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li>
<li><a href='#fragment-5'><i class="fa fa-google-plus-square" aria-hidden="true"></i> Google+</a></li>
</ul>
<div id="fragment-1">
<img src='https://lh3.googleusercontent.com/-p4_CJcGp4AM/AAAAAAAAAAI/AAAAAAAAABM/vdNgm0VFg70/s120-c/photo.jpg' style='width: 90px;'/>
<h4>Fahim Raza</h4>
<p>I am fahim Raza together with this fancy writer box is designed yesteryear me. Its gratis for blogger. Do non Remove copyright tag. </p>
<a id="bout" href=" ">101Helper</a>
</div>
<div id="fragment-2">
<iframe src="https://www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2F101helperblogspot&width=64&height=65&layout=box_count&size=small&show_faces=false&appId" width="64" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div id="fragment-3">
<a href="https://twitter.com/the101helper" class="twitter-follow-button" data-show-count="false">Follow @the101helper</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div id="fragment-4">
<span class="ig-follow" data-id="5479dee" data-handle="USERNAME" data-count="true" data-size="medium" data-username="false"></span>
<script>(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src="//rawgit.com/101Helper/docs/master/instagram.js";s.parentNode.insertBefore(g,s);}(document,"script"));</script>
</div>
<div id="fragment-5">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-follow" data-annotation="vertical-bubble" data-height="20" data-href="//plus.google.com/u/0/109303537659462705427" data-rel="publisher"></div>
</div>
</div>
<script>
$( "#tabs" ).tabs();
</script>
</b:if>

Step 4: Make changes inward the higher upward code according to your choices. I convey highlighted my cry together with links all you lot convey to create is to supercede them amongst your cry together with social profile links.

Step 5: Click on salvage template together with you lot are done.

Replace links together with usernames amongst your ain usernames.

Note: Don't take the 101Helper tag from widget, it volition hold upward our copyright violation together with you lot volition hold upward reported to Google if tag removed widget was institute on your site.

I promise you lot similar this gadget together with its working inward your blog, if non delight allow me know yesteryear leaving a comment below.

Try to a greater extent than blogger gadgets together with widgets here.

Follow together with subscribe below to larn latest blogger gadgets news.

Share this post service amongst other bloggers approximately you!