Website Blog Design Tutorial - Design Your Own Blog [Lesson-1]

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

Download Full Blog Creating Guide - PDF File Download

Hello Friends - From today we will learn how to create a professional Website / Word press or Blog site and this video shows step by step how to easily learn it. We will make this site well-constructed through a few videos. If you have trouble understanding anywhere, please comment us and we will try to solve your problem. Thanks, but let's build this site.

⇛ Installation - ইনস্টলেশন

➥Unzip the downloaded “apriezt-theme.zip” ZIP file.
➤ প্রথমে জিপ "অপ্রিয়জত-থিম" ফাইটি আনজিপ করতে হবে
➥ On Blogger Dashboard Click Template.
➤ আপনার ব্লগারের ডেস-বোডের টেমপ্লেট অপশনে যান
➥ Click Backup/Restore button (Top Right).
➤ বেকাপ / ষ্টোর এ ক্লিক করুন
➥ Click Choose File button. Find where the Template .xml file location.
➤ আপনর .xml ফাইলটি যেখানে আছে সেই লোকেশনটি দেখিয়ে দিন
➥Then Click Upload.
➤ এবার আপলোড এ ক্লিক করুন।

Click ➤ Dashboard ➤ Template ➤ Backup/Restore ➤ Choose File ➤ “Apriezt-template-2.xx.xml” ➤ Upload

Downloaded - Apriezt Theme

⇛ Theme Options - থিম অপশনস

01. On "New Site Name" fild1 field add the default language.
And on "New Site URL" fild2 field add your language.
০১। প্রথমে আপনার ডিফল্ট ভাষা রেখে, যে ভাষায় ট্রান্সলেট করতে চান সেই ভাষার লিংক টি দিন এবং ওকে করুন।

02. Default is Full Width Style. Boxed style just add this "y" and "n"
০২। আপনার ট্রান্সলেট টেমপ্লেট স্টাইলিস কেমন হবে তা সেট করতে "y" and "n" হিসেবে দেখিয়ে দিন
03. This to change other Default Setting in this theme
০৩। এই থিমের অন্যান্য ডিফল্ট সেটিং পরিবর্তন করুন পারবেন

⇛ Default Setting - পূর্বনির্ধারিত সেটিং

After installing the theme, this it the minimum setting to make all widget works fine in this themes.
থিমটি ইনস্টল করার পরে, এই থিমের কিছু সেটিং আছে যেটা করলেই সুষ্ঠভাবে কাজ করবে।

Embedded Comment - মন্তব্যকে এম্বেড করুন
-------------------------------------------------------------------------------------------
This to make comment area like the Full and make Emoticon show.
এটি সুন্দর মতো মন্তব্যের ক্ষেত্র তৈরি করতে এবং ইমোটিকন শো করতে সহায়তা করে।

Click ➤ Dashboard ➤ Setting ➤ Posts and Comments ➤ Embedded ➤ Save settings.

Blog Feed - ব্লগ ফিড
-----------------------------------------
This to make recent comment, Search Results, Featured Post, and Post by Label work fine.
এই সেটিংটি সেট করলে সাম্প্রতিক মন্তব্য করা, সার্চ রেজাল্ট, বৈশিষ্ট্যযুক্ত পোস্ট এবং লেবেলের পোস্টটি ভাল কাজ করে।

Click ➤ Dashboard ➤ Setting ➤ Other ➤ Full Or Short ➤ Save settings.

Configuration Blog Posts - আপনার ব্লগ পোস্ট গুলিকে কনফিগারেশন
-----------------------------------------------------------------------------------------------------------
This default setting to make your website like the Full.
আপনার ওয়েবসাইটটিকে সুন্দর মতো করে তুলতে এই ডিফল্ট সেটিংস গুলি করুন।

Click ➤ Dashboard ➤ Layout ➤ Edit ➤ Configurate like image bellow ➤ Save.

⇛ Setting Menu Bar - মেনুবার সেটিং করুন

Top Menu - টপ মেনু
---------------------------
To Edit Top Menu in this theme you can follow this step:-
এই থিমের টপ মেনু সেটিং করতে আপনি এই পদক্ষেপটি অনুসরণ করতে পারেন:-

