بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف المرسلين سيدنا محمد خير خلق الله اجمعين اما بعد ..
درسنا اليوم اخوتى فى الله عن طريقة عمل فهرس احترافى مطور يقوم بفهرسة كل مواضيع مدونتك
على حسب الاقسام وايضاً على حسب اقدمية الموضوع من حيث تاريخ النشرويقوم بتنظيمة فى جدول
منسق ومرتب ذو مظهر جذاب يتناسب مع تنسيق مدونتك تابع معى اخى العزيز الخطوات التاليه :-
اولا قم بالذهاب الى لوحة الادارة الخاصة بمدونتك
ثم قم بالضغط على خيار (الصفحات) من القائمة المنسدلة على يمينك
ثم قم بالضغط على زر html الموجود اسفل عنوان الصفحة التى انت بصدد تحريرها
ثم قم بلثق الكود التالى :-
...................................................
<style type="text/css">
#bp_toc { border: 0px solid #000000; background: #ffffff;
padding: 5px;
width:300px;
margin-top:10px;}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
text-align: center;
background: #E6E6E6;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #CCCCCC;
box-shadow: inset 2px 2px 5px 5px #CCCCCC;
color: #000000;
padding-left: 2px;
width:150px;}
.toc-header-col2 {
width:75px;}
.toc-header-col3 {
width:100px;}
.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:80%;
text-decoration:none;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:70%;
text-decoration:underline;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
border: 2px solid white !important;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #F6F6F6;
white-space:nowrap;}
</style>
<br />
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="https://cdn.rawgit.com/DrRO/condaianllkhir/master/TOC.js" type="text/javascript"></script>
<script src="https://7ssrry.blogspot.com.eg/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div>
<a href="http://www.condaianllkhir.com/" rel="nofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>
</div>
...............................................................
الان قم باستبدال الرابط : https://7ssrry.blogspot.com.eg برابط مدونتك
ملحوظه فى حالة ظهور اى مشكلة فى الكود وظهور رساله باللون الاحمر اعلى الموضوع قم بالضغط على خيار رفض
ثم قم بحفظ الصفحة ومبروك عليك الفهرس الاحترافى
صورة للفهرس على مدونتى الجديدة
اتمنى ان يحوز على اعجابكم
اى استفسار اترك تعليقك وسارد عليك خلال دقائق
المشاركات
ليست هناك تعليقات:
إرسال تعليق