ব্লগার দিয়ে ফ্রিতে Word Counter tool ওয়েবসাইট তৈরি করার উপায়

Word Counter tool এমন একটি ওয়েবসাইট যার মাধ্যমে একটি বাক্যে অথবা অনুচ্ছেদে কতটি শব্দ আছে তা খুব সহজে গণনা করা যায় । আপনি যদি Word Counter tool ওয়েবসাইটটি ফ্রিতে ব্লগার দিয়ে তৈরী চান তাহলে আজকের পোস্টটি শুধুমাত্র আপনার জন্য ।

তাই যদি আপনি একটি বিনামূল্যে ওয়েবসাইট তৈরি করে আনলাইন থেকে টাকা আয় করতে চান তাহলে ব্লগার দিয়ে ফ্রি Word Counter tool ওয়েবসাইট তৈরি করতে পারেন। এই website এ এডসেন্স এড বা অন্যন্য এড নেটওয়াকের এড ব্যবহার করে মাসে ভালো পরিমান টাকা অনলাইন থেকে আয় করতে পারেন। তাহলে চলুন দেখি আসি কিভাবে Word Counter tool ওয়েবসাইট তৈরি করতে হয় Blogger দিয়ে। 

ওয়েবসাইট তৈরি করার নিয়ম:

১) প্রথমে আপনি Blogger এর Dashboard এ চলে আসুন। 

২) তারপর Theme Section এ ক্লিক করুন। 

৩) এখন Switch to first-generation classic theme এ ক্লিক করে তারপর সুইটস Without a Backup এ ক্লিক করুন। 

৪) তারপর Edit HTML ক্লিক করে নিচের দেওয়া সবটুকু কোড পেষ্ট করে দিন। 

নিচে Word Counter tool Script for Blogger ডাউনলোড করার জন্য সম্পূর্ণ কোডটি দেওয়া হলো। Word Counter tool তৈরি করার জন্য থিম সেকশনে কোডটি পেষ্ট করে সেভ করলেই ওয়েবসাইট তৈরী হয়ে যাবে। 

HTML

<style>

.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>

আর এভাবে খুব সহজে আপনি একটি Word Counter tool ওয়েবসাইট তৈরি করে নিতে পারবেন Blogger দিয়ে। ব্লগিং সম্পর্কে নিত্য নতুন টিপস ও ট্রিকস জানতে আমাদের সাথে থাকুন।