সদ্যপ্রাপ্ত
আসিতেছে...

Wednesday, December 25, 2013

ব্লগারে গুগল প্লাস কমেন্ট বক্স যোগ করবেন কিভাবে

গুগল সবসময় নতুন কিছু দেয়ার চেষ্টা করে।আর আমিও আপনাদেরকে নতুন কিছু এবং ভালো ভাবে জানানোর চেষ্টা করি।এর আগে আমি ফেসবুক কমেন্ট বক্স কিভাবে যোগ করা যায় সেটা দেখিয়েছিলাম।আমার কাছে ফেসবুক কমেন্ট বক্স সবচেয়ে ভালো লাগে তারপর ভালো লাগে গুগল প্লাস কমেন্ট বক্স।আজ দেখাব কিভাবে গুগল প্লাস কমেন্ট বক্স যোগ করবেন।গুগল প্লাস বা ফেসবুক কমেন্ট/মন্তব্য বক্স যোগ করলে অনেক সুবিধা পাওয়া যায়google plus comment,google plus,comment,google,গুগল প্লাস,গুগল প্লাস কমেন্ট ,কমেন্ট,কমেন্ট সিস্টেম যোগ করা,ব্লগার টিপস 
যেমন
১।বাজে কমেন্ট/মন্তব্য করতে পারে না।
২।আপনার সাইটের অনেকটা সার্চ ইজ্ঞিন অপটিমাইজেশন হয়ে যাবে।
৩।সাইটের পরিচিতি বেড়ে যাবে।
৪।সকল কমেন্টকে/মন্তব্যকে একসাথে ম্যানেজ করতে পারবেন।
কিভাবে যোগ করবেনঃ
গুগল প্লাস কমেন্ট যোগ করার জন্য আপনাকে প্রথমে দেখতে হবে আপনার ব্লগটিতে গুগল প্লাস সংযোগ আছে কি না।
প্রথমে আপনার ব্লগে প্রবেশ করুন।
এবার Google+ ট্যাবে ক্লিক করুন।
google plus comment,google plus,comment,google,গুগল প্লাস,গুগল প্লাস কমেন্ট ,কমেন্ট,কমেন্ট সিস্টেম যোগ করা,ব্লগার টিপস

যদি গুগল প্লাসের সাথে সংযোগ না থাকেঃ
যদি গুগল প্লাসের সাথে সংযোগ না থাকে তবে নিচের ছবির মত দেখা যাবে।
google plus comment,google plus,comment,google,গুগল প্লাস,গুগল প্লাস কমেন্ট ,কমেন্ট,কমেন্ট সিস্টেম যোগ করা,ব্লগার টিপস

এখন Get Started এ ক্লিক করতে হবে।নিচের পেজটি আসবে।

পলিসিতে টিক দেন তারপর Switch Now এ ক্লিক করুন।এবার আরেকটি পেজ আসবে সেখানে ADD BLOGS অথবা SKIP এ ক্লিক করুন।ব্যস আপনার ব্লগের সাথে গুগল প্লাস সংযোগ দেয়া হলো।

এবার কমেন্ট সেটাপ দেয়ার পালাঃ
প্রথমে Google+ এ ট্যাবে যান।এখন Use Google+ Comments on this blog এ টিক দিন।


google plus comment,google plus,comment,google,গুগল প্লাস,গুগল প্লাস কমেন্ট ,কমেন্ট,কমেন্ট সিস্টেম যোগ করা,ব্লগার টিপস

ব্যস এবার গুগল প্লাস কমেন্ট সিস্টেম আপানার ব্লগে চালু হয়ে গেছে।ব্লগের কোন পোস্টে যেয়ে দেখুন, আশা করি হয়েছে।

লিখেছেন AdminDecember 25, 2013

ব্লগারের এরর পেজের শিরোনাম পরিবর্তন করবেন কিভাবে

এরর পেজ সব সময় খুব ভালো ভাবে তৈরি করতে হয়।কারন কেউ যদি কিছু খোজ করে না পায় তবে এমনিতে বিরক্ত লাগে তারপর যদি পেজ টা খারাপ লাগে তাহলে আরো বিরক্তি লাগে। সেক্ষেত্রে এরর পেজটা যদি একটু ভালো হয় মানে ভিজিটর দেখে যাতে বিরক্তি বোধ না করে ঠিক সেভাবে ডিজাইন করতে হবে।এর আগে আমি দেখিয়েছিলাম কিভাবে এরর পেজকে অন্য পেজে পাঠিয়ে দেবেন।আজ দেখাব কিভাবে এরর পেজের টাইটেল পরিবর্তন করবেন।এরর পেজ আসলে সাধারনত পেজের টাইটেল আসে।এরর পেজের জন্য আলাদা কোন টাইটেল আসে না।
দেখুন নিচে ঊদাহরন দেয়া হলো।

এরর পেজ,error page,error page title tag,এরর পেজ টাইটেল ট্যাগ
কিভাবে পরিবর্তন করবেনঃ
প্রথমে আপনার ব্লগে প্রবেশ করুন।
Template এ ক্লিক করুন।এবার টেমপ্লেট কে আগে ব্যাকআপ রাখুন
Edit HTML এ ক্লিক করুন।

ডিফল্ট টেমপ্লেটের জন্য নিচের কোডটুকু খুজুন।
<title><data:blog.pageTitle/></title>

আর যদি কাস্টম টেমপ্লেট হয় তবে নিচের কোডটুকু খুজুন।
<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

উপরের কোডগুলো সাধারনত skin ট্যাগের উপরে থাকে বা টেমপ্লেটের প্রথম দিকে থাকে।
কোডগুলো খুজে পেলে নিচের কোড দ্বারা পরিবর্তন করুন।
<title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/> | <data:blog.title/>
          <b:else/>
          Page Not Found | <data:blog.title/>
        </b:if>
      </b:if>
</title>

 এবার Page Not Found লেখাকে আপনার নিজের মত পরিবর্তন করে নিতে পারেন।
পরিবর্তন করা হলে সেভ করুন আবার আপনার ৪০৪ পেজে যেয়ে দেখুন।আশা করি সব ঠিক থাকলে সফল ভাবে আপনি পেরেছেন।ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন।

লিখেছেন AdminDecember 25, 2013

Tuesday, December 24, 2013

ব্লগারের টেমপ্লেটকে ব্যাকআপ রাখবেন কিভাবে (ভিডিও সহ)

ব্লগারকে নতুন ভাবে সাজাতে আমরা প্রায়ই টেমপ্লেট এডিট করে থাকি।তাছাড়া নতুন কোন বৈশিষ্ট্য যোগ করার জন্য ও টেমপ্লেট এডিট করে থাকি।এই এডিট করার সময় যদি কোন কারনে ভুল হয়ে থাকে তাহলে সাইটের ডিজাইন এলোমেলো দেখা যেতে পারে বা এডিট করার পর ও যদি কোন কাজ না হয় সেক্ষেত্রে আবার নতুন করে সব ঠিক করতে হয়।যেটা আসলে অনেক সময় অপচয় করায়।আর এই কারনে যখন টেমপ্লেট এডিট করা হয় তার আগে টেমপ্লেট ব্যাকআপ রাখা হয় যাতে করে কোন প্রকার ভুল হলে খুব সহজে আবার পূর্বের জায়গায় ফিরে যেতে পারি।টেমপ্লেট ব্যাকআপ রাখলে আপনার অনেক সময় বাচবে।
কিভাবে টেমপ্লেট ব্যাকআপ রাখবেনঃ
যখন টেমপ্লেট এডিট করার দরকার হবে তখন এডিট করার আগে টেমপ্লেট ব্যাকআপ রাখবেন।ব্যাকআপ রাখতে....
প্রথেমে আপনার ব্লগে লগিন করুন।
তারপর Template এ ক্লিক করুন।
এবার ডানপাশের উপরে দেখুন Backup/Restore লেখা আছে এখানে ক্লিক করুন।
ব্যাকআপ,টেমপ্লেট ব্যাকআপ রাখা,ব্লগের টেমপ্লেট ব্যাকআপ,backup,template backup,blogger template backup
একটা পপআপ বার আসবে।
ব্যাকআপ,টেমপ্লেট ব্যাকআপ রাখা,ব্লগের টেমপ্লেট ব্যাকআপ,backup,template backup,blogger template backup

এবার Download full templates এ ক্লিক করুন।এখানে Save Template টি সিলেক্ট করে ok করুন।এবার আপনার টেমপ্লেটটি ব্যাকআপ রাখা হয়েছে।

পূর্বের জায়গায় ফিরে যাবেন কিভাবেঃ
আপনি এডিট করার পর যদি কোন সমস্যা হয় বা আপনি নিজে আগের অবস্হায় ফিরে যেতে চান তাহলে আপনাকে যা করতে হবে।এজন্য
Template>backup/Restore এবার ব্রাউজ করে আগে যে টেমপ্লেটটি ব্যাকআপ রাখা হলো সেটা সিলেক্ট করে ওপেন করেন তারপর আপলোড এ ক্লিক করুন।একটু সময় লাগবে আপলোড হতে ব্যস এবার আগের জায়গায় ফিরে গেলেন।বুঝতে সমস্যা হলে নিচে ভিডিও দেয়া আছে দেখে নিতে পারেন।



ভালো লাগলে শেয়ার করতে ভুলবেন না।কোন সমস্যা হলে মন্তব্য করবেন।

লিখেছেন AdminDecember 24, 2013

Saturday, December 21, 2013

স্কাইপ অ্যাকাউন্ট প্রিমিয়াম করবেন কিভাবে

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

প্রিমিয়াম হলে সুবিধা কি? 

আসলে এটা একটা প্রশ্ন প্রিমিয়াম কেন করেবন?স্কাইপ অ্যাকাউন্ট প্রিমিয়াম হলে বেশ কিছু বাড়তি সুবিধা পাওয়া যায়।সেগুলো হলোঃ
  • ফ্রী গ্রুপ ভিডিও কল করা যাবে।
  • একসাথে অনেকের কাছে ছবি পাঠানো যাবে।
  • আপনাকে ওরা কোন বিজ্ঞাপন দেবে না।
  • আপনার যেকোন অসুবিধায় তাদের সাথে সরাসরি কথা বলতে পারবেন।
  • মিস কল আলার্ট চালু করতে পারবেন।
তাছাড়া আরো কিছু সুবিধা আছে কিন্তু সেগুলো আমাদের দেশে হবে না। আরো বিস্তারিত জানার জন্য http://www.skype.com/en/premium/ এখানে যান।

কিভাবে প্রিমিয়াম মেম্বার হবেনঃ 
প্রিমিয়াম মেম্বার হবার জন্য প্রথমে https://collaboration.skype.com/promotion/ এখানে যান।
skype,free call,skype premium,premium skype account

ফাঁকা বক্সে আপনার ইমেইল দিন তারপর সেন্ড বাটনে ক্লিক করুন।
এবার আপনার ইমেইল এ দেখুন একটা মেইল গেছে যদি না যায় একটু দেরি করেন তবে আশা রেখেন অবশ্যই যাবে।ইমেইল টি ওপেন করুন।


