Google blogger দিয়ে নিজের একটি সার্চইঞ্জিন ফ্রেন্ডলি blog তৈরি করুন পর্ব-৫ ব্লগে যুক্ত করুন যুক্ত করুন সুন্দর একটি এইচটিএমএল sitemap.(ভিডিও টিউটোরিয়াল)

আচ্ছালামুয়ালাইকুম, কেমন আছেন সবাই আশা করি ভাল আছেন আমি আল্লাহর রহমতে আপনাদের দোয়ায় ভাল আছি। ব্লগারের মাধ্যমে blog তৈরির ৫ম পর্বে আপনাদের সবাইকে স্বাগতম। প্রিয় ভিজট আমি blog তৈরির ৪র্থ পর্বে আপনাদের দেখিয়েছিলাম, কিভাবে blog এর সাইডবারে একটি facebook লাইক বক্স যোগ করতে হয়, আমি এই পর্বে আপনাদের কে দেখাব কিভাবে ব্লগের জন্য একটি এইচটিএমএল sitmap তৈরি করতে হয়।

• প্রিয় ভিজিটর আমার ব্লগ তৈরির পর্ব গুলিতে সাউন্ড কোয়ালিটি একটু খারাপ ছিল, কিন্তু আপনারা একটু মনযোগ দিয়ে শুনলে বুঝতে পারবেন। ৪র্থ এবং ৫ম পর্ব ভিডিওতে hd সাউন্ড কোয়ালিটি। তাই এই দুই পর্ব মিস করবেন না, কারন ব্লগ তৈরি করতে অনেকেই জানেন কিন্তু ৪র্থ এবং ৫ম পর্বে দেখানো কাজ গুলি অনেকেই করতে জানেন না, তাই যারা ৪র্থ পর্ব দেখেন নি এখান থেকে দেখে নিন, বাকি পর্ব গুলি দেখার জন্য আমার ইউটিউব চ্যানেলে ভিজিট করুন। http://youtube.com/c/postcommentbd

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

এইচটিএমএল সাইট ম্যাপ কোড, নিচে

<div dir="ltr" style="text-align: left;" trbidi="on">

<style scoped="" type="text/css">

#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}

span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}

.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}

.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}

.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;

text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

text-decoration:none;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}

.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}

.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}

#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}

.toc-entry-col1 {counter-increment:rowNumber;}

#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}

td.toc-entry-col2 {background:#fafafa;}

#comments {display:none;}

</style>

<div id="bp_toc" style="max-height: 1200px; overflow-x: auto; overflow: scroll;">

</div>

<script src="https://googledrive.com/host/0B3jgs-7rv9eUNFdPU2RyeDZKakU" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript">

</script></div>

আজকের টিউটোরিয়ালের সপূর্ন ব্যাবহার ভিডিও তে দেখানো হয়েছে।

youtube link https://www.youtube.com/watch?v=cSW31aw9TQw

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

1. নিয়মিত ভিডিও আপডেট পেতে subscribe করুন ইউটিউব চ্যানেলে।
2. নিয়মিত সব আপডেট পেতে লাইক করুন ফেসবুক পেইজে।