طريقة انشاء صفحة sitemap فهرس لمدونتك بشكل جذاب وخطوات بسيطة

طريقة انشاء صفحة فهرس لمدونتك بشكل جذاب وخطوات بسيطة

مرحبا بك مجددا عزيزي الباحث عن فهرس للمدونة الخاصة بك هناك العديد من الطرق والمواقع التي تقدم لك اشكال للفهرس ولكن تعتبر صعبة مقارنة بالطريقة التي اقدمه لك فكل ماعليك فعله يتمثل فقط بثلاث خطوات ولن تحتاج الذهاب ل اي موقع اخر بعد تنفيذها

ولنبدا شرحنا 

بالخطوة الاولى

وهي التوجه للمدونة الخاصة بك ثم الانتقال الى الصفحات وانشاء صفحة جديدة 

بالاسم التالي sitemap

;كما في الصورة

وبعد ما انشئنا الصفحة منروح html
ونعمل نسخ للكود الي تحت
ونحط فيه

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://cdn.rawgit.com/assadalqaisi/qaisi1web/master/qaisi-sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
/* CSS Full Sitemap qaisi1web*/
#bp_toc {background:#75CC8E<;color:#fff;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#fff;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#ccc;width:250px;}
.toc-header-col2 {padding:10px;background-color:#ccc;width:75px;}
.toc-header-col3 {padding:10px;background-color:#ccc;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:#fff;font-family:'Noto Sans Kufi Arabic', sans-serif!important;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:#756c6c;}
</style>

واخر حاجه حفظ االصفحة وهي اخر خطوة
يمكنك تغيير اسم الصفحة بعد حفظه بالاسم الذي تريده