Home
Blogger

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

Hello everyone, Welcome to Shiva Technic World, 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 ]]></b:skin> and paste the following CSS just above it or you can paste it above <head/> tag by adding <style></style>

    • /* Author iFxd (STW) */ .iFxd.bl{top:auto;bottom:0;right:auto;left:0} .aNm.t{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 featured 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

    • <!--[ Author (STW) ]-->
    <b:tag class='iFxd bl' name='div'><div class='aNm t'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag>

  • Then Save HTML

    • Conclusion


    Hope this How to add thumbnail sticky author info in Median UI v1.6, Fletro v6.1, iMagz v1.25 tutorial will be useful to you, If you have any doubts related to this tutorial ask me in the comment, Do share it with your friends, Thanks for visiting, Have a nice day!