ব্লগার দিয়ে প্রফেশনাল ওয়েবসাইট তৈরি (পর্ব-১)

(bd tech blog)বিডি টিপ্স টেকে আপনাদের স্বাগতম।ব্লগার দিয়ে ব্লগ তৈরির প্রথম পর্বে আপনাদের সবাইকে স্বাগতম।আশাকরি সবাই শেষ
পর্যন্ত আমাদের সাথেই থাকবেন।কয়েকটি ধারাবাহিক টিউটোরিয়ালে আমি দেখাবো কিভাবে একটি সুন্দর প্রফেশনাল মানের ওয়েবসাইট তৈরি  করতে হয়।তাহলে চলুন শুরু করা যাক।প্রথমে ব্লগ খুলতে হলে আপনাকে একটি জিমেইল এক্যাউন্ট থাকতে হবে।একটি জিমেইল এক্যাউন্ট থাকা মানেই ইতিমধ্যে আপনার একটি ব্লগ এক্যাউন্ট আছে।জিমেইল এক্যাউন্ট না থাকলে gmail.com থেকে খুলে নিন।আশাকরি সবাই জিমেইল এক্যাউন্ট খুলতে পারবেন না এখানে একটি কমেন্ট করবেন তাহলে কিভাবে জিমেল এক্যাউন্ট খুলতে সেটার টিউটোরিয়াল দিয়ে দিব।
ব্লগার নিয়ে সবগুলি টিউটোরিয়াল দেখুন ব্লগার টিউটোরিয়াল-বিডি টিপ্স টেক
আসুন গুগুল ব্লগ দিয়ে নিজের ওয়েব সাইট তৈরি করি,কিভাবে ব্লগ/ওয়েব সাইট তৈরি করবেন ও সেখান হতে আয় করবেন,ওয়েবসাইট তৈরি করার নিয়ম,ওয়েবসাইট তৈরি করুন,ফ্রি ওয়েব সাইট তৈরি,বিনা খরচে তৈরী করুন ওয়েব সাইট,বিনামূল্যে বানান নিজের ওয়েবসাইট,ফ্রীতে নিজের একটা ওয়েবসাইট তৈরি করুন
সখুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-২) 
 খুব সহজে ওয়েবসাইট তৈরি(পর্ব-৩)ব্লগের জন্য সুন্দর একটি কন্ট্রোল প্যানেল 
খুব সহজে ওয়েবসাইট তৈরি(পর্ব-৪)ব্লগে যুক্ত করুন ছবি সহ related post widget
খুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-৫)ব্লগে যুক্ত করুন ছবি ছাড়া related post widget 
খুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-৬)পোস্টের মাঝখানে এড বসান সহজে 
 খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৭)ব্লগের পোস্টের টাইটেলের নিচে শেয়ার বাটুন যুক্ত করুন
খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৮)ব্লগের পোস্টের টাইটেলের নিচে এড বসান 

এখন  http://www.blogger.comএ যান।এখানে জিমেইল এক্যাউন্ট দিয়ে লগইন করুন।তারপর  New Blog লেখায় ক্লিক করুন।

কিভাবে ব্লগ তৈরি করবেন-১

এখানে শিরোনামে আপনার ব্লগের শিরোনাম দিন যেমন আমারটা bd tips tech, ঠিকানা যেমন bdtipstech.blogspot.com ও টেমপ্লেট নির্বাচন করুন।(যেকোন টেমপ্লেট নিন, পরে পরিবর্তন করতে পারবেন)।এবার Create Blog এ ক্লিক করুন।

কিভাবে ব্লগ তৈরি করবেন-২

এটিও দেখুন কিভাবে আপনার ব্লগ বা ওয়েবসাইটকে গুগল সার্চ ইঞ্জিনে সাবমিট করবেন

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

কিভাবে ব্লগ তৈরি করবেন-৩

ব্লগারের প্রাথমিক ধারণাঃ-

Overview=এখানে আপনার ব্লগে কতগুলি,কমেন্ট আছে,কতটি পোস্ট আছে,পেইজভিউ ইত্যাদি জানতে পারবেন।

Post=এখানে আপনার পোস্ট সবগুলি পোস্ট দেখতে পাবেন ।

Pages=এখানে আপনার ব্লগের সকল পেইজ দেখতে পাবেন।

Comment=এখানে আপনার ব্লগের সকল কমেন্ট দেখতে পাবেন।

Stats=এখানে আপনার ব্লগের বর্তমান অবস্থা,কোথা থেকে ভিজিটর আসছে ইত্যাদি জানতে পারবেন।

Earing=আপনার ব্লগটি যদি ইংরেজি ব্লগ হয় তাহলে গুগল এডসেন্সেরে মাধ্যমে ইনকাম করতে পারবেন।

Campaigns=এটি দিয়ে আপনার প্রচার করতে পারবেন তবে অবশ্যই পে করতে হবে।

Layout=এটি দিয়ে ভিবিন্ন গেজেট যোগ বিয়োগ করতে পারবেন।

Templet=আপনার ব্লগের ডিজাইন নিজের ইচ্ছামত কাস্টমাইজ করতে পারেবন।

Settings=এখানে আপনার ব্লগের ভিবিন্ন সেটিং যেমন অথার যোগ করা,কাস্টম ডোমেইন অর্থাৎ .blogspot রিভুম করতে পারবেন।চাইলে আপনার ব্লগে অন্যকে আমন্ত্রন করতে পারবেনএছাড়া ব্লগের কিছু ইন্টারনাল এসওই এর কাজ আছে এখানে।

এটিও দেখুন ব্লগ/ওয়েবসাইট আছে কিন্তু ইনকাম করত্তে পারছেন না এবার ইনকাম হবেই 

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

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

Read More »

ব্লগের পোস্টের টাইটেলের নিচে শেয়ার বাটুন যুক্ত করুন(ব্লগার দিয়ে প্রফেশনাল ওয়েবসাইট তৈরি পর্ব-৭)

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

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

 

ব্লগে যুক্ত করুন শেয়ার বাটুন-১

প্রথমে www.sharethis.com এ ক্লিক করুন।তারপর Get  Tools এ ক্লিক করুন এবার website নির্বাচন করে next বাটনে ক্লিক করুন।

ব্লগে যুক্ত করুন শেয়ার বাটুন-২

এখান থেকে আপনার পছন্দমত ডিজাইন সিলেক্ট করে customize বাটনে ক্লিক করুন।এবার selected service থেকে আপনার পছন্দমত গুলি রাখুন বাকি গুলি ক্রস করে দিন।আপনি চাইলে ডান পাশ থেকে ড্রাগ করে এনে ছেড়ে দিতে পারবেন।সবশেষে get code এ ক্লিক করুন তাহলে নিচের মত চিতে দেখতে পাবেন

ব্লগে যুক্ত করুন শেয়ার বাটুন-3

এখানে আপনার আপনার ইমেইল এবং পাসওয়ার্ড দিয়ে সাইন আপ করে নিন(ইমেইল ভেরিফাই করতে বললে ভেরিফাই করে নিন)তাহলে আপনি নিচের চিত্রের মত কোড পেয়ে যাবেন

ব্লগে যুক্ত করুন শেয়ার বাটুন-4

আরো পোস্ট 
আয় করুন ফেইসবুক,গুগল,টুইটার থেকে খুব সহজে  ব্লগের সার্চ ইঞ্জিন অপ্টিমাইজেশন(পার্ট-১)

ব্লগ/ওয়েবসাইট আছে কিন্তু ইনকাম করত্তে পারছেন না এবার ইনকাম হবেই   
খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৮)ব্লগের পোস্টের টাইটেলের নিচে এড বসান 
 

এবার ব্লগে প্রবেশ করে template এ ক্লিক করুন।টেম্পলেট ব্যাকআপ নিয়ে নিন।এবার edit html এ ক্লিক করুন।এবার ctrl+f চেপে সার্চ করুন

 </head> 

কোডটি।ঠিক এই কোডটির উপরে sharethis এর নিচের বক্সের কোডগুলি কপি করে পেস্ট করে দিন।এবার সার্চ করুন 

 <data:post.body/>  

এটি কয়েকবার পেতে পারেন আপনি দ্বিতীয়টিতে ট্রাই করুন।খুজে পেলে নিচের কোড গুলি ঠিক <data:post.body/> এটির উপরে পেস্ট করুন

<b:if cond='data:blog.pageType == &quot;item&quot;'>

YOUR SHARE THIS CODE

</b:if>
Get code

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

Read More »