Click ➤ Dashboard ➤ Layout ➤ Edit ➤ Top Menu ➤ Configure Page List.
Or Click ➤ "Add external link" ➤ "Page Title" ➤

মেনু সেট করতে
----------------------
মেনু টাইটেল বা পেইজের নাম দিন এবং নিচে লিংক দিন।

সাব মেনু সেট করতে
----------------------------
মেনু টাইটেল বা পেইজের নাম দিন এবং ডেস দিন। যদি একবার দেন তাহলে একটি সাবলিংক হবে আর দুইটি ডেস দিলে দুইটি সাব মেনু হবে।
Menu Title (Menu Title)
Sub Menu (_Sub Menu )
Sub Sub Menu (__Sub Sub Menu)

Main Menu - মেইন মেনু
--------------------------------------------------
To Edit Top Menu in this theme you can follow this step:-
এই থিমের টপ মেনু সেটিং করতে আপনি এই পদক্ষেপটি অনুসরণ করতে পারেন:-

Click ➤ Dashboard ➤ Layout ➤ Edit ➤ Main Menu ➤ Configure Page List.
Or Click ➤ "Add external link" ➤ "Page Title" ➤

Menu Title (Menu Title)
Sub Menu (_Sub Menu )
Sub Sub Menu (__Sub Sub Menu)

01. Add Mega Menu:- মেগা মেনু যোগ করুন:-
a. Mega Menu (block style "-links")

মেগা মেনুর জন্য "-links" কোর্ড টি পেষ্ট করুন
এবং নিচের চারটি লেভেল বারে আপনার মত সাজিয়ে নিন।

To show widget like "Technology" add code like below in HTML widget
[gridpost/Your Lebels]

এখানে আপনার মত লেবেল সেট করে নিন।

02. Mega Menu (Tabs style) - মেগা মেনু (ট্যাব স্টাইল)
Now for add a Mega Menu tabs style simply on "Page Title" field add this
এখন কেবল "পেইজ টাইটেল" ফিল্ডে একটি মেগা মেনু (ট্যাব স্টাইল) যুক্ত করার জন্য এটি ব্যবহার করুন।
[-mtab/Your Lebels-1,Your Lebels-2,Your Lebels-3,Your Lebels-4]

03. Mega Menu (Grid style) - মেগা মেনু (গ্রিড স্টাইল)
Now for add a Mega Menu grid style simply on "Page Title" field add this.
এখন কেবল "পেইজ টাইটেল" ফিল্ডে একটি মেগা মেনু (গ্রিড স্টাইল) যুক্ত করার জন্য এটি ব্যবহার করুন।
[-grid/LabelName or recent or random]

04. Mega Menu (Carousel Style) - মেগা মেনু (ক্যারোসেল স্টাইল)
Now for add a Mega Menu First Big Style simply on "Page Title" field add this
এখন কেবল "পেইজ টাইটেল" ফিল্ডে একটি মেগা মেনু (ক্যারোসেল স্টাইল) যুক্ত করার জন্য এটি ব্যবহার করুন।
[-mcarousel/LabelName or recent or random]

05. Mega Menu (First Big Style) - মেগা মেনু (প্রথম বড় স্টাইল)
Now for add a Mega Menu First Big Style simply on "Page Title" field add this
এখন কেবল "পেইজ টাইটেল" ফিল্ডে একটি মেগা মেনু (প্রথম বড় স্টাইল) যুক্ত করার জন্য এটি ব্যবহার করুন।
[-mbig/LabelName or recent or random]

⇛ Setting Social Icon - সোশ্যাল আইকন 

To Edit Social Icon in this theme you can follow this step:-
এই থিমটিতে সোশ্যাল আইকন সেট করতে আপনি এই পদক্ষেপটি অনুসরণ করুন:-
Click ➤ Dashboard ➤ Layout ➤ Edit Social Link ➤ Configure Link List ➤ Save.

On "New Site Name" And "New Site URL" field add your social url adress.
প্রথমে আপনার আইকনের নাম দিন ও নিচে URL লিংক দিন।

⇛ News Ticker - ব্রেকিং নিউস

