ادسنسالربح من الانترنتالفيديوبلوجرشروحات
خاص للمبتدئين 2020 كيفية اضافة صفحة خريطة الموقع للمدونة؟
بسم الله الرحمن الرحيم
زوار المدونة تكنولوجيا التعليم والمعلومات
السلام عليكم ورحمة الله وبركاته
اليوم في هذا الدرس الجديد، والمهم أيضاً، في تحسين المدونة، سواءًً للاطراف الخارجية، او لزائر المدونة.
وهذا الموضوع هو بعنوان:-
كيف تضيف صفحة خريطة الموقع للمدونة؟
بدايةً يجب ان تفرق بين إضافة خريطة بالنسبة لأدوات مشرفي المواقع.
وبين إضافة صفحة خريطة الموقع للمدونة.
فـــ الاول هي من اجل اثبات ملكية للموقع اولاً وثانيا من اجل السماح لعناكب البحث الدخول لمواضيع المدونة، من اجل اضهار موضوعات المدونة في محركات البحث والتي تسمى بفهرسة المدونة.
اما الثاني وهو موضوع حديثنا، ويقصد به اضافة صفحة خريطة الموقع وهي خاصه بموقع المدونة.
بمعنى ان هذه الصفحه توضح جميع الاقسام التي تحتويها مدونتك، مثلاً مثل قسم ادسنس، او قسم الربح من الانترنت، او قسم الربح من اليوتيوب، او قسم بلوجر، وهكذا تتعدد الأسماء من مدونة إلى اخرى.
والغرض من هذا كله هو تسهيل عملية البحث والتنقل لزائر المدونة بين صفحاتها واقسامها، خاصة في بعض المدونات التي لا تضهر اقسامها للزائر سواء يرجع ذلك الى المدون نفسه او ان بعض القوالب تتعذر اضافة مثل هذه الأشياء والتي تعتبر من الأشياء الضرورية في التدوين.
لا أُطيل عليكم في الشرح والتوضيح، بين الاشياء الخارجه عن موضوعنا الحالي.
الان مع شرح الموضوع:-
سنستخدم في موضوعنا اليوم ثلاثه اكواد.
طبعا هذه الأكواد سنستخدمها بعد الذهاب الى إعدادات المدونة، ونختار المظهر، وبعدها نختار تعديل HTML
ثم نبحث عن الوسم
ثم نضع الكود الأول تحته
اما الكود الثاني سوف نبحث عن اكواد css
وسوف نجد الكثير منها ونضع الكود في نهاية احد هذه الاكواد.
اما الكود الثالث فسوف نضعه في نهاية القالب وقبل الوسم
وتابعوا الفيديو للتعرف اكثر وعدم الاستعجال كي لا تتسبب في ارتكاب أخطاء في القالب
ـــــــــــــــــــــــــــــــــــــــــــــــــ
الكود الاول
[sitemap]
.mapasite {margin-bottom: 10px;background-color: #F8F8F8}
.mapasite.active .mapa {display: block}
.mapasite .mapa {display: none}
.mapasite h2 {background-color: #EEE;color: #000;font-size: 15px;padding: 10px 20px;border-radius: 2px;margin-bottom: 0;cursor: pointer;font-weight: 700}
.mapasite h2 .botao {font-size: 18px;line-height: 1.2em}
.botao .fa-minus-circle {color: #f30}
.mapapost {overflow: hidden;margin-bottom: 20px;height: 70px;background-color: #FFF}
.mapa {padding: 40px}
.map-thumb {background-color: #F0F0F0;padding: 10px;display: block;width: 65px;height: 50px;float: right;}
.map-img {width: 65px;height: 50px;overflow: hidden;border-radius: 2px}
.map-thumb a {width: 100%;height: 100%;display: block;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important}
.map-thumb a:hover {-webkit-transform: scale(1.1) rotate(-1.5deg)!important;-moz-transform: scale(1.1) rotate(-1.5deg)!important;transform: scale(1.1) rotate(-1.5deg)!important;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important}
.mapapost .wrp-titulo {margin-top: 0 !important;padding-top: 10px;font-weight: 700;font-size: 14px;line-height: 1.3em;padding-right: 25px;padding-left: 10px;display: block;overflow: hidden;margin-bottom: 5px;}
.mapapost .wrp-titulo a:hover {color: #f30;text-decoration: underline}
.map-meta {display: block;float: right;overflow: hidden;padding-right: 25px;}
.mapasite h2 .botao {float: right;padding: 10px 10px 10px 10px;}
span.p-author {float: right;padding-left: 5px;}
span.p-date {float: left;padding-right: 5px;}
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
الكود الثالث
نتيجة لوجود خطأ في القالب وعدم تحميل للصفحة كاملا تجدون الاكواد كامله 👇
هنا
مع خالص تحياتي بالتوفيق للجميع
السلام عليكم ورحمة الله
ردحذفوين الكود الثالث
هنا في هذا الرابط
حذفhttps://anamdon.blogspot.com/2019/12/blog-post_32.html?m=1