Hey Guys! Welcome back to Techly Series website.

Assuming You are observing the Find and Replace Tool Script on blogger. This is the Right Place to you. Since You can get this Script for free and gain deep pocket With Your adsense.

Today, in this article, I will Discuss with you about How to Create Find and Replace Tool in Blog - Post or Page.

Information

With Word's Find and Replace feature, you may look for target text (such as a certain word, formatting style, or string of wildcard characters) and replace it with another piece of text.

To ensure complete consistency throughout your work, use the Find and Replace tool, which enables you to apply your style sheet. Beyond this, though, it's a useful tool for accelerating typing and formatting jobs, which might save you hours of effort.

How to Create

So, to create Find and Replace Tool on blogger you need to follow the following process below precisely.

What's more, with the help of these steps, you can easily make this tool in your blogger website.

Step 1

• You will go to your - Blogger Dashboard
• Go to Theme
• Go to - Edit HTML
• Search - </head> or &lt;/head&gt;
• Copy this CSS Code below and Paste on top of </head> or &lt;/head&gt;
• Save Theme

<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/itsTSUI/tsP/toolBody.css'/>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'/>

Step 2

• After Save Theme
• Create a new Post or Page
• Copy this HTML & Javascript Code below and Paste in your blog - Post or Page
• Publish

<div class="Tbody">

<b>Text</b>
<textarea rows="10" placeholder="Enter Text Here..." id="Stext" required></textarea>

<b>Find Text</b>
<input id="Ftext" placeholder="Enter Find Text Here..." required/>

<b>Replace Text</b>
<input id="Rtext" placeholder="Enter Replace Text Here..." required/>

<button type="button" id="Rbutton">Replace<i class="fa-regular fa-hand-point-right"></i></button>

<b>Replaced Text</b>
<textarea rows="10" placeholder="Get Replaced Text Here..." id="Rdtext" readonly></textarea>

<button type="button" id="Clear"><i class="fa fa-repeat"></i>Try Another</button>

</div>

<script>
Rbutton.onclick=function(){l=Stext.value,t=Ftext.value,a=Rtext.value,i=l.split(t).join(a),Rdtext.value=i},Clear.onclick=function(){[Stext,Ftext,Rtext,Rdtext].forEach(function(n){n.value=""})};
</script>

Final Words

You ought to indeed note by thinking in the remark box underneath. Or on the other hand you moreover bear to give some sort of Suggestion, likewise you can partake your conviction with me in the Comment Box beneath.

I didn't give this content to any individual who saw or replicated them. This content I've looked through a great deal and given by experience. So kindly don't note on this substance.

Assuming you experience any issues while copying this script you can impart me by Telegram and I'll attempt to help.