আমার ব্লগের মতো আপনার ব্লগেও যুক্ত করুন প্রতিটি পোস্টের নীচে লেখক পরিচিতি বক্স । [ Premium CSS3 Author info box ]

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

লেখক পরিচিতি বক্স এটা খুব দরকারি একটি জিনিস প্রতিটি ব্লগ ব্যবহার কারির কাছে । কিন্তু অনেকে প্রতিটি পোস্টে ব্যবহার না করে ফুটারে ব্যবহার করে আবার অনেকে পোস্ট এর নীচে । যেমন আমি নিজেই পোস্ট এর নীচে ব্যবহার করি । সব থেকে বড় কথা এটা ব্যবহার করার ফলে ব্লগ পোস্ট দেখতে সুন্দর লাগে ।

 

• আশাকরি ডেমো দেখে বুঝেগেছেন জিনিসটি আসলে ঠিক কি । হুম আর আশাকরি আপনাদের পছন্দও হয়েছে । এটা অবশ্য হুব হু আমার মতো না তবে এটার স্টাইলও দারুন করেছে Mohammad Fazle Rabbi , যাই হোক তাহলে নীচে থেকে দেখে নিন কিভাবে এটা আপনার ব্লগে যুক্ত করবেন ।

কিভাবে আপনার ব্লগে যুক্ত করবেনঃ 

১// আপনার ব্লগার ব্লগ লগইন করুন ।

২// এবার ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।

৩// এবার উপরের ডান পাশ থেকে Backup অপশন এ ক্লিক করে আপনার টেম্পলেট এর ব্যাকআপ নিয়ে নিন । ব্যাকআপ নেবার একটাই কারন আপনি এটি অ্যাড করতে গিয়ে কোন ভুল করলে সেই ব্যাকআপ টেম্পলেট আবার অ্যাড করতে নিতে পারবেন ।

৪// এবার Edit HTML এ ক্লিক করুন । তারপর আপনার কীবোর্ড এর Ctrl+F প্রের করে নীচের কোড খুজে বের করুন ।

]]></b:skin>


৫// উপরের কোড খুজে পেলে তার ঠিক আগে বা উপরে নীচের কোড কপি করে পেস্ট করুন ।

