Text Tools Script for Blogger
Text Tools Script for Blogger
In this blog post, we’ll take a closer look at Text Tools Script for Blogger, how it works, and how to use it in your blogger/blogspot website.
Are you a blogger on the Blogger/Blogspot.com platform looking to streamline your content creation process and enhance the overall quality of your posts? Look no further! In this post, we’ll introduce you to an invaluable tool that can significantly boost your blogging efficiency – the Text Tools script for Blogger.
What is Text Tools?
Text Tools is a powerful script designed to simplify and enhance the writing experience for bloggers using the Blogger/Blogspot.com platform. This script is a game-changer for content creators, providing a range of features that can save time, improve the quality of your content, and help you optimize your posts for better search engine visibility.
Key Features
How to Install Text Tools in Blogger Website
- Download the Script: Visit the official Text Tools website and download the script.
- Install the Script on Your Blogger/Blogspot.com Blog: Follow the step-by-step installation guide provided on the website to seamlessly integrate Text Tools into your blogging dashboard.
- Activate and Enjoy: Once installed, activate the script, and start reaping the benefits of enhanced writing and content optimization features.
Text Tools Script
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
/////////// HTML THEME////////////////////////////////////////////////////////////////////////////////////////
////////////////////////TEMPLATE CREATED BY : Ajay Kumar////////////////////////////////////////////////////////////
/////////////////////// DOWNLOAD FROM: www.codenova.in //////////////////////////////////////////////////
----------------------------------------------
]]></b:skin>
<style>/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
font-family: 'Poppins';
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
scroll-padding-top: 2rem;
}
body{
background: #f8f8ff;
}
a{
text-decoration: none;
}
li{
list-style: none;
}
.wrapper{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 40rem;
height: 35rem;
border-radius: 20px;
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.wrapper h1 {
position: fixed;
top: 8%;
left: 50%;
transform: translate(-50%, -50%);
}
.text {
position: fixed;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
resize: none;
border-radius: 20px;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
outline-color: #1e1e1e;
}
/* .textResult {
position: fixed;
top: 40%;
left: 74%;
transform: translate(-50%, -50%);
resize: none;
border-radius: 20px;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
} */
.upper {
position: fixed;
top: 68%;
left: 7%;
height: 2.5rem;
width: 8rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.upper:active {
transform: translateY(2px);
transition: 0.2s;
}
.upper:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.lower {
position: fixed;
top: 68%;
left: 29%;
height: 2.5rem;
width: 8rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.lower:active {
transform: translateY(2px);
transition: 0.2s;
}
.lower:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.swap {
position: fixed;
top: 68%;
left: 51%;
height: 2.5rem;
width: 8rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.swap:active {
transform: translateY(2px);
transition: 0.2s;
}
.swap:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.random {
position: fixed;
top: 68%;
left: 73%;
height: 2.5rem;
width: 8rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.random:active {
transform: translateY(2px);
transition: 0.2s;
}
.random:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.extraSpaces {
position: fixed;
top: 78%;
left: 7%;
height: 2.5rem;
width: 10rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.extraSpaces:active {
transform: translateY(2px);
transition: 0.2s;
}
.extraSpaces:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.extraLines {
position: fixed;
top: 78%;
left: 35%;
height: 2.5rem;
width: 10rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.extraLines:active {
transform: translateY(2px);
transition: 0.2s;
}
.extraLines:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.duplicateLines {
position: fixed;
top: 78%;
left: 63%;
height: 2.5rem;
width: 12rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.duplicateLines:active {
transform: translateY(2px);
transition: 0.2s;
}
.duplicateLines:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.replacewithtext {
position: fixed;
top: 88%;
left: 73%;
height: 2.5rem;
width: 8rem;
border-radius: 20px;
border: none;
color: #fff;
background-image: linear-gradient(to right top, #0025c3, #1f3ad2, #334ee0, #4461ee, #5474fc);
}
.replacewithtext:active {
transform: translateY(2px);
transition: 0.2s;
}
.replacewithtext:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.clear {
position: fixed;
top: 57%;
left: 83.8%;
height: 2.5rem;
width: 3rem;
font-size: 1.2rem;
border-radius: 5px;
border-bottom-right-radius: 20px;
border: none;
color: #fff;
background: #ffded9;
}
.copy {
position: fixed;
top: 15.9%;
left: 83.8%;
height: 2.5rem;
width: 3rem;
font-size: 1.2rem;
border-radius: 5px;
border-top-right-radius: 20px;
border: none;
color: #fff;
background: #ecf0ff;
}
.copy .bi {
color: #0e3aff;
}
.clear .bi {
color: #fc3415;
}
/* .clear:active {
transform: translateY(2px);
transition: 0.2s;
}
.clear:hover {
box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
} */
.findthis {
position: fixed;
top: 88%;
left: 7%;
height: 2.5rem;
width: 12.5rem;
border-radius: 20px;
padding-left: 15px;
}
.replacethis {
position: fixed;
top: 88%;
left: 40%;
height: 2.5rem;
width: 12.5rem;
border-radius: 20px;
padding-left: 15px;
}
@media (max-width: 660px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 36rem;
}
.text {
transition: 0.3s;
width: 32rem;
}
.copy {
transition: 0.3s;
left: 31rem;
}
.clear {
transition: 0.3s;
left: 31rem;
}
.upper {
transition: 0.3s;
width: 7rem;
font-size: 0.8rem;
}
.lower {
transition: 0.3s;
width: 7rem;
font-size: 0.8rem;
}
.swap {
transition: 0.3s;
width: 7rem;
font-size: 0.8rem;
}
.random {
transition: 0.3s;
width: 7rem;
font-size: 0.8rem;
}
.extraSpaces {
transition: 0.3s;
width: 9rem;
font-size: 0.8rem;
}
.extraLines {
transition: 0.3s;
width: 9rem;
font-size: 0.8rem;
}
.duplicateLines {
transition: 0.3s;
width: 10rem;
font-size: 0.8rem;
}
.replacewithtext {
transition: 0.3s;
width: 6rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
width: 11rem;
}
.replacethis{
transition: 0.3s;
width: 11rem;
}
}
@media (max-width: 600px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 32rem;
}
.text {
transition: 0.3s;
width: 29rem;
}
.copy {
transition: 0.3s;
left: 27.5rem;
}
.clear {
transition: 0.3s;
left: 27.5rem;
}
.upper {
transition: 0.3s;
left: 1.5rem;
width: 7rem;
font-size: 0.8rem;
}
.lower {
transition: 0.3s;
left: 8.9rem;
width: 7rem;
font-size: 0.8rem;
}
.swap {
transition: 0.3s;
left: 16.5rem;
width: 7rem;
font-size: 0.8rem;
}
.random {
transition: 0.3s;
left: 24rem;
width: 7rem;
font-size: 0.8rem;
}
.extraSpaces {
transition: 0.3s;
left: 1.5rem;
width: 9rem;
font-size: 0.8rem;
}
.extraLines {
transition: 0.3s;
width: 9rem;
font-size: 0.8rem;
}
.duplicateLines {
transition: 0.3s;
left: 21rem;
width: 10rem;
font-size: 0.8rem;
}
.replacewithtext {
transition: 0.3s;
left: 24.5rem;
width: 6rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
left: 1.5rem;
width: 11rem;
}
.replacethis{
transition: 0.3s;
left: 13rem;
width: 11rem;
}
}
@media (max-width: 530px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 29rem;
}
.text {
transition: 0.3s;
width: 26rem;
}
.copy {
transition: 0.3s;
left: 24.5rem;
}
.clear {
transition: 0.3s;
left: 24.5rem;
}
.upper {
transition: 0.3s;
left: 0.8rem;
width: 6.5rem;
font-size: 0.6rem;
}
.lower {
transition: 0.3s;
left: 7.8rem;
width: 6.5rem;
font-size: 0.6rem;
}
.swap {
transition: 0.3s;
left: 14.8rem;
width: 6.5rem;
font-size: 0.6rem;
}
.random {
transition: 0.3s;
left: 21.5rem;
width: 7rem;
font-size: 0.6rem;
}
.extraSpaces {
transition: 0.3s;
left: 1.3rem;
width: 8rem;
font-size: 0.8rem;
}
.extraLines {
transition: 0.3s;
width: 8rem;
font-size: 0.8rem;
}
.duplicateLines {
transition: 0.3s;
left: 19rem;
width: 9rem;
font-size: 0.8rem;
}
.replacewithtext {
transition: 0.3s;
left: 22.2rem;
width: 6rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
left: 1.2rem;
width: 10rem;
}
.replacethis{
transition: 0.3s;
left: 11.6rem;
width: 10rem;
}
}
@media (max-width: 470px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 26rem;
height: 40rem;
}
.text {
transition: 0.3s;
top: 34%;
width: 24rem;
}
.copy {
transition: 0.3s;
top: 5.1rem;
left: 22rem;
}
.clear {
transition: 0.3s;
top: 19.6rem;
left: 22rem;
}
.upper {
transition: 0.3s;
top: 58%;
left: 1.3rem;
width: 7.5rem;
font-size: 0.9rem;
}
.lower {
transition: 0.3s;
top: 58%;
left: 9.2rem;
width: 7.5rem;
font-size: 0.9rem;
}
.swap {
transition: 0.3s;
top: 58%;
left: 17rem;
width: 7.5rem;
font-size: 0.9rem;
}
.random {
transition: 0.3s;
top: 66%;
left: 1.3rem;
width: 23rem;
font-size: 1rem;
}
.extraSpaces {
transition: 0.3s;
top: 74%;
left: 0.8rem;
width: 7.5rem;
font-size: 0.6rem;
}
.extraLines {
transition: 0.3s;
left: 8.7rem;
top: 74%;
width: 7.3rem;
font-size: 0.6rem;
}
.duplicateLines {
transition: 0.3s;
top: 74%;
left: 16.5rem;
width: 9rem;
font-size: 0.6rem;
}
.replacewithtext {
transition: 0.3s;
top: 90%;
left: 1.3rem;
width: 23rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
top: 82%;
left: 1.2rem;
width: 11.5rem;
}
.replacethis{
transition: 0.3s;
top: 82%;
left: 13rem;
width: 11.5rem;
}
}
@media (max-width: 420px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 23rem;
height: 40rem;
}
.text {
transition: 0.3s;
top: 34%;
width: 20rem;
}
.copy {
transition: 0.3s;
top: 5.1rem;
left: 18.5rem;
}
.clear {
transition: 0.3s;
top: 19.6rem;
left: 18.5rem;
}
.upper {
transition: 0.3s;
top: 58%;
left: 0.9rem;
width: 7rem;
font-size: 0.8rem;
}
.lower {
transition: 0.3s;
top: 58%;
left: 8.2rem;
width: 7rem;
font-size: 0.8rem;
}
.swap {
transition: 0.3s;
top: 58%;
left: 15.5rem;
width: 7rem;
font-size: 0.8rem;
}
.random {
transition: 0.3s;
top: 66%;
left: 1.3rem;
width: 20.5rem;
font-size: 1rem;
}
.extraSpaces {
transition: 0.3s;
top: 74%;
left: 1rem;
width: 10rem;
font-size: 0.6rem;
}
.extraLines {
transition: 0.3s;
left: 12rem;
top: 74%;
width: 10rem;
font-size: 0.6rem;
}
.duplicateLines {
display: none;
/* top: 74%;
left: 16.5rem;
width: 9rem;
font-size: 0.6rem; */
}
.replacewithtext {
transition: 0.3s;
top: 90%;
left: 1.3rem;
width: 20.5rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
top: 82%;
left: 1.2rem;
width: 10rem;
}
.replacethis{
transition: 0.3s;
top: 82%;
left: 12rem;
width: 10rem;
}
}
@media (max-width: 380px) {
.wrapper {
transition: 0.3s;
background: #ffffff;
width: 21rem;
height: 40rem;
}
.text {
transition: 0.3s;
top: 34%;
width: 18rem;
}
.copy {
transition: 0.3s;
top: 5.1rem;
left: 16.5rem;
}
.clear {
transition: 0.3s;
top: 19.6rem;
left: 16.5rem;
}
.upper {
transition: 0.3s;
top: 58%;
left: 0.9rem;
width: 6.3rem;
font-size: 0.6rem;
}
.lower {
transition: 0.3s;
top: 58%;
left: 7.5rem;
width: 6.3rem;
font-size: 0.6rem;
}
.swap {
transition: 0.3s;
top: 58%;
left: 14.2rem;
width: 6.3rem;
font-size: 0.6rem;
}
.random {
transition: 0.3s;
top: 66%;
left: 1.3rem;
width: 19rem;
font-size: 1rem;
}
.extraSpaces {
transition: 0.3s;
top: 74%;
left: 1rem;
width: 9rem;
font-size: 0.6rem;
}
.extraLines {
transition: 0.3s;
left: 11rem;
top: 74%;
width: 9rem;
font-size: 0.6rem;
}
.duplicateLines {
display: none;
/* top: 74%;
left: 16.5rem;
width: 9rem;
font-size: 0.6rem; */
}
.replacewithtext {
transition: 0.3s;
top: 90%;
left: 1.3rem;
width: 19rem;
font-size: 0.8rem;
}
.findthis{
transition: 0.3s;
top: 82%;
left: 1.2rem;
width: 9rem;
}
.replacethis{
transition: 0.3s;
top: 82%;
left: 11rem;
width: 9rem;
}
}</style>
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'/>
<link href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.0/font/bootstrap-icons.css' rel='stylesheet'/>
</head>
<body>
<div class='wrapper' id='wrapper'>
<h1>Text Tools</h1>
<textarea class='text' cols='70' id='text' placeholder='text to play with...' required='' rows='12'/>
<!-- <textarea class="textResult" id="textResult" placeholder="your result" required disabled rows="10" cols="75"></textarea> -->
<button class='upper'>Upper Case</button>
<button class='lower'>Lower Case</button>
<button class='swap'>Swap Case</button>
<button class='random'>Random Case</button>
<button class='extraSpaces'><i class='bi bi-x'/> Extra Spaces</button>
<button class='extraLines'><i class='bi bi-x'/> Extra Lines</button>
<button class='duplicateLines'><i class='bi bi-x'/> Duplicate Lines</button>
<input class='findthis' placeholder='find the word to replace...'/>
<input class='replacethis' placeholder='replace the word with...'/>
<button class='replacewithtext'>Replace</button>
<button class='clear'><i class='bi bi-trash3'/></button>
<button class='copy'><i class='bi bi-clipboard-check'/></button>
<!-- <button class="CountSentences">Count Sentences</button> -->
<p style='text-align: center;margin-top: 560px;'>© <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> ‧ <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a>. All rights reserved | Distributed by <strong><a href='https://codenova.in/'>Codenova.in</a></strong></p>
</div>
<!-- End Please keep the Credits intact-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js'/>
<script>//<![CDATA[
const textEntered = document.querySelector(".text");
const result = document.querySelector(".textResult");
const upperCase = document.querySelector(".upper");
const lowerCase = document.querySelector(".lower");
const swapCase = document.querySelector(".swap");
const randomCase = document.querySelector(".random");
const removeExtraSpaces = document.querySelector(".extraSpaces");
const removeExtraLines = document.querySelector(".extraLines");
const removeDuplicateLines = document.querySelector(".duplicateLines");
const search = document.querySelector(".findthis");
const replaceWithnew = document.querySelector(".replacethis");
const replacebtn = document.querySelector(".replacewithtext");
const SentenceCount = document.querySelector(".CountSentences");
const ClearBtn = document.querySelector(".clear");
const CopyBtn = document.querySelector(".copy");
const upCase = () => {
let text = textEntered.value;
let upLetters = text.toUpperCase();
textEntered.value = upLetters;
}
const lowCase = () => {
let text = textEntered.value;
let lowLetters = text.toLowerCase();
textEntered.value = lowLetters;
}
const swCase = () => {
let text = textEntered.value;
let len = text.length;
let swLetters = ""
for ( let i = 0; i < len; i++ ) {
if (text[i] === text[i].toLowerCase()) {
swLetters = swLetters + text[i].toUpperCase()
} else {
swLetters = swLetters + text[i].toLowerCase()
}
}
textEntered.value = swLetters;
}
const rdCase = () => {
let text = textEntered.value;
let rndLetters = text.split('').map((randomLetters) => Math.round(Math.random()) ? randomLetters.toUpperCase() : randomLetters.toLowerCase()).join('');
textEntered.value = rndLetters;
}
const rmvExtSpace = () => {
let text = textEntered.value;
// let spaceRemoved = text.trim();
let spaceRemoved = text.replace(/\s+/g,' ').trim();
textEntered.value = spaceRemoved;
}
const rmvExtLines = () => {
let text = textEntered.value;
let linesRemoved = text.replace(/\r?\n|\r/g,' ');
textEntered.value = linesRemoved;
}
const rmvDupLines = () => {
let text = textEntered.value;
let dupStringRemoved = text.split("\n").filter((item, i, allItems) => {
return i === allItems.indexOf(item);
}).join("\n").trim();
textEntered.value = dupStringRemoved;
}
const replace = () => {
let text = textEntered.value;
let find = search.value;
let replaceWith = replaceWithnew.value;
let replaced = text.replaceAll(find, replaceWith);
textEntered.value = replaced;
}
const deleteText = () => {
let ClearText = ""
textEntered.value = ClearText;
}
const CopyText = () => {
let text = textEntered.value;
let Copytext = text;
navigator.clipboard.writeText(Copytext).then(function () {
if (Copytext === "") {
textEntered.value = "No text entered!";
setTimeout (() => {textEntered.value = ""}, 2000)
} else {
textEntered.value = "Text Copied!";
setTimeout (() => {textEntered.value = Copytext}, 2000)
}
});
}
// const countSen = () => {
// let text = textEntered.value;
// const count = text.split(/[.!?]/).length - 1;
// result.innerHTML = count;
// }
upperCase.addEventListener("click", upCase);
lowerCase.addEventListener("click", lowCase);
swapCase.addEventListener("click", swCase);
randomCase.addEventListener("click", rdCase);
removeExtraSpaces.addEventListener("click", rmvExtSpace);
removeExtraLines.addEventListener("click", rmvExtLines);
removeDuplicateLines.addEventListener("click", rmvDupLines);
replacebtn.addEventListener("click", replace);
ClearBtn.addEventListener("click", deleteText);
CopyBtn.addEventListener("click", CopyText);
// SentenceCount.addEventListener("click", countSen);
//]]> </script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'/>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'/>
<!-- End Please keep the Credits intact-->
</body>
</html>
Conclusion
In the competitive world of blogging, every advantage counts. The Text Tools script for Blogger/Blogspot.com is a must-have tool for bloggers who want to elevate their content creation process. With features like real-time grammar checks, keyword density analysis, and readability improvements, this script empowers you to create high-quality, SEO-friendly content effortlessly.
Copy Text Tools today and experience the difference in your blogging journey! Your audience will thank you for the polished and engaging content, and search engines will reward you with better visibility. Happy blogging!