এবার উপরের লিঙ্ক এ যান বা Redeem এ ক্লিক করুন।তারপর আপনার স্কাইপ এ লগিন করে ভাউচার কোড গুলো(কালো বক্সের মধ্যে যে কোডগুলো আছে) পেস্ট করুন তারপর Redeem এ ক্লিক করুন।ব্যস এবার আপনাকে ১৫ মিনিট দেরি করতে বলবে।তারপর দেখুন আপনার স্কাইপ প্রিমিয়াম হয়ে গেছে।

skype,free call,skype premium,premium skype account

প্রিমিয়াম হলে আপনার ইমেইলে একটা মেইল যাবে।উপরের মত।তারপর উপভোগ করুন প্রিমিয়াম স্কাইপ অ্যাকাউন্ট।
skype,free call,skype premium,premium skype account

লিখেছেন AdminDecember 21, 2013

Thursday, December 19, 2013

ব্লগারের জন্য আলাদা প্রোফাইল করবেন কিভাবে

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

ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks

গুগল তার ব্লগার ব্যবহারকারীর জন্য সব ধরনের সুবিধা দেয়ার চেষ্টা করে।আমি দেখাব কিভাবে এটি করবেন।
কিভাবে আলাদা প্রোফাইল করবেনঃ
আলাদা প্রোফাইল সেট করার জন্য প্রথমে দেখতে ব্লগারে গুগল প্রোফাইল সেট করা কি না?সেট করা আছে কিনা পরীক্ষা করার জন্য http://www.blogger.com/edit-profile.g এখানে যান।এবার এখানে যদি You are using your Google profile on Blogger এই লেখা টি থাকে তাহলে বুঝবেন গুগল প্লাস প্রোফাইল ব্লগে সেট করা আছে।

এবার ব্লগের ড্যাশবোর্ড এ যান ডান পাশের সেটিং আইকনে ক্লিক করেন।
ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks

 Revert to Blogger profile এ ক্লিক করুন।আলাদা একটা পেজ আসবে।

ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks

Switch to a limited Blogger profile এ ক্লিক করুন।

ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks

Display Name এর জায়গায় নাম দিন।তারপর Continue to Blogger এ ক্লিক করুন।
এবার আপনার ব্লগের জন্য আলাদা প্রোফাইল সেট হয়ে গেল এখন প্রোফাইল এডিট করার জন্য http://www.blogger.com/edit-profile.g এখানে যান।

ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks
এবার Select blogs to display তে ক্লিক করুন।

ব্লগার প্রোফাইল,প্রোফাইল,blogger profile,blogger,blogger tips,blogger ticks

এখান থেকে সিলেক্ট করুন কোন কোন ব্লগে এই প্রোফাইল দেখা যাবে।তারপর Save Settings  এ ক্লিক করুন।তারপর Back to edit profile এ ক্লিক করুন এবার আপনার নিজের মত সব এডিট করুন।সব এডিট করা হলে সেভ করুন।ব্যস আপনার কাজ হয়ে গেছে।এখন থেকে এই প্রোফাইল দেখা যাবে।

আশা করি আপনার কাজে লাগবে।ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন।

লিখেছেন AdminDecember 19, 2013

Tuesday, December 17, 2013

ব্লগের গ্যাজেট অন্য কেউ দেখতে পারবেনা কিভাবে সেটি করবেন

কিছু কিছু সময় আমরা চাই যে কোন একটি গ্যাজেট কে শুধু আমরাই(এডমিনরা) দেখবো।কিন্তু সেটা
করা হয় না কিছু সমস্যার কারনে বা কোডিং না জানার কারনে।আর তাই আমি দেখাব কিভাবে কোন একটি গ্যাজেটকে কিভাবে শুধুমাত্র নিজের দেখার মত করবেন।এটা করলে আপনিই শুধু সেই গ্যাজেটটি দেখতে পারবেন, ব্লগের ভিজিটররা সেটা দেখতে পারবেনা।আপনি লগিন করা থাকলে শুধু দেখতে পারবেন।
কিভাবে করবেনঃ 
আপনার ব্লগের লগিন করে Template>Edit Html এ যান।আপনি যে গ্যাজেটটি অন্যদের দেখাতে চান না সেটার নাম দিয়ে খোজ করেন।
এবার পেলে নিচের কোডের মত করে লাল কালারের কোড টুকু বসিয়ে দিন।

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<span class='item-control blog-admin'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</span>
</b:includable>
</b:widget>

এখানে অনেক কম লেখা আছে যাই হোক একটা গ্যাজেটে অনেক কোডিং থাকে আমি শুধু আসল টুকু দিয়েছি।আপনার কাজ হলো <b:includable id='main'> এর পরে <span class='item-control blog-admin'> এই কোড টুকু বসিয়ে দেয়া তারপর </b:includable> এই কোডের আগে </span> ট্যাগ দিয়ে শেষ করা।এবার সেভ করতে পারেন।
এবার আপনি আপনার ব্লগে ভিসিট করেন তাহলে দেখবেন অবশ্যই সেই গ্যাজেটটি দেখা যাচ্ছে না।তবে অবশ্যই লগ আউট থাকতে হবে অথবা অন্য কোন ব্রাউজার এ ওপেন করে দেখেন।

আশা করি কোন সমস্যা হবে না।কমেন্ট করতে ভুলবেন না।

লিখেছেন AdminDecember 17, 2013

Sunday, December 15, 2013

ছবি সহকারে রিলেটেড পোস্ট যোগ করুন By LinkWithin

