How To Add Text Watermark To Blogger

I founded besides many questions for adding Watermark to blogger but no proper solution for it, hence I decided to practise tutorial for my users to add together text watermark to blogger. Watermark helps you lot to reserve your content copyrights as well as to relate your weblog content amongst your advert or brand. If you lot desire to add together horizontal, vertical or diagonal text watermark to blogger only follow the given pace past times pace tutorial amongst images as well as demo.

Steps : Adding Text Watermark to Blog Posts

DEMO

Step 1. Log inward to your Blogger account, as well as then instruct to Template > Edit HTML.

Step 2. Click anywhere within the code as well as search for next code ( CTRL+F ) :

<data:post.body/>

Step 3. Replace the code amongst this code :

Note : Their volition hold out 2 codes supervene upon both.

<div class='hbzwatermark'><data:post.body/></div>

Step 4. Again click anywhere within the code as well as search for next code :

]]></b:skin>

Step 5. Place this code only higher upward it :

.hbzwatermark { background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE91VPEzuCvtjWInnh2LO6sp57jyi58xTRSvzu2c3hdJiP9q41cuNTuDfat-m7uU8ouL7AesCVOsyJQd8a64Ao_vw2qrnrqEYH4MGjUzfoYqgWhh-KE3EypgU9sFBx6wKK2lr2Ntj_Ot8/s1600/transparent_text_effect%25282%2529.png") repeat scroll 0% 0% / 200px auto; }

Step 6. Configuration :

Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE91VPEzuCvtjWInnh2LO6sp57jyi58xTRSvzu2c3hdJiP9q41cuNTuDfat-m7uU8ouL7AesCVOsyJQd8a64Ao_vw2qrnrqEYH4MGjUzfoYqgWhh-KE3EypgU9sFBx6wKK2lr2Ntj_Ot8/s1600/transparent_text_effect%25282%2529.png amongst your watermark text prototype URL.
Adjust the value 200 to arrange the size of the watermark text.

To Create Watermark Text Image Click here.

For Diagonal Watermark develop 'Text rotation' = -45
For Horizontal Watermark develop 'Text rotation' = 0
For Vertical Watermark develop 'Text rotation' = 90
For Watermark Do non tick 'Draw text amongst outline' as well as fail 'Outline thickness' & 'Outline color'.
Select 'Text color' such that your text is visible over it.
For representative for white background develop 'Text color' to "F0F0F0" as well as for Dark Background develop it to "606060".

To Find the URL of the Watermark prototype click here.

Step 7. Save Template.

That's it

Now checkout your weblog posts you lot volition discovery your watermark placed behind your weblog posts. For whatsoever issues related to higher upward tutorial comment below. Stay Updated, Browse ! :)