Notifications
All Notifications

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} .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 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=' aNm t'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag>
  • Then Save HTML
  • Blogger Code CSS HTML
    SAMIR
    SAMIR
    Hey ! My name is Samir, a professional Web Designer, Graphic Designer, UI / UX Designer as well as Content Creator from Feni,Dagonbhuiyan,Bangladesh. I love to Code and create interesting things while playing with it.

    Facebook ID Telegram ID
    Join the conversation (2)
    2 comments
    1. DESK
      08 February, 2023
      Profile
      DESK
      DESK
      This Person Said: Samir ami emon.cinte parco?? Ai code ta kemne bosabo bujteci na.
      Samir ami emon.cinte parco?? Ai code ta kemne bosabo bujteci na.
      • SAMIR
        08 February, 2023
        Profile
        SAMIR
        SAMIR
        This Person Said: Telegram aa knock koro Telegram ID @Techly420
        Telegram aa knock koro Telegram ID @Techly420