রিলেটেড পোস্ট,related posts,related articleএকজন ভিজিটর যদি আপনার ব্লগে আসার সাথে সাথে চলে যায় তাহলে আপনার ব্লগ রাঙ্কিং এ নিচে নেমে যাবে।তাই ব্লগে যখনি কেউ আসবে আপনি চেষ্টা করবেন সে যেন আপনার ব্লগে কিছু সময় দেয়।যেন তাকে ব্যস্ত রাখা যায়।আর একটি লেখা পড়ার সাথে সাথে সে যেন এমন আরেকটি লেখা খুজে পায় তার চেষ্টা করতে হবে।আর এর জন্য রিলেটেড পোস্ট গ্যাজেট খুব কাজে লাগে।এটার মাধ্যমে ভিজিটর একই ধরনের আরো অনেক লেখা পাবে।সেখান থেকে সে আগ্রহ বোধ করলে আরো লেখা পড়বে এবং আপনার ব্লগে কিছুটা সময় কাজে লাগাবে।আমি যেটি দেব এটার মাধ্যমে ছবি ও সাথে কিছুটা লেখা দেখা যাবে।এটা Linkwithin এর তৈরি করা।
কি কি আছে? 
  1. এটাতে রিলেটেড পোস্ট দেখা যাবে ছবি সহকারে।
  2. অটো পোস্টের নিচে রিলেটেড পোস্ট দেখা যাবে।
  3. ব্লগের পেজ ভিউ বাড়বে।
  4. এটা বিনামূল্যে পাওয়া যায়।
  5. সহজে যোগ করা যাবে।
কিভাবে যোগ করবেনঃ
এটা যোগ করার জন্য প্রথমে Linkwithin এ যান।
এবার নিচের ছবিটা ফলো করেন।

রিলেটেড পোস্ট,related posts,related article

ইমেইল,ব্লগের অ্যাড্রেস দেন।তারপর প্লাটফর্ম থেকে ব্লগার সিলেক্ট করুন,Width এ যে কয়টি রিলেটেড পোস্ট দেখাতে চান সে সংখ্যাটি নির্বাচন করুন।
এবার Get Widget এ ক্লিক করুন।

রিলেটেড পোস্ট,related posts,related article

তারপর Install Widget এ ক্লিক করুন।এবার আরেকটি আলাদা পেজ আসবে।

রিলেটেড পোস্ট,related posts,related article

এখানে কোন ব্লগে এটি সেটাপ করবেন সেটা নির্বাচন করুন,টাইটেল দেন।তারপর Add Widget এ ক্লিক করুন।
ব্যস এবার আপনার ব্লগে সফল ভাবে রিলেটেড পোস্ট যোগ করা হয়েছে।ব্লগে যেয়ে দেখুন সেখানে এটা সুন্দর ভাবে বসে গেছে।

লিখেছেন AdminDecember 15, 2013

Friday, December 13, 2013

ব্লগারে ফেসবুক কমেন্ট বক্স যোগ করবেন কিভাবে

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

কিভাবে যোগ করবেনঃ 
১। প্রথমে আপনার ব্লগে যান তারপর Dashboard>Settings>Posts And Comments>
এবার Comment Location এ Hide সিলেক্ট করুন তারপর Save Settings এ ক্লিক করে সেভ করুন।


২। এবার ফেসবুক অ্যাপ তৈরি করার পালা https://developers.facebook.com/apps এই লিঙ্কে যান।তারপর Create New App এ ক্লিক করুন।


এবার নাম দিন তারপর Continue এ ক্লিক করুন।


এবার সিকিউরিটি কোডগুলো দেন তারপর Submit এ ক্লিক করুন।

এবার App ID টি সিলেক্ট করুন।তারপর আপনার ব্লগে লগিন করে Template>Edit HTML এ ক্লিক করুন।
ট্যাগের নিচে নিচের কোডটুকু পেস্ট করুন।এবার <head> এর নিচে নিচের কোডটুকু বসিয়ে দিন।
<meta content='YOUR_FACEBOOK_APPLICATION_ID'   property='fb:app_id'/>

এবার Your_Facebook_APPLICATION_ID এর জায়গায় আপনার ফেসবুক অ্যাপ আইডি টি দিন।

এবার ফেসবুক কমেন্ট যোগ করার পালা।
এবার নিচের যে কোন একটি কোড খুজে বের করুন।
<div class='post-footer-line post-footer-line-3'>

যদি না পান তবে নিচেরটি খুজুন।
<p class='post-footer-line post-footer-line-3'>

এটিও যদি না পান তবে নিচেরটি খুজুন।
<data:post.body/>

এবার নিচের কোডগুলো উপরের যেকোন একটির নিচে বসিয়ে দিন।

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

এবার ৪৫০ এর জায়গায় আপনার পছন্দমত কমেন্ট বক্স সাইজ দিতে পারেন।Light এর জায়গার Dark দিতে পারেন।

এবার <html এটিকে নিচের কোডটুকু দ্বারা পরিবর্তন করুন।

<html xmlns:fb="https://www.facebook.com/2008/fbml"

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

মন্তব্যকে কিভাবে নিয়ন্ত্রণ করবেনঃ

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


আপনার নিএর মত সেট করা হলে সেভ করুন।আর উপভোগ করুন দারুন একটি কমেন্ট সিস্টেম।

মন্তব্য সংখ্যা আকারে দেখাবেন কিভাবেঃ
নিচের কোড গুলো বসিয়ে আপনি মন্তব্য কে সংখ্যা আকারে দেখাতে পারেন।একটা লিঙ্ক সহকারে দেখা যাবে কয়টি মন্তব্য আছে লেখাটিতে।তাহলে নিচের কোডটুকু <data:post.body/> এর নিচে বসিয়ে দেন।

<b:if cond='data:post.isFirstPost'>  
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'></fb:comments-count> comments</a>

এবার সেভ করেন।

লিখেছেন AdminDecember 13, 2013

Wednesday, December 11, 2013

3D স্টাইলের সাম্প্রতিক লেখা যোগ করবেন কিভাবে

ব্লগকে সাজাতে আমরা সবাই অনেক সময় পার করি।আর তাই আমার এই ছোট্ট প্রয়াস ব্লগারকে সাজাতে যা কিছু লাগে তার সবটা আমি দিতে চাই আপনাদের।আর এর ধারাবাহিকতায় আগে আমি দিয়েছিলাম কিভাবে সাম্প্রতিক লেখা যোগ করবেন,আজ যেটি দেব এটিও খুব সুন্দর স্টাইলের।এটাতে সাম্প্রতিক লেখাগুলো ছবি আকারে দেখা যাবে,ছবির উপর কার্সর নিলে টাইটেল দেখাবে।আসলেই অনেক সুন্দর একটি গ্যাজেট।এটা ব্লগকে অনেক সুন্দর করে তুলবে।তাহলে দেখে নেয়া যাক কিভাবে যোগ করবেন।
recent post,3D style recent posts

কিভাবে যোগ করবেন 
এটা যোগ করতে আপনার ব্লগের Layout এ যান Add A Gadget এ ক্লিক করুন।


HTML/Javascript এ সিলেক্ট করুন।
এবার নিচের কোডগুলো ফাঁকা বক্সে পেস্ট করুন।

<style>
    #bp_recent {
    width:300px;
    padding: 5px;
    color: #999;
    font-size: 14px;
    text-align:justify;
    }

    #bp_recent img {
    width: 70px;
    height: auto;
    border-top:5px groove #00a4ef !important;
    border-bottom:5px groove #ffb900 !important;
    border-right:5px groove #7fba00 !important;
    border-left:5px groove #f25022 !important;

    webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    }

    #bp_recent a{
    color: #fff;
    font-size: 15px;
    text-transformation: uppercase;
    margin-bottom: 10px!important;
    }

    #bp_recent a:hover {
    text-decoration: underline;
    }

    </style>
    <div id='bp_recent'></div>
    <script type="text/javascript" src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
    <script style='text/javascript'>
    var numberOfPosts = 9;
    var showPostDate = false;
    var showSummary = false;
    var summaryLength = 0;
    var titleLength = 0;
    var showCommentCount = false;
    var showThumbs = true;
    var showNoImage = true;
    var imgDim = 55;
    var imgFloat = 'left';
    var myMargin = 5;
    var mediaThumbsOnly = true;
    var showReadMore = false;
    var readMore = 'Read More';
    </script>
    <script src='http://www.blogtipsnticks.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


এবার লাল কালারের জায়গায় আপনার ব্লগের লিঙ্কটি দিন।এবং বিভিন্ন কালার দেয়া আছে সেসব জায়গায় আপনার পছন্দমত আপনি পরিবর্তন করে নিতে পারেন।
সব ঠিক মত পরিবর্তন করা হলে সেভ করুন এবার দেখুন।

লিখেছেন AdminDecember 11, 2013

Tuesday, December 10, 2013

স্লাইড ফেসবুক লাইক বক্স ব্লগের জন্য

এর আগে আমি দেখিয়েছি কিভাবে ভাসমান ফেসবুক লাইক বক্স এবং শুধু ফেসবুক লাইক বক্স যোগ
করবেন কিভাবে।আমরা প্রায়ই ব্লগ/সাইটের পাশে ফেসবুক লেখা দেখি যেখানে কার্সর নিয়ে গেলে সেটি দেখা যায় ।আজ দেখাব কিভাবে এই ধরনের ফেসবুক লাইক বক্স যোগ করা যায়।আমরা যারা কালেরকন্ঠ পেপারের অনলাইন ভার্সন দেখি দেখবেন সেখানে ঠিক এই ধরনের ফেসবুক লাইক বক্স আছে।এটি দেখতে সুন্দর তাই আপনার সাইটের ডিজাইন আরো সুন্দর দেখাবে।কিভাবে এটা যোগ করবেন দেখে নেয়া যাক।
কিভাবে ফেসবুক লাইক বক্স যোগ করবেনঃ 
এটি যোগ করার জন্য আপনার ব্লগে প্রবেশ করুন।
Template থেকে Edit Html এ ক্লিক করুন।
ctrl+f বা F3 চেপে </head> ট্যাগটি খুজুন।এবং এর উপরে নিচের কোডগুলো পেস্ট করুন।
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

এবার </body> ট্যাগটি খুজুন এবং এর উপরে নিচের কোড গুলো পেস্ট করুন।
<style type='text/css'>
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url('http://1.bp.blogspot.com/-PUYBb2326SY/T13eXFv1sPI/AAAAAAAABdE/VOqfHVMXhWk/s1600/w2b_vertical-right.png');background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = 'medium'; // Duration of Animation
            w2b('#fbplikebox').css({right: -250, 'top' : 350 })
            w2b('#fbplikebox').hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b('#fbplikebox').show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id='fbplikebox' style='display:none;'>
    <div class='fbplbadge'></div>
    <iframe src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fblogtipsnticks&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:250px; height:260px;background:#FFFFFF;' allowtransparency='true'></iframe>
</div>

Blogtipsnticks লেখা জায়গায় আপনার ফেসবুক পেজের ইউজার নেম দিন।
FFFFFF লেখা জায়গায় আপনি চাইলে ব্যাকগ্রাউন্ড কালার পরিবর্তন করতে পারেন।

সব ঠিকমত করা হলে এবার সেভ করুন।আর হ্যা অবশ্যই প্রথমে টেমপ্লেট ব্যাকআপ রাখবেন তাহলে ভুল হলেও সমস্যা হবে না।আশা করি আপনার ভুল হবে না।

লিখেছেন AdminDecember 10, 2013

সুন্দর ডিজাইনের সোস্যাল প্রোফাইল গ্যাজেট যোগ করুন

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

সোস্যাল গ্যাজেট,সোস্যাল প্রোফাইল গ্যাজেট,social profile gadget

এটাতে ফেসবুক,টুইটার,গুগল প্লাস,পিন্টারেস্ট,ও লিঙ্কডইন সোস্যাল পোফাইল যোগ করা যাবে।
কিভাবে যোগ করবেন?

১। যোগ করার জন্য প্রথমে আপনার ব্লগে লগিন করুন।
২। এবার Layout থেকে Add A Gadget এ ক্লিক করুন।
৩। HTML/Javascript সিলেক্ট করুন।
৪। ফাঁকা বক্সের মধ্যে নিচের কোড গুলো পেস্ট করুন।

 <style>

    .social-wrap {
    margin:0 auto;
    padding:0px;
    text-decoration: none;
    }

    .social-wrap ul li {
    list-style-type: none;
    border-bottom:none;
    margin:0 auto;
    background: none;
    padding:0px;
    line-height: 0!important;
    }

    .social-wrap li a {
    margin:5px 3px 0px 0px !important;
    padding:0px;
    width:50px;
    height:50px;
    text-indent:-99999px;
    float:left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    }
    .social-wrap li a.facebook1 {
    background: #314d91 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px 0px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.facebook1:hover {
    background: #314d91 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -73px;
    }
    .social-wrap li a.twitter1 {
    background: #07beed url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -127px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.twitter1:hover {
    background: #07beed url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -204px;
    }
    .social-wrap li a.google-p1 {
    background:#a7291b url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -254px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.google-p1:hover {
    background: #a7291b url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -330px;
    }
    .social-wrap li a.rss1 {
    background:#ffaa31 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -381px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.rss1:hover {
    background: #ffaa31 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -454px;
    }

    .social-wrap li a.pinit1 {
    background:#cb2027 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -508px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.pinit1:hover {
    background: #cb2027 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -580px;
    }

    .social-wrap li a.linkdin1 {
    background:#1698E3 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -635px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-wrap li a.linkdin1:hover {
    background: #1698e3 url(http://2.bp.blogspot.com/-3Kl6YIoUZ5I/Unc-6CPuOvI/AAAAAAAAD4E/1NQL7KBkueI/s1600/social_sprites.png) no-repeat 0px -711px;
    }


</style>

    <div class='social-wrap'>
    <ul>
    <li><a class='facebook1' href='http://www.facebook.com/username' target='_blank' title='Facebook' rel='nofollow'></a></li>
    <li><a class='twitter1' href='http://twitter.com/username' target='_blank' title='Twitter' rel='nofollow'></a></li>
    <li><a class='google-p1' href='https://plus.google.com/+username' target='_blank' title='Google Plus' rel='nofollow'></a></li>
    <li><a class='rss1' href='http://feeds.feedburner.com/username' target='_blaank' title='RSS Feed' rel='nofollow'></a></li>
    <li><a class='pinit1' href='http://www.pinterest.com/username' target='_blank' title='Pinterest' rel='nofollow'></a></li>
    <li><a class='linkdin1' href='http://www.linkedin.com/username' target='_blank' title='Linkedin' rel='nofollow'></a></li>
    </ul>
    </div>

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

লিখেছেন AdminDecember 10, 2013

ইয়াহু এবং বিং সার্চ ইঞ্জিনে ব্লগার বা ব্লগস্পটকে কিভাবে সাবমিট করবেন

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


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

কিভাবে সাবমিট/দাখিল করবেনঃ
সাবমিট করার জন্য প্রথমে বিং ওয়েবমাস্টার এ যান।
এবার সাইন ইন বা সাইন আপ করেন।
দেখুন Add A Site লেখা আছে এখানে আপনার সাইট এর লিঙ্ক দিয়ে Add এ ক্লিক করুন।
আরেকটি পেজ আসবে এখানে সাইটের লিঙ্ক দেয়া আছে নিচে সাইটম্যাপ দিতে হবে।এখানে নিচের মত লিঙ্ক দিন।
http://www.blogtipsnticks.com/atom.xml?redirect=false&start-index=1&max-results=500

লাল কালারের জায়গায় আপনার নিজের ব্লগের লিঙ্কটি দিন এবং Add এ ক্লিক করুন।
এখন দেখুন ভেরিফাই অপশন আসবে এখান থেকে Meta Tag টি সিলেক্ট করুন।এবং পেজটি বন্ধ করে দিবেন না।


এবার আপনার সাইটের Template>Edit Html এ যান
ট্যাগের নিচের পেস্ট করে দেন।এবার সেভ করুন।
এবার বিং এ যান এবং নিচে Verify লেখাতে ক্লিক করুন।ব্যস এবার আপনার ব্লগটি ভেরিফাই হয়ে গেছে।

পিং করুন ইয়াহু এবং বিং এ
এবার আপনার সাইটকে পিং করার পালা এটি করলেই আপনার সাইটটি পুরাপুরি ভাবে ইয়াহু এবং বিং এ সাবমিট করা হবে সফল ভাবে।এবার নিচের নিয়ম অনুযায়ী পিং করুন।



 প্রথমে নিচের যেকোন লিঙ্ক কপি করুন।এবং ব্রাউজারে পেস্ট করুন।
