Thumbnail sticky author info Add in Median UI v1.6, Fletro v6.1, iMagz v1.25!

Hello everyone, Welcome to Techly420, You might be trying to add Author info sticky in the post thumbnail and you need to know How to add thumbnail sticky author info in Median UI v1.6, Fletro v6.1, iMagz v1.25? then this tutorial is for you!

In this tutorial, we are going to show you How to add thumbnail sticky author info in Median UI v1.6, Fletro v6.1, iMagz v1.25

For this feature, it only used CSS and HTML codes only!

So, without wasting much time let's check How to add thumbnail sticky author info in Median UI v1.6, Fletro v6.1, iMagz v1.25!

How to add thumbnail sticky author info in Median UI v1.6, Fletro v6.1, iMagz v1.25

  • First, go to your Blogger dashboard
  • Then click on the Theme option
  • Then click on the drop-down icon near Customize option
  • Then click on the Edit HTML option
  • Then find (Ctrl+F) ]]></b:skin> and paste the following CSS just above it or you can paste it above <head/> tag by adding <style></style>
  • /* Thmb Sticky Author */ .tsa.royal{top:auto;bottom:0;right:auto;left:0} .tsr.ui{background:rgba(255,255,255,.8);padding:6px} .aNm.t .im{width:16px;height:16px;margin-right:4px} .aNm.t .nm{font-size:13px;color:var(--bodyC)}
  • Then find the following code
  • <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                      <b:include name='postCommentsLinks'/>
                                    </b:if>
                                    </b:tag>

    You may find 3 places that have the same code that is for Pinned post thumbnail, blog post thumbnail, and popular post thumbnail, if you want to add it in every place then paste it on that 3 places, if you want only in one place then find that place by pasting in each place!

  • Then paste the following HTML code just below it
  • <!--[ Thmb Sticky Autho​r ]-->
    <b:tag class='tsa roya​l' name='div'><div class='tsr ui'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag>
  • Then Save HTML
  • You Can Read This Post :
    Hey there! My name is Samir, a Web Designer, Graphic Designer, UI / UX Designer as well as Content Creator. I love to Code and create interesting things while playing with it.

    Post a Comment

    Tᴇᴄʜʏ sꫝᴍɪʀ's Rules : Leave your opinion or any doubt about this article And is you have any queries please feel free to ask. Don't try to spam, our team reviews every comment.
    Created By

    Techly420.co

    All Posts are Protected By DMCA.
    Reproduction in Any Form is Strictly Prohibited!

    © Techly420. All rights reserved. Created byTechly420
    Go Up