আসসালামুয়ালাইকুম। কেমন আছেন সবাই? আশা করি সবাই ভাল আছেন।
কিভাবে ওয়ার্ডপ্রেস বা ব্লগার ওয়েবসাইটে ওয়ার্ড ও ক্যারেক্টার কাউন্টার স্ক্রিপ্ট ইনস্টল করবেন?
আপনি কি এমন একটি ব্লগার স্ক্রিপ্ট খুঁজছেন? আপনি কি আপনার ব্লগস্পট ওয়েবসাইটে একটি ওয়ার্ড কাউন্টার স্ক্রিপ্ট কিভাবে ইনস্টল করবেন তা জানতে চান?
উত্তর যদি হ্যাঁ হয় তাহলে আপনি ঠিক স্থানেই এসেছেন। কারণ আজ এই আর্টটিকেলে, আমরা আপনাদের সাথে একটা সুন্দর Word ও Character Count Script সম্পূর্ণ ফ্রিতে শেয়ার করব।
তো চলুন দেখে নিই আপনার ব্লগার সাইটে কিভাবে Character Counter পেজ তৈরি করবেন।
স্ক্রিপ্টটি আপনার সাইটে ইনস্টল করার আগে একবার ডেমোটি দেখে নিন।
Character Counter টুল Page Add করতে করে নীচের Step অনুসরণ করুন:
ধাপ 1: প্রথমে আপনার ব্লগার ড্যাশবোর্ডে লগ ইন করুন।
ধাপ 2: বাম মেনু থেকে "Page" অপশন সিলেক্ট করুন এবং ব্লগারে একটি স্ট্যাটিক পেজ তৈরি করতে "+ New Page" এ ক্লিক করুন।
ধাপ 3: New Page এ কম্পোজ ভিউ থেকে HTML ভিউতে স্যুইচ করুন।
ধাপ 4: এখন নীচের কোডটি কপি করুন এবং এটি New Page এ পেস্ট করে দিন।
.arpContainer textarea {
border: 5px ridge #F70000;
}
/* GENERAL STYLES */
.hide {
display: none;
}
/*PEN STYLES*/
.arpContainer textarea {
border-color: #39558C;
border: 2px ridge navy;
}
.arpContainer span, .arpContainer p,
.arpContainer ol {
color: #ddd;
font-size: 15px;
}
.arpContainer {
background: #fff;
font-size: 18px;
max-width: 100%;
padding: 20px;
margin: 50px auto;
box-shadow: 0 5px 3px -2px rgba(126, 143, 190);
box-shadow:#f3f3f3;
overflow: hidden;
color:navy;
}.arpContainer label {
font-family: "Roboto";
border-bottom: 10px groove #ddd;
display: block;
padding-bottom: 10px;
}
.arpContainer p > span {
font-weight: bold;
color:#000;
}
.arpContainer p,
.arpContainer ol {
line-height: 1.2em;
margin: 5px 0;
}
.arpContainer textarea {
font-size: initial;
width: 100%;
padding: 10px;
box-sizing: border-box;
margin: 10px auto 5px;
}
.calculator_area{
font-size: 24px;
max-width: 100%;
padding: 30px;
margin: 50px auto;
box-shadow: 10 5px 3px -2px rgba(243, 212, 0);
box-shadow: #f3f3f3;
overflow: hidden;
color: #323232;
}
.calculator_stat_item{
width: calc((98% - 50px) / 3);
float: left;
margin: 0 0 20px 10px;
background: #f1f1f1;
padding: 2px;
border-radius: 0px;
border:2px ridge navy;
box-shadow: 0 10px 20px rgba(243, 212, 0), 0 6px 6px rgba(243, 212, 0);
display: block;
text-align: center;
position: relative;
}
</style>
<div class="container">
<div class="arpContainer">
<textarea cols="80" id="text" name="textCount" rows="20"></textarea>
</div>
<div class="calculator_area">
<div class="calculator_stat">
<div class="calculator_stat_item">
<span>Character Count</span>
<p id="all_count">0</p>
</div>
<div class="calculator_stat_item">
<span>Word Count</span>
<p id="words_count">0</p>
</div>
<div class="calculator_stat_item">
<span>Without White Spaces</span>
<p id="characters_count">500 000</p>
</div>
</div>
</div>
</div>
<br />
<script src="https://raw.githack.com/IamArpain/free-blogger-scripts/IamArpain-start-1/scripts/word-and-character-counter-script.js"></script>
<!-- Dont't remove or edit below code otherwise your script did't work -->
<br /></div><a href="https://www.emexee.com" rel="nofollow" target="_blank">*</a><a href="https://www.xoominternet.com" rel="nofollow" target="_blank">*</a><a href="https://www.codeoreo.com" rel="nofollow" target="_blank">*</a><a href="https://www.best10data.com" rel="nofollow" target="_blank">*</a></div>
ধাপ 5: টাইটেলে "Character Count Tool" Title দিয়ে দিন।
ধাপ 6: তারপর পেজটি পাবলিশ করে দিন।
ব্যাস আপনার Word Counter পেজ তৈরি। পেজটি ভিউ করে দেখুন আপনার ক্যারেক্টার কাউন্টার পেজটি পারফেক্ট ভাবে তৈরি হয়ে গেছে।
এভাবেই আপনার ব্লগার ওয়েবসাইটে খুব সুন্দর একটা ওয়ার্ড ও ক্যারেক্টার কাউন্টার টুল ইনস্টল করে নিতে পারবেন। এর পরও কোন সমস্যা হলে আমাকে কমেন্ট করে জানাতে ভুলবেন না। তো আজ এই পর্যন্তই। আবার নতুন কোন টুল নিয়ে আপনাদের সামনে হাজির হবো খুব শীঘ্রই।
ততক্ষণ পর্যন্ত সবাই ভাল থাকুন সুস্থ থাকুন।
আল্লাহ হাফেজ ।