الأربعاء، 29 يوليو، 2015

How to Create Sitemap Page For Blogger , كيفية إنشاء خريطة الموقع صفحة للمدون

How to Create Sitemap Page For Blogger Blog - كيفية إنشاء خريطة الموقع صفحة للمدون المدونة


How to Create a Sitemap Page For Blogger Blog or your wordpress website.Sitemap page will help your readers in easy navigating through your posts in a particular manner.
This tutorial will show you how to create a sitemap page for your blogger in a monthly archived fashion.

How to Create Sitemap Page For Your Blogger Blog

Steps to create a sitemap page for your blog

1.Go to your blogger dashboard and select Pages.
2.Create a new page and give some name.
3.click on HTML tab of your page and copy past the following code in it.

<center>
<a class="classname" href="http://ksaflhcom.blogspot.com/2015_07_01_archive.html">July 2015</a><a class="classname" href="http://ksaflhcom.blogspot.com/2015_06_01_archive.html">
June 2015</a>
</center>
<style type="text/css">
.classname {
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
 background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
 background-color:#ededed;
 -moz-border-radius:21px;
 -webkit-border-radius:21px;
 border-radius:21px;
 border:3px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #ededed) );
 background:-moz-linear-gradient( center top, #d6d6d6 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ededed');
 background-color:#d6d6d6;
}.classname:active {
 position:relative;
 top:1px;
}
</style>

NOTE:
1.This code has sitemap for two months you can add more by copy pasting the above bold text.
2.Replace the above highlighted red text with your monthly archive blog urls .
3.Replace the above highlighted blue text with the month-year you desire.
4.To maintain space between buttons you can add <br/> for new line.

Now publish the page and add your sitemap page URL anywhere in your blog.I would recommend you to add your sitemap page in the footer of your blog.

0 التعليقات:

إرسال تعليق

( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ تذكر أن الله يراك)
1- اي روابط سبام حذف + حجب العضو
2- الأداره مدققه جدا بنشر اي روابط مخالفه ..

(استغفر الله العلي العظيم واتوب إليه
سبحان الله وبحمده سبحان الله العظيم
اللهم صلَّ وسلم على نبينا محمد وعلى آله وصحبه أجمعين
(اذكروا الله يذكركم)

شكرا لمتابعتكم لمدونه منتديات غزل المدينه ..
منتديات غزل المدينه
موقع غزل
ألأداره ..: