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.
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.
