আপনার ব্লগে হোম পেজে কি ভাবে বাংলায় লেখক পরিচিতি বক্স যোগ করবেন ।

বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস । কি আপনার ব্লগে হোম পেজে কি ভাবে খুব সহজে বাংলায় লেখক পরিচিতি বক্স যোগ করবেন । প্রায় ব্লগেই এটি দেখা যায়।এর মাধ্যমে লেখকের পরিচিতি তুলে ধরতে পারবেন।

লেখক

Founder & Author: Hello, Friends. আমি নলিন। তোমারি জন্য ব্লগে থেকে আপনাদের স্বাগতম। এখন হতে এই ব্লগে আমাকে নিয়মিত পাবেন। এখানে আমি আমার জানা কিছু টিপস আর পাওয়া কিছু অভিজ্ঞতাগুলো আপনাদের সাথে শেয়ার করব। নিয়মিত এই ব্লগে যোগদিন এবং অন্যদের বলুন এই ব্লগে যোগ দিতে।........বিস্তারিত

উপরের ডেমো দেখে আশাকরি বিসয়টি আপনার কাছে পরিষ্কার হয়েছে । এবার কিভাবে আপনার ব্লগে যুক্ত করবেন নিচের স্টেপ দেখুন !



১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন ।

২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন ..





৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন ।

<h3 class="title">লেখক</h3>
<div class="widget-content">
<!--[if !IE]> -->
<style>
}
#bbc:hover
 {
border:2px solid #ccc;
cursor:pointer;
}
.opacity
{
opacity: 0.5;
margin-right: 50px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.opacity:hover
{
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style>
   <!--[endif]---->

<style>
#bbc
{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profileAditya:hover
 {
border:2px solid #ccc;
cursor:pointer;
}
.opacity:hover
 {
opacity: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style>
<img class="opacity" id="bbc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXIeRUKr2U83Rvf8T1LHj4XeMSvqMjf77oOg41FQTsHRJEooX3LvLGaFHWqdNLuNw0ShnQyzAftqzVq793QrTSK8C0pfEkMy4criBRj4V991ysUhgVFZ03RkZnFM8kZF36MNh16RpaGrv/s1600/blogger+tilt+image.png" width="100" />
<div style="font-family: Arial Tahoma Verdana; font-size: 14px; text-align: justify; margin-top:-110px; padding-left:120px;">
<b>Founder & Author:</b> Hello, Friends. আমি নলিন। তোমারি জন্য ব্লগে থেকে আপনাদের স্বাগতম। এখন হতে এই ব্লগে আমাকে নিয়মিত পাবেন। এখানে আমি আমার জানা কিছু টিপস আর পাওয়া কিছু অভিজ্ঞতাগুলো আপনাদের সাথে শেয়ার করব। নিয়মিত এই ব্লগে যোগদিন এবং অন্যদের বলুন এই ব্লগে যোগ দিতে।.....<a style="color:#5634;" href="http://tomarijonno.blogspot.in/" target="_blank">...বিস্তারিত</a><!--![endif]---->
</div>

৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন ।

নোটঃ   উপরে  রঙ্গে ঘিরা অংশ কিছু পরিবর্তন করেনিন । লাল কালার এর জায়গায় আপনার ছবির লিঙ্ক দিন। নীল কালার এর জায়গায় আপনার নিয়ে লিখুন।অরেঞ্জ কালার এর জায়গায় আপনার নিজের ইচ্ছা মতো লিঙ্ক দিন আর হলুদ কালার এর জায়গায় আপনার নাম দিন । 

আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং কোন আসুবিধা হলে কমেন্ট করবেন আমি সাহায্য করার চেষ্টা করবো ।


তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ থাকবেন  ধন্যবাদ।