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

Advertisemen

আপানর ব্লগের জন্য একটি সাইট ম্যাপ খুবই জরুরি। কারণ , যখন কোন ভিজিটর আপানার সাইটে ভিজিট করবে তখন সে চাইবে যেন আপানার এলোমেলো পোস্ট গুলিকে এক স্থানে দেখতে পাওয়া যায়। আর সাইট ম্যাপ হল সেই পেজ যেখানে আপনার সকল পোস্ট গুলিকে একত্র পাওয়া যাবে। তবে দেরি কেন ? শুরু করুন।
প্রথমে ডেমো টি দেখে নিন
প্রথমঃ 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 বাটন এ ক্লিক করুন। 
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments