Create an Automatic Watermark on Blogger Image Articles قم بإنشاء علامة مائية تلقائية على مقالات صور

لـ المظهر وبعد تعديل القالب
HTML
تروح لـ CSS
البحث عن
]]> </ b: skin>
فوقه ضع احدهم

اقتباس :

FOR NON-AMP هذا
/* Post body img start */

.post-body img:after {
content: "YOUR TEXT";
position: absolute;
bottom: 8px;
left: 16px;
font-size: 10px;
background-color: white;
color: black;
text-align: center;
border-style: solid;
border-width: 1px;
margin: 2px;
padding: 0px 5px 0px 5px;
opacity: 0.5;
text-transform: uppercase;
}

FORM VALID AMP BLOGGER او هذا

/* Post body amp-img start */
.post-body amp-img:after {
content: "YOUR TEXT";
position: absolute;
bottom: 8px;
left: 16px;
font-size: 10px;
background-color: white;
color: black;
text-align: center;
border-style: solid;
border-width: 1px;
margin: 2px;
padding: 0px 5px 0px 5px;
opacity: 0.5;
text-transform: uppercase;
}

/* Post body amp-img end */

يمكنك الاثنين واننتبه حفظ نسخه من القالب

Is it done?
It's basically done. However, I have a little suggestion for you who use AMP blog. To make the picture look more neat, please use special fixed-height layout code that I have written in the article: CSS For Image in AMP Articles with Unknown Dimensio
وسلامتكم