.BSpostauthorbox {
position: relative;
margin: 5px auto;
padding: 15px;
width:auto;
min-height: 160px;
font:14px Trebuchet MS,sans-serif;
text-align:justify;
text-shadow:1px 0 0 #000000;
color:#111;
border: 2px solid #0066B3;
border-radius: 5px;
background: #cae0e4;
background: -moz-linear-gradient(top,  #cae0e4 0%, #9ad0d8 15%, #62b6c0 36%, #9ad0d8 86%, #9ad0d8 99%, #cae0e4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae0e4), color-stop(15%,#9ad0d8), color-stop(36%,#62b6c0), color-stop(86%,#9ad0d8), color-stop(99%,#9ad0d8), color-stop(100%,#cae0e4));
background: -webkit-linear-gradient(top,  #cae0e4 0%,#9ad0d8 15%,#62b6c0 36%,#9ad0d8 86%,#9ad0d8 99%,#cae0e4 100%);
background: -o-linear-gradient(top,  #cae0e4 0%,#9ad0d8 15%,#62b6c0 36%,#9ad0d8 86%,#9ad0d8 99%,#cae0e4 100%);
background: -ms-linear-gradient(top,  #cae0e4 0%,#9ad0d8 15%,#62b6c0 36%,#9ad0d8 86%,#9ad0d8 99%,#cae0e4 100%);
background: linear-gradient(to bottom,  #cae0e4 0%,#9ad0d8 15%,#62b6c0 36%,#9ad0d8 86%,#9ad0d8 99%,#cae0e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae0e4', endColorstr='#cae0e4',GradientType=0 );
border-left: 5px solid #333;
border-right: 5px solid #333;
border-top: 5px solid #333;
border-bottom: 5px solid #333;
padding: 10px 15px 10px 15px;
-webkit-box-shadow: inset -5px -9px 100px -18px #333333;
-moz-box-shadow: inset -5px -9px 100px -18px #333333;
-o-box-shadow: inset -5px -9px 100px -18px #333333;
-ms-box-shadow: inset -5px -9px 100px -18px #333333;
box-shadow: inset -5px -9px 100px -18px #333333;
-webkit-border-radius:11.5px;
-moz-border-radius:11.5px;
-o-border-radius:11.5px;
-ms-border-radius:11.5px;
border-radius:11.5px;
background-color: #000000;
color: #000000;
font-size: 14px;
-ms-border-radius:1.0em;
}
.BSpostauthoravatar {
background: #fff;
border: 1px solid #D3D3D3;
float: left;
height: 128px;
width: 128px;
padding: 5px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 5px;
-webkit-box-shadow: 0 0 4px 0 #d9d9d9;
-moz-box-shadow: 0 0 4px 0 #d9d9d9;
box-shadow: 0 0 4px 0 #d9d9d9;
}
.BSpostauthoravatar img {
height: 128px;
width: 128px;
border-radius: 5px;
opacity: 0.5;
-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;
}
.BSpostauthoravatar:hover img {
opacity: 1;
}
.BSpostauthorlabel {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim40csOJo-SPdLABosyiLBLTwaIbD9vHfdW3Otfzcz_96jEVCgxP4Mvjd3xWjWh4jEuZsEPcNRzBUJ6qSQttqGYTcbRX7IkPT932ei1SGG2x45yKf1WHL464RripoMzRFj79BeKBd6LvE/s1600/badge_admin.png") no-repeat center transparent;
display: block;
height: 30px;
position: absolute;
bottom: -30px;
width: 128px;
}
.BSpostauthorcontent {
margin-left: 160px;
}
.BSpostauthorhead {
border-bottom: 1px solid #c4c4c4;
margin-bottom: 5px;
padding: 0 0 10px 0;
position: relative;
}
.BSpostauthorbox h5 {
font-family: Trebuchet MS;
color: #302E29;
font-size: 25px;
font-weight: normal;
line-height: 30px;
margin: 0;
border: none;
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.BSpostauthorbox h5 a {
color: #302E29 !important;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.BSpostauthorbox h5 a:hover {
color: #E65002 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.BSpostauthorbox p.postAuthorbio {
line-height: 18px;
font:14px Trebuchet MS,sans-serif;
text-align:justify;
color:#111;
}
.BSpostauthorbox p a {
color: #E65002;
}
.BSpostauthorbox-footer{
padding:10px 0 10px;
font:bold 12px Trebuchet MS;
}

৬// এবার Save Template এ ক্লিক করে সেভ করে নিন । এবার দ্বিতীয় স্টেপ দেখুন ।


৭// একি ভাবে উপরের মতো করেই নীচের কোড খুজে বের করুন ।

<data:post.body/> বা  <div class='post-footer-line post-footer-line-1'>


৮// উপরের কোড ৩ থেকে ৪ বার  খুজে পেতে পারেন কিন্তু দ্বিতীয় নাম্বারে যে কোড থাকবে তার আগে বা উপরে নীচের কোড কপি করে পেস্ট করুন ।

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <div class='BSpostauthorbox'>
                      <div class='BSpostauthoravatar'>
                        <img alt='Md. Anwar Hossain' src='Author Image URL Here'/>
                        <div class='BSpostauthorlabel'/>
                      </div>
                      <div class='BSpostauthorcontent'>
                        <div class='BSpostauthorhead'>
                          <h5>
                            Posted By:
                            <a href='About Author Page URL' title='Md. Anwar Hossain'>
                              MD Aslam parvez
                            </a>
                          </h5>
                        </div>
                        <div class='postAuthorbio'>
                          আপনার সম্পর্কে কিছু লিখুন                           <b>
                            <a expr:href='data:post.url'>
                              <data:post.title/>
                            </a>
                          </b>
                        </div>
                        <div class='BSpostauthorbox-footer'>
                          <div style='float:left;text-align:left;'>
                            Join Me On:
                            <a href='http://www.twitter.com/AsobondhuAso' rel='nofollow'>
                              Twitter
                            </a>
                            |
                            <a href='https://www.facebook.com/Asobondhublog' rel='nofollow' target='_blank'>
                              Facebook
                            </a>
                            |
                            <a href='http://plus.google.com/101073711453747706715' rel='nofollow' target='_blank'>
                              Google Plus
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </b:if>

নোটঃ উপরের রঙ্গে ঘিরা লিখে মুছে আপনার Url দিন ।

• Author Image URL Here মুছে সেখানে আপনার ফটো Url দিন । 
• আপনার সম্পর্কে কিছু লিখুন এর স্থানে আপনার সম্পর্কে কিছু লিখুন । 
• Asobondhu মুছে আপনার টুইটার Url দিন । 
• Asobondhublog মুছে আপনার ফেসবুক Url দিন । 
• 101073711453747706715 মুছে আপনার গুগল+ Url দিন । 

♦ তাহলে আশাকরি বুজতে কোন সমস্যা হলনা । তাহলে কাজ শুরু করে দিন কোন সমস্যা হলে নীচের কমেন্ট বক্সে কমেন্ট করে জানাতে পারেন । আর পোস্টে কোন ভুল থাকলে অবশ্যই ভুল ধরিয়ে দেবেন । 

▬ভালো থাকবেন সুস্থ থাকবেন▬

▬আল্লাহ্‌ হাফেজ▬

সম্পূর্ণ পড়ুন

কেন ব্লগার ( Blogger ) ব্লগ ব্যবহার করবেন ? যেনেনিন ব্লগার ব্লগের দারুন সব ফ্রী সুবিধা !!

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

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

☞ ব্লগার ব্লগের বিভিন্ন সুবিধা সম্পর্কে যানার আগে আমাদের যানা দরকার ব্লগার কি এবং এর মালিককে এবং এর উৎপত্তি কথা থেকে ?

 ব্লগার কি ? এবং এর উৎপত্তি কোথা থেকেঃ 

ব্লগারের জন্ম ১৯৯৯ সালের ২৩শে অগাস্ট ওয়েব আপ্লিকেশন তৈরির কোম্পানি পায়রা ল্যাব এর হাত ধরে।পরবর্তীতে জায়ান্ট সার্চ ইঞ্জিন গুগল পায়রা ল্যাব কিনে নেয় ২০০৪ সালের ০২রা মে তারিখে এবং তারা এর ডেভেলোপমেন্ট এর কাজ শুরু করে।ব্লগার এর হোস্টিং গুগলের নিজস্ব সার্ভারে হোস্টিং এবং এর সাবডোমেন ব্লগস্পট(blogspot) নামে পরিচিত। তাহলে বুজতেই পারছি ব্লগার ব্লগের জন্ম দতা পায়রা ল্যাব এবং এর বর্তমান মালিক গুগল মামা ।

ব্লগার ব্লগে অ্যাকাউন্ট করতে কি কি দরকার হয়ঃ 

ব্লগার ব্লগ তৈরী করতে প্রথমে দরকার একটি জিমেইল অ্যাকাউন্ট । আপনার যদি আগে থেকে জিমেইল অ্যাকাউন্ট থাকে তাহলে আর কোন কোথাই নাই আর যদি না থাকে তাহলে এখান থেকে একটি অ্যাকাউন্ট খুনে নিন । তারপর ব্লগার.কম এ ক্লিক করে অ্যাকাউন্ট করে ব্লগিং শুরু করে দিন ।

◄▬▬▬▬▬▬▬▬▬▬►

☞ আশাকরি উপর থেকে ব্লগার সম্পর্কে কিছুটা ধারনা পেলাম এবার দেখা যাক এর ফ্রী সুবিধা এবং ব্লগার ব্যবহার করার কারনঃ

একটি অ্যাকাউন্টে মোট ব্লগের সংখ্যাঃ

আপনি একটি ব্লগার অ্যাকাউন্ট দিয়ে ভিন্ন নাম দিয়ে অনেক ব্লগ করতে পারেন । আমার যানা মতে প্রায় ১০০ টি মতো ব্লগ করতে পারবেন । কি অবাক হছেন অবাক হবার কিছুই নেই আরও তো বাকিই আছে ।

 একটি ব্লগে পোস্ট এর সংখ্যাঃ 

একটি ব্লগে পোস্ট করার বিষয়ে কোন লিমিট নেই আপনি যতো ইছে পোস্ট করতে পারেন । এক কথাই উনলিমিটেড পোস্ট করত পারেন । এ ক্ষেত্রে ব্লগার আপনার পস্র ডিলিট করবে না । তবে আপনি ইছে করলে পোস্ট ডিলিট করতে পারে । হা হা ।

 মোট কমেন্ট সংখ্যাঃ

কমেন্টের ব্যাপারেও গুগল মামার কোন কৃপনাতা নেই । আপনার ব্লগে যতো খুশি কমেন্ট পোস্ট করতে পারে । পুরনো কোন কমেন্ট ডিলিট হবে না ।

একটি পোস্ট এর মূল সাইজঃ

এখানেও ব্লগার আপনার পথের কাটা হবেনা আপনি যতো খুশি বড় পোস্ট করতে পারেন । তবে অবশ্যই আপনি আপনার প্রয়জন অনুযায়ী পোস্ট করবেন কারন বেশি বড় পোস্ট দেখে যেন ভিজিটর ঘাবড়ে না যাই । তাই দরকার ছাড়া অহেতুক পোস্টকে বড় না করাই ভালো ।

 প্রতিটি পেজ এর সাইজঃ

হুম এখানে অবশ্য ব্লগার একটি লিমিট বেধে দিয়েছে । প্রতিটি পেজের জন্য আপনাকে ১ MB করে দিয়েছে । আমার মনে হয় যথেস্ট দিয়েছে কি বলেন ।

 ফটো সাইজঃ 

আপনি চাইলে ১ GB ফটো Upload করতে পারবেন তবে এক্ষেত্রে শর্ত হিসাবে গুগল প্লাস অথাবা পিকাসার সাথে যুক্ত থাকতে হবে ।

 মোট লেখক সংখ্যাঃ

আপনি আপনার একটি ব্লগে মোট ১০০ জন মতো অতিথি লেখক যুক্ত করতে পারেন । এবাং তারা সবাই আপনার ব্লগে ইছে করলে লিখতে পারবে । তবে এক্ষেত্রে ব্লগার একটু কৃপণতা করেছে । যাই হোক আশাকরি আসাতে আসতে তারা তাদের এই কৃপণতা সারিয়ে নিবে ।

 ব্লগ ডিস্ক্রিপশনে মোট ওয়ার্ড এর সংখ্যাঃ 

আপনি ইছে করলে আপনার ব্লগে ডিস্ক্রিপশন দিতে পারেন এটা অবশ্য আপনি সেটিংস্‌ এ পেয়ে যাবে । যাই হোক আপনি ব্লগ ডিস্ক্রিপশন দেবার জন্য সর্ব মোট ৫০০ শব্দ ব্যবহার করতে পারবেন তার বেশি না । যদি আপনি ৫০০ এর বেশি শব্দ ব্যবহার করেন তাহলে সেটা প্রদর্শন নাও হতে পারে ।

 লেবেল/বিভাগ/ট্যাগ এর মোট সংখ্যাঃ 

লেবেল বা বিভাগ বা ট্যাগ বাপরে বাপ । আপনি মোট ২০০০ লেবেল বা বিভাগ বা ট্যাগ যুক্ত করতে পারবেন । তবে প্রতিটি পোস্টের ক্ষেত্রে সিমাবধ্যতা আছে প্রতি পোস্টে সর্ব মোট ২০ টি মতো যুক্ত পারবেন তার কিছু বেশিও হতে পারে ।

 ইনাকাম এর সুবিধাঃ

ব্লগার যেহেতু গুগল মামার আর গুগল অ্যাডসেন্স যেহেতু গুগল মামার তাই ব্লগার ব্লগে হাল্কা পাতলা ভিজিটর ও সামান্য কিছু পোস্ট থেকেও  গুগল অ্যাডসেন্স এ অ্যাপ্লাই করা যাই এবং তারা খুব তাড়াতাড়ি আপ্রুভ ও করে । যেটে অন্য ফ্রী ব্লগ যেমন ওয়ার্ডপ্রেস ব্লগে সম্ভব না । তাহলে আপনি ব্লগার ব্লগে ফ্রী ব্লগ করে ভালো টাকাও উপার্জন করতে পারবেন তবে বাংলা ব্লগিং করে এটা এখুন পারবেন না ।

 ব্লগার ব্লগের পেজ লোডিং স্পীডঃ 

আমার যানামতে ব্লগার ব্লগের বিভিন্ন সুবিধার মধ্যে এর পেজ লোডিং সুবিধাটি অন্যতম । কারন বিভিন্ন ফ্রী ব্লগ এর চেয়ে এর লেজ বেশি দ্রুত গতিতে লোড হয় ।



☞ তাহলে এতো কিছু সুবিধা ব্লগার ব্লগ দিছে সম্পূর্ণ ফ্রী কোন রকম খরচা ছাড়া । যেটে ইন্টারনেট জগতে আর কোন প্লাটফর্ম দিছেনা ।


☞ আমার যানা বিষয় গুলো শেয়ার করলাম আমার জানার মধ্যে ভুল থাকতে পারে । যদি কোন ভাল থাকে অবশ্যই আমাকে সেই ভুল ধিরিয়ে দেবেন অবশ্যই প্রমান সহ । যাই হোক আমার এই পোস্ট আপনার ভালো লাগলে অবশ্যই বন্ধুদের সাথে শেয়ার করবেন । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।

সূত্র: এসো বন্ধু

সম্পূর্ণ পড়ুন