How to show post summary and share buttons on blogger

Tags

Everything on blogger is coding I always hate it when bloggers contact me to scratch out a code for them especially from a popular site.nevertheless I always attend to people's queries and try my possible best of giving solution to their problems.

On today's edition I will show you how to display post summary on blogger.
Post summary simple means taking out crucial points from a post at the end.
This script I'm sharing will display author name,post summary and post image,publisher logo etc.
Again this script contains new sharing buttons.

Log in into your blogger dashboard, click on themes back up and save your template
Click edit HTML search for this code 


<div class='post-footer-line post-footer-line-2'>
When you find it copy below codes and paste directly below this code /div>
<div class='post-footer-line post-footer-line-2'>


<div id='share-button'><p><b><i class='fa fa-share-alt'></i> Share On: </b></p>
<a href='href='href='href='https://www.facebook.com/sharer.php?u=https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html&t=Nokia 6 2018 Phone Specifications and Price' style='background:#3b5998;' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'></i> Facebook</a>
<a href='fb-messenger://share?link=Nokia 6 2018 Phone Specifications and Price%20>>> https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' rel='nofollow' style='background:#0084ff;' target='_blank' title='Messenger'><i aria-hidden='true' class='fa fa-bolt'></i> Messenger</a>
<a href='href='href='href='https://twitter.com/intent/tweet?text=Nokia 6 2018 Phone Specifications and Price&url=Price&url=Price&url=Price&url=https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' style='background:#4099ff;' target='_blank' title='Tweet This !'><i aria-hidden='true' class='fa fa-twitter'></i> Twitter</a>
<a href='whatsapp://send?text=Nokia 6 2018 Phone Specifications and Price%20>>> https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' rel='nofollow' style='background:#4dc247;' target='_blank' title='Whatsapp'><i aria-hidden='true' class='fa fa-whatsapp'></i> WhatsApp</a>
<a href='viber://forward?text=Nokia 6 2018 Phone Specifications and Price%20>>> https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' rel='nofollow' style='background:#59267c;' target='_blank' title='Viber'><i aria-hidden='true' class='fa fa-comment-o'></i> Viber</a>
<a href='href='href='href='https://telegram.me/share/url?url=https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' style='background:#57bcff;' target='_blank' title='Telegram'><i aria-hidden='true' class='fa fa-paper-plane-o'></i> Telegram</a>
<a href='mailto:?subject=Nokia 6 2018 Phone Specifications and Price&body=Nokia 6 2018 Phone Specifications and Price%20>>> https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' rel='nofollow' style='background:#400090;' target='_blank' title='Email'><i aria-hidden='true' class='fa fa-envelope'></i> Email</a>
<a href='href='href='href='https://plus.google.com/share?url=https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html' style='background:#c0361a;' target='_blank' title='Google Plus !'><i aria-hidden='true' class='fa fa-google-plus'></i> Google+</a>
<a href='href='href='href='https://pinterest.com/pin/create/button/?url=https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html&description=Nokia 6 2018 Phone Specifications and Price&media=Price&media=Price&media=Price&media=https://2.bp.blogspot.com/-fxZqCPJ5exk/Wk6NZXeMZbI/AAAAAAAAK78/HtiKUl7kb-EmapAQ7nsns-mp23YMHmVLgCLcBGAs/s320/nokia-6-2018.jpg' style='background:#c0361a;' target='_blank' title='Pin It !'><i aria-hidden='true' class='fa fa-pinterest-p'></i> Pinterest</a><div class='clear'></div></div>
<br/>
<div style='color:#666;font-weight:bold'><i class='fa fa-share-square-o'></i> Copy the link below and Share with your Friends:</div>
<input id='myInput' onclick='this.focus();this.select()' style='display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:10px;border:1px solid #ccc;font-size:16px;outline:0;-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;border-radius:2px' type='text' value='value='value='value='https://www.entclass.com.ng/2018/01/nokia-6-2018-phone-specifications-price.html'/><center><button onclick='myFunction()'><i aria-hidden='true' class='fa fa-clone'></i> Copy</button></center><div class='clear'></div>
<br/>
<div style='margin:0;padding:8px 5px;list-style:none;background:#e6e6f6;border-bottom:none;'>
<center><b>Post Summary</b></center>
</div>
<table class='tablepress tablepress-id-46' id='tablepress-46'>
<tbody class='row-hover'>
<br/><div itemscope='itemscope' itemtype='http://schema.org/Article'><center><div itemprop='image' itemscope='itemscope' itemtype='itemtype='itemtype='itemtype='https://schema.org/ImageObject'><img height='100' src='' width='150'/></div></center>
<tr class='row-1 odd'><td class='column-1'><b>Article Name</b><br/><br/></td><td class='column-2'><span itemprop='headline'><b>
</b></span><br/><br/></td></tr>
<tr class='row-2 even'><td class='column-1'><b>Description</b><br/><br/></td><td class='column-2'><span itemprop='description'><b>.   </b></span><br/><br/></td></tr>
<tr class='row-3 odd'><td class='column-1'><b>Author Name</b><br/><br/></td><td class='column-2'><div itemprop='author' itemscope='itemscope' itemtype='itemtype='itemtype='itemtype='https://schema.org/Person'><span itemprop='name'>your name here</span><br/><br/></div></td></tr><tr class='row-6 even'><td class='column-1'><b>Published On</b><br/><br/></td><td class='column-2'>January 04, 2018
&#160;<br/><br/></td></tr><tr class='row-6 even'><td class='column-1'><b>Post Category</b><br/><br/></td><td class='column-2'>
<br/><br/></td></tr>
<tr class='row-4 even'><td class='column-1'><b>Publisher Name</b><br/><br/></td><td class='column-2'><div itemprop='publisher' itemscope='itemscope' itemtype='itemtype='itemtype='itemtype='https://schema.org/Organization'><span itemprop='name'> publisher name </span><br/><br/></div></td></tr>
<tr class='row-5 odd'><td class='column-1'><b>Publisher Logo</b><br/><br/></td><td class='column-2'><div itemprop='logo' itemscope='itemscope' itemtype='itemtype='itemtype='itemtype='https://schema.org/ImageObject'><img height='50' src='src='your logo pic here'/></div><br/><br/></td></tr></div>

Don't edit this code its auto generator just add only your logo image and your name.

I am tmerlin a tech lover


EmoticonEmoticon