কিভাব ব্লগ পোস্টের মাঝখানে এড বসাবেন(ব্লগার দিয়ে প্রফেশনাল ওয়েবসাইট তৈরি পর্ব-৬)

bd tips tech আশাকরি সবাই ভাল আছেন।পোস্টের টাইটেল দেখেই বুঝতে পারছেন আজকের ওয়েবসাইট তৈরীর পোস্টটি কি সমন্ধ্যে।ব্লগ তৈরির উদ্দ্যেশই থাকে ব্েনলগ থেকে ইনকাম করা।ব্লগে এড বসিয়ে ইনকাম
করা তার মধ্যে একটি  পদ্ধতি।এর জন্য এডটি এমন জায়গায় বসাতে হবে যাতে এডটি সবার চোখে পরে।এর ফলে ক্লিক পরার সম্ভবনা বেড়ে যায়।অনেকে হয়তো ব্লগের পোস্টের মাঝখানে এড বসানোর অনেক পদ্ধতি শেয়ার করেছেন।কিন্তু সেগুলি অনেক ঝামেলার।আজ আমি দেখাবো কিভাবে প্রতিটি পোস্টের মাঝখানে বিজ্ঞাপন বসাতে হয়।নিচের ছবিটি দেখুন

 

পোস্টের মাঝখানে এড বসান-বিডি টিপ্স টেক

 ব্লগস্পট ব্লগে পোস্টের মাঝখানে এডসেন্স কোড দিতে চান,কিভাবে ব্লগে পছন্দ মতো জায়গায় এডসেন্স কোড যুক্ত করবেন,কিভাবে ব্লগে দুইটি পোস্টের মাঝখানে বিজ্ঞাপন বসাবেন,দেখে নিন কিভাবে আপনার সাইটের পোষ্টের মধ্যখানে বা নিছে এড বসাবেন,দেখে নিন কিভাবে আপনার সাইটের পোষ্টের মধ্যখানে বা নিছে এড বসাবেন,ব্লগার টিপস,bd tech tunes,trick bangla,ব্লগার টিউটোরিয়াল,

এর প্রথমে আপনার ব্লগে log in করে theme এ ক্লিক করে ব্যাকআপ করে নিন।এবার EdiT html এ ক্লিক করুন।এবার ctrl+f চেপে সার্চ করুন

<data:post.body/>

আপনার জন্য আরো পোস্ট  
ব্লগ/ওয়েবসাইট আছে কিন্তু ইনকাম করত্তে পারছেন না এবার ইনকাম হবেই 
আয় করুন ফেইসবুক,গুগল,টুইটার থেকে খুব সহজে  
এবার আয় করুন Android মোবাইল দিয়ে সাথে দেখুন আমার পেমেন্ট প্রুফ
খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৭)ব্লগের পোস্টের টাইটেলের নিচে শেয়ার বাটুন যুক্ত করুন
খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৮)ব্লগের পোস্টের টাইটেলের নিচে এড বসান



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

<div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #addcodemiddle{display: none;} </style> <div id='addcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if> 

Get code

এখানে Place Your Ad Code Here  এর জায়গায় আপনার এড কোড দিয়ে রিপ্লেস করবেন।সবশেষে টেম্পলেট সেভ করুন।এবার আপনার ব্লগে গিয়ে দেখুন।আশাকরি পোস্টটি আপনাদের ভাল লেগেছে।শেয়ার এবং কমেন্ট  করতে ভুলবেন না।

<div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #addcodemiddle{display: none;} </style> <div id='addcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if> - See more at: http://www.alltechbuzz.net/place-google-ads-in-middle-of-posts-blogger/#sthash.YanT42iV.dpuf

<div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #addcodemiddle{display: none;} </style> <div id='addcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if> - See more at: http://www.alltechbuzz.net/place-google-ads-in-middle-of-posts-blogger/#sthash.YanT42iV.dpuf

<div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #addcodemiddle{display: none;} </style> <div id='addcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if> - See more at: http://www.alltechbuzz.net/place-google-ads-in-middle-of-posts-blogger/#sthash.YanT42iV.dpuf

<div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #addcodemiddle{display: none;} </style> <div id='addcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if> - See more at: http://www.alltechbuzz.net/place-google-ads-in-middle-of-posts-blogger/#sthash.YanT42iV.dpuf

Read More »