Buy Plus UI v2.5! Demo Buy Now!

How to Get Automatic Author Credit on Post Image and Thumbnail On Median Ui 1.5

So hello Blogger's, how are you I hope you are doing good and great. My name is Sadab Ali and welcome to my blog Tech Aadi.

Today we are going to see How to Get Automatic Author Credit on Post Image and Thumbnail for Median Ui 1.5.

How to Get Automatic Author Credit on Post Image and Thumbnail On Median Ui 1.5

Note!This Method is for Median Ui 1.5 and may be it will not work in other Templates. Change class for it.

You have seen in some blog that image has it blog name without editing on that image. That what we are going to add and you can se the example by viewing demo or below this post.

Let's start the process of adding this.

Important! Before going ahead please Backup Your Blog Template for any kind of errror and easy restoration.

Adding Automatic Author Credit on Image

So there is only one method you have to only add css in your blog. After that you have to do some changes and it will automatically applied on every image.

Adding CSS

Step 1:- Open your Blogger dashboard.

Step 2:- Go to theme section and click on Edit HTML.

Step 3:- Now search for </style> tag.

Step 4:- Copy the below given CSS codes and paste it just above the </style> tag.

/* tech aadi auto credit image */
.postEntry .separator{position:relative}
.relatedPosts .itemThumbnail div{z-index:2}
.onPost .postEntry .separator:before{bottom:23px}
.postEntry .separator:before,.relatedPosts .itemThumbnail > *:after{content:'Tech Aadi';position:absolute;right:0;bottom:0;display:flex;font-size:10px;font-weight:bold;color:#fff;z-index:2;border-top-left-radius:10px;background-color:#3a3a3a;padding:5px 7px;opacity:.7;border-bottom-right-radius: 6px;}

Step 5:- Please change the name 'Tech Aadi' which is marked in the CSS with your author credit name for displaying on all images.

Now don't forget to Save the theme.

After following the above steps I hope you have successfully installed the code in your blog. If you got any error kindly contact below.

Conclusion

So today we have learnt How to add Automatic Author Credit on Post Image and Thumbnail for Median Ui 1.5. If you have any query kindly comment below and do like and follow our blog for more post like this daily.

Below are the image examples. You can see the author credit on the lower right side of the image.


Read also :

Rate this article

Getting Info...

About Post Author

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Plus UI, you agreed to use cookies in agreement with the Plus UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.