আপানর ব্লগার সাইটের জন্য নিন এক অসাধারণ সাইট ম্যাপ

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

আগে ডেমো দেখে নিন

প্রথমঃ Blogger account থেকে Dashboard এ যান।

দ্বিতীয়ঃ এবার Dashboard থেকে New page এ যান এবং নতুন একটি পেজ খুলুন। 
তৃতীয়ঃ এবার Compose থেকে HTML ভিউ তে যান। 
 
চতুর্থঃ এবার নিচের কোড টুকু কপি করে পেস্ট করুন।
 
<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:scroll;overflow-x:auto;">
</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>
পঞ্চমঃ এবার যদি পেজ এর হাইট কমাতে বা বাড়াতে চান তবে max-height:1200px এ গিয়ে পরিবর্তন করুন  
ষষ্ঠঃ আর যদি বাকগ্রাউন্ড কালার পরিবর্তন করতে চান তবে background:#008CDB;. এখানে গিয়ে পরিবর্তন করুন। 
ব্যাস কাজ শেষ এবার Publish বাটন এ ক্লিক করুন। 

Level 2

আমি সফি উল্লাহ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 49 টি টিউন ও 166 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

কাজের না