এই সাইটের জায়গায় আপনার ব্লগের লিঙ্কটি দিন এবং ইন্টার দেন।
এবার সফল ভাবে পিং করা হলে "Thank You for submitting your sitemap." এই বার্তাটি আসবে তাহলে বুঝবেন সফলভাবে পিং করা হয়েছে।

পোস্ট সংখ্যা ১ থেকে ৫০০ হলে।
http://www.bing.com/webmaster/ping.aspx?siteMap=http%3A%2F %2Fhttp://www.blogtipsnticks.com%2Fatom.xml%3Fredirect%3Dfalse% 26start-index%3D1%26max-results%3D500

পোস্ট সংখ্যা ৫০১ থেকে ১০০০ হলে।
http://www.bing.com/webmaster/ping.aspx?siteMap=http%3A%2F %2Fwww.blogtipsnticks.com%2Fatom.xml%3Fredirect%3Dfalse% 26start-index%3D501%26max-results%3D500

পোস্ট সংখ্যা ১০০০ থেকে তার বেশি হলেঃ
http://www.bing.com/webmaster/ping.aspx?siteMap=http%3A%2F %2Fwww.blogtipsnticks.com%2Fatom.xml%3Fredirect%3Dfalse% 26start-index%3D1001%26max-results%3D500

উপরের যে কোন কোড কপি করে ব্রাউজারে পেস্ট করুন।

১।আপনাকে সাবমিট করার পর পাঁচদিন অপেক্ষা করতে হতে পারে।
২।আপনার ব্লগে অবশ্যই ১৫টির বেশি পোস্ট থাকতে হবে।
এর পর যদি পুরাপুরি ভাবে সাবমিট না হয় তবে ডিলিট করে আবার একই নিয়মে সাবমিট করুন।তবে আশা করি একবারেই সাবমিট হয়ে যাবে এবং বিং এবং ইয়াহু আপনার সাইটকে ইনডেক্স করতে শুরু করবে।এবার এখন থেকে প্রতিদিন লেখা পোস্ট করুন।
ভালো থাকবেন আর মন্তব্য করতে ভুলবেন না।

লিখেছেন AdminDecember 10, 2013

Monday, December 9, 2013

ব্লগস্পট/ব্লগারে ইমেইল সাবস্ক্রাইব বক্স যোগ করবেন যেভাবে

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


কিভাবে যোগ করবেনঃ
  1. প্রথমে  আপনার ব্লগে প্রবেশ করুন।
  2. Layout এ যান।

  1. Add A Gadget এ ক্লিক করুন।
  2. এবার নিচের কোডগুলো ফাকা বক্সে পেস্ট করুন।
<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogtipsnticks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="blogtipsnticks" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

উপরের লাল কালার আপনার নিজের ছবি দিতে পারেন।
130 এটার মাধ্যমে লেখার এরিয়া বাড়াতে বা কমাতে পারেন।
হলুদ কালার লেখা আপনার নিজের ইচ্ছামত লেখা দিতে পারেন।
সবুজ কালারের এখানে আপনার ব্লগের ইমেইল সাবস্ক্রাইব লিঙ্ক দিন।এটা পেতে
Feedburner এর অ্যাকাউন্ট থেকে Publicize>email subscriptions এখানে দেখুন এমন একটা লিঙ্ক আছে সেটা দেন।
নীল কালারের জায়গায় আপনার সাইটের ফীড এর টাইটেল দিন।

ব্যস এবার সেভ করুন।দেখুন খুব সুন্দর একটা সাবস্ক্রাইব বক্স যোগ হয়েছে।

লিখেছেন AdminDecember 09, 2013

ব্লগস্পটের মন্তব্যে ছবি/ভিডিও যোগ করবেন কিভাবে

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



কিভাবে ছবি যোগ করবেনঃ
প্রথমে ড্যাশবোর্ড এ যান তারপর Template থেকে Edit HTML এ যান।এবার ctrl+f বা F3 চেপে
ট্যাগটা খুজুন।এবার নিচের কোডগুলো এর উপরে বসিয়ে দিন।
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://helplogger.googlecode.com/svn/trunk/youtubevideos.js'/>
<script src='http://helplogger.googlecode.com/svn/trunk/pics-comments.js'/>

এবার সেভ করুন।

কিভাবে মন্তব্যে ছবি/ভিডিও দেবেন?
ভিডিও দেয়ার জন্য Youtube এর ভিডিও লিঙ্কটি কমেন্ট বক্সে পেস্ট করুন।
মন্তব্যে ছবি দেবার জন্য কিছু লিখার পরে [img]your-image-url[/img] এই ট্যাগটি ব্যবহার করেন।এখানে Your-image-url এর জায়গায় যে ছবিটি দিতে চান সেটার লিঙ্ক দিন।
ব্যস খুব সুন্দর ভাবে ছবি বসে যাবে।
আপনি যদি সবাইকে বলতে চান মন্তব্যে ছবি যোগ করতে পারবেন তাহলে Setting>Posts and comment>Comment Form Message এ লিখুন "ছবি যোগ করতে চাইলে [img]your-image-url[/img] " এই ট্যাগটি ব্যবহার করুন।  
আশা করি কাজে লাগবে এবং আপনার ভালো লাগবে।

লিখেছেন AdminDecember 09, 2013

গুগল ওয়েবমাস্টারে ব্লগারকে সাবমিট করবেন কিভাবে