এখন কেবল "ব্রেকিং নিউস" টাইটেল টি সেট করার জন্য এটি ব্যবহার করুন।
Click ➤ Dashboard ➤ Layout ➤ Breaking News widget ➤ Edit ➤ Past “[recent][newsticker]” ➤ Save.

⇛ Top Featured Post - টপ ফিচার্ড পোস্ট

এখন কেবল "টপ ফিচার্ড পোস্ট" বা স্লাইড শো টি সেট করার জন্য এটি ব্যবহার করুন।
Click ➤ Dashboard ➤ Layout ➤ Top Featured Post ➤ Edit ➤ Past “[Your_Labels][featured1]” ➤ Save.
নোট:- আপনার লেভেল এর জায়গায় আপনি মাল্টিপল লেভেল ব্যবহার করতে পাবেন ৪টি লেভেল।

⇛ Widget by Labels - উইডগেট বাই লেবেলস

First Big 1 - প্রথমের পোষ্ট বড় ও পরের পোষ্ট গুলো ছোট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][fbig1] (ex: [Tech][fbig1])

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][fbig1]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][fbig1]” ➤ Save.

⇛ First Big 2 - প্রথমের বড় পোষ্ট 

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][fbig2] (ex: [Tech][fbig2] )

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][fbig2]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][fbig2]]” ➤ Save.

⇛ Column 1 কলাম -১ আকারে পোষ্ট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][column1] (ex: [Tech][column1] )

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][column1]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][column1]]” ➤ Save.

⇛ Column 2 - কলাম - ২ আকারে পোষ্ট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][column2] (ex: [Tech][column2] )

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][column2]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][column2]]” ➤ Save.

⇛ Hot Post - হট পোস্ট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][hot] (ex: [Tech][hot] )

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][hot]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][hot]]” ➤ Save.

⇛ Gallery  - গ্যালারি

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Yours_Label][gallery2] (ex: [Picture][gallery2] )

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][gallery2]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

Click ➤ Dashboard ➤ Layout ➤ Add a Gadget ➤ Past “[Yours_Label][gallery2]]” ➤ Save.

⇛ Slider 1 - স্লাইডার ১

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Music][slider1 autoplay]

if you want change Widget title color. code like this - অন্য কালার দিতে চাইলে সাথে এক্সট্রা কোড ব্যবহার করুন।
[Yours_Label][slider1][#BD1A1A]

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][slider1 autoplay]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

⇛ Carousel 1 - কারুসেল ১

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Music][carousel1]

if you want change Widget title color. code like this - অন্য কালার দিতে চাইলে সাথে এক্সট্রা কোড ব্যবহার করুন।
[Yours_Label][carousel1][#BD1A1A]

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][carousel1]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

⇛ List Style - লিস্ট স্টাইল

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Music][list]

if you want change Widget title color. code like this - অন্য কালার দিতে চাইলে সাথে এক্সট্রা কোড ব্যবহার করুন।
[Yours_Label][list][#BD1A1A]

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][list]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

⇛ Side Recent Post - সাধারণ পোস্ট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Music][simplepost]

if you want change Widget title color. code like this - অন্য কালার দিতে চাইলে সাথে এক্সট্রা কোড ব্যবহার করুন।
[Yours_Label][simplepost][#BD1A1A]

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][simplepost]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

⇛ Half Post - হাফ পোস্ট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type [Music][halfpost]

if you want change Widget title color. code like this - অন্য কালার দিতে চাইলে সাথে এক্সট্রা কোড ব্যবহার করুন।
[Yours_Label][halfpost][#BD1A1A]

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “[Yours_Label][halfpost]” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।

⇛ Complex Widget - কমপ্লেক্স উইডগেট

Go to Layout and add a new HTML/Javascript widgets from Home Layout box section and type complex{style}/Your Labels

প্রথমে আপনার লেআউট এ যান এবং এড গেজেট ক্লিক করুন এবং HTML/Javascript ক্লিক করুন এবং নাম দিয়ে নিচে “complex{style}/Your Labels” এই কোডটি পেষ্ট করুন Yours_Labe এখানে আপনার পোষ্ট লেভেল দিন এবং সেভ করুন।