ব্লগিং করতে হলে সার্চ ইঞ্জিন অপটিমাইজেশন খুবই দরকার।সার্চ ইঞ্জিন অপটিমাইজেশন দুই প্রকার
On page Optimization and Off page Optimization.গুগল ওয়েবমাস্টারে ব্লগকে সাবমিট করা On Page Optimization এর ভিতর পড়ে।তাছাড়া গুগল বর্তমানে নাম্বার ওয়ান সার্চ ইঞ্জিন সাইট।এখানে প্রতিদিন প্রচুর লোক তাদের দরকারি জিনিস খোজ করে থাকে।২০১৩ সালে গুগল আমেরিকাতে দুই নাম্বার সার্চ ইঞ্জিন সাইট হয় কিন্তু সামগ্রিক ভাবে সারা ওয়ার্ল্ড এর বিবেচনায় এক নাম্বার সার্চ ইঞ্জিন সাইট নির্বাচিত হয়।

তাই গুগল এ ব্লগকে সাবমিট করে গুগল থেকে প্রচুর ভিজিটর পেতে পারেন।তাহলে আসুন জেনে নেয়া যাক কিভাবে গুগলে আপনার ব্লগকে সাবমিট করবেন। 

কীভাবে সাবমিট করবেন? 
  1. প্রথমে গুগল ওয়েবমাস্টারে যান। 
  2. সাইন ইন করেন এখানে আপনার জিমেইল অ্যাকাউন্ট আপনার আইডি।
  3. Add A Site এ ক্লিক করুন।
  4. এবার আপনার সাইটের লিঙ্কটি দিন এবং Continue এ ক্লিক করুন।


এবার সাইটম্যাপ সাবমিট করতে Sitemap এ ক্লিক করুন।

Add/Test Sitemap  এ ক্লিক করুন এবং নিচের লেখা টুকু দেন
atom.xml?redirect=false&start-index=1&max-results=500
 এখানে শেষে ৫০০ লেখা আছে এটা আপনার সাইটের পোস্টের সংখ্যার উপর নির্ভর করবে,সাইটের পোস্ট যদি ৫০০ এর বেশি হয় তবে এখানে ১০০০ দিবেন।
এবার Submit Sitemap এ ক্লিক করুন।

ব্যস আপনার ব্লগটি গুগল ওয়েবমাস্টারে সাবমিট করা হয়েছে। 

লিখেছেন AdminDecember 09, 2013

Sunday, December 8, 2013

ব্লগারে গ্যাজেট ডিলিট করবেন কিভাবে

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

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


এবার যদি Remove লেখা আসে তাহলে সহজেই ডিলিট করা যাবে এখানে ক্লিক করে।


পদ্ধতি নং২; Remove লেখা না থাকলে 
অনেক গ্যাজেট আছে যেগুলোতে Remove লেখা থাকে না যেমন Navbar,Attribution.


এ ধরনের গ্যাজেট ডিলিট করার জন্য Template>Edit Template এ ক্লিক করুন এবার যে গ্যাজেটটি ডিলিট করতে চান সে গ্যাজেটটির নাম দিয়ে খুজুন।
এবার দেখুন false লেখা আছে এখানে True লিখে সেভ করুন।এবার সেই গ্যাজেটটি ডিলিট করতে যান দেখবেন Remove অপশন আসছে।এবার ডিলিট করে ফেলুন।


লিখেছেন AdminDecember 08, 2013

Thursday, December 5, 2013

আপনার সাইটকে এলেক্সাতে ভেরিফাই করবেন কিভাবে

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


এলেক্সা কি?
এলেক্সা প্রথিবীর ভিতরে একটা নামকরা সাইট।এটি ১৯৯৬ সালে প্রতিষ্ঠিত করা হয় শুধু মাত্র সাইটকে বিশ্লেষণ করার জন্য। বর্তমানে এর প্রচুর ভিজিটর।এরা সারা প্রথিবীর সব সাইটকে বিশ্লেষণ করে রাঙ্কিং তৈরি করে থাকে।এর মাধ্যমে আপনার সাইট বা ব্লগ কেমন উন্নতি করছে বা এর বর্তমান ওয়ার্ল্ড রাঙ্কিং বা দেশের ভিতর এর রাঙ্কিং জানতে পারবেন।এরা দুই ধরনের রাঙ্কিং দেখায় একটা ওয়ার্ল্ড রাঙ্কিং এবং দেশভেদে রাঙ্কিং কেমন সেটা দেখায়।এলেক্সাতে রাঙ্কিং বাড়াতে এখানে ভেরিফাই বা দাবিকরা হয়।ভেরিফাই করলে আপনার সাইটের রাঙ্কিং অনেকটা বেড়ে যাবে।
কিভাবে ভেরিফাই করবেনঃ
১। প্রথমে আলেক্সা.কম এ যান।
২। এখানে একটা নতুন অ্যাকাউন্ট করুন এরপর লগিন করুন।
৩।এবার এলেক্সা সাইট অনারে যান।
৪। এবার Select verify সিলেক্ট করুন এবং নিচে আপনার সাইটের বা ব্লগের অ্যাড্রেস দিন।
৫। এবার চারটি প্যাকেজ এর মধ্যথেকে ফ্রী সিলেক্ট করুন।

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


৭। এবার টেমপ্লেটটি সেভ করুন।এবং আবার এলেক্সাতে যান।এবার Verify my ID তে ক্লিক করুন।
৮। যদি ভেরিফাই হয়ে যায় তবে নিচের মত ছবি আসবে।
৯।এবার আপনার সাইটের বিস্তারিত যোগ করুন যেমন সাইটের টাইটেল,বর্ণনা,দেশ ইত্যাদি।
১০।এবার সেভ করুন আশা করি আপনি সব সফল ভাবে পেরেছেন।

আপনি যদি সফল ভাবে ভেরিফাই করতে পারেন তাহলে নিয়মিত আপনার সাইটে পোস্ট করুন দেখবেন আপনার সাইটটি রাঙ্কিং এ উন্নতি করছে।

লিখেছেন AdminDecember 05, 2013