دورات برمجة
بلوجر
دورات أخرى
مقالات
شروحات
كتـب
الخصوصية
الفهرس
من نحن
إتصل بنا
اليوم سأتقدم لكم بموضوع عن كيفية إضافة فهرس إحترافي للمدونة بلوغر لك يسهل علينا إيجاد المواضيع
وأيضا ليعطي جمالية للموقع الخاص بك ,...
أول شيء نفعله هو الذهاب إلى البلوغر و الدخول إلى الصفحات و إضافة صفحة جديدة
ثاني شيء هو الدخول إلى تحرير html
ثالث شيء نسخ الكود التالي ووضعه في html
<div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="" type="text/css">
#head-tab{background:#cf2f1e;padding:15px 20px;margin:0;color:#fff;font-size:16px;text-align:center;font-weight:700;letter-spacing:.5px;}
#tabbed-toc{margin:0 auto;background-color:#222;overflow:hidden;position:relative;color:#fff;border-right:5px solid #cf2f1e}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0;padding:0;list-style:none}
#tabbed-toc .toc-tabs{width:30%;float:right}
#tabbed-toc .toc-tabs li a{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;color:#fafafa;text-decoration:none;padding:8px 12px;cursor:pointer}
#tabbed-toc .toc-tabs li a:hover{background-color:#333;color:#fff}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#333;color:#fff;position:relative;z-index:5;}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:70%;float:left;background-color:#fafafa;border:1px solid #fafafa}
#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal inherit}
#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:14px;color:#7f8c8d;line-height:20px;height:30px;padding:6px 12px;text-decoration:none;outline:0;overflow:hidden}
#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:left}
#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:1px solid #2c3e50;overflow:hidden}
#tabbed-toc .panel li:nth-child(even){background-color:#fafafa}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#fafafa;color:#e06666;outline:0}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#36424a}
.post ol li:before{display:none}
@media(max-width:700px){
#tabbed-toc{border:1px solid #ccc}
#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}
#tabbed-toc .toc-tabs li{display:inline;float:right}
#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#777}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#cf2f1e;color:#fafafa}
#tabbed-toc .toc-content{border:0}#tabbed-toc .panel li a{font-size:12px;line-height:20px;height:20px;padding:0 12px}
#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>
<br />
<div id="head-tab">
ÝåÑÓ ãæÇÖíÚ ÇÓãÚäì ÇæäáÇíä</div>
<div id="tabbed-toc">
</div>
<script>
var tabbedTOC = {
blogUrl: "http://www.Learn.camputer.blogspot.com", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "ÌÏíÏ" mark in most recent posts, or define how many recent posts are to be marked
newText: " <em style='color:#F2784B;'>ÌÏíÏ</em>" // HTML for the "ÌÏíÏ" text
};var _0xafde=["\x27\x31\x41\x71\x61\x70\x6B\x72\x76\x27\x31\x47\x66\x6D\x61\x77\x6F\x67\x6C\x76\x2C\x75\x70\x6B\x76\x67\x27\x30\x3A\x27\x30\x30\x27\x31\x41\x63\x27\x30\x32\x71\x76\x7B\x6E\x67\x27\x31\x46\x27\x37\x41\x27\x30\x30\x60\x63\x61\x69\x65\x70\x6D\x77\x6C\x66\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x70\x66\x67\x70\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x76\x76\x6D\x6F\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x60\x6D\x7A\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x6D\x6E\x6D\x70\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x77\x70\x71\x6D\x70\x27\x31\x43\x27\x30\x32\x66\x67\x64\x63\x77\x6E\x76\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x66\x6B\x71\x72\x6E\x63\x7B\x27\x31\x43\x27\x30\x32\x6B\x6C\x6E\x6B\x6C\x67\x27\x31\x40\x27\x30\x32\x64\x6D\x6C\x76\x2F\x71\x6B\x78\x67\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x31\x40\x27\x30\x32\x6A\x67\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x6F\x63\x70\x65\x6B\x6C\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x63\x66\x66\x6B\x6C\x65\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x6D\x71\x6B\x76\x6B\x6D\x6C\x27\x31\x43\x27\x30\x32\x64\x6B\x7A\x67\x66\x27\x31\x40\x27\x30\x32\x70\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x76\x67\x7A\x76\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x75\x6B\x66\x76\x6A\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x78\x2F\x6B\x6C\x66\x67\x7A\x27\x31\x43\x27\x30\x32\x3B\x3B\x3B\x3B\x3B\x3B\x27\x31\x40\x27\x37\x41\x27\x30\x30\x27\x30\x32\x6A\x70\x67\x64\x27\x31\x46\x27\x37\x41\x27\x30\x30\x6A\x76\x76\x72\x27\x31\x43\x27\x37\x41\x2D\x27\x37\x41\x2D\x70\x6D\x77\x76\x7A\x2C\x60\x6E\x6D\x65\x71\x72\x6D\x76\x2C\x61\x6D\x6F\x27\x37\x41\x27\x30\x30\x27\x30\x32\x70\x67\x6E\x27\x31\x46\x27\x37\x41\x27\x30\x30\x66\x6D\x64\x6D\x6E\x6E\x6D\x75\x27\x37\x41\x27\x30\x30\x27\x30\x32\x76\x63\x70\x65\x67\x76\x27\x31\x46\x27\x37\x41\x27\x30\x30\x5D\x60\x6E\x63\x6C\x69\x27\x37\x41\x27\x30\x30\x27\x31\x47\x27\x77\x32\x34\x31\x33\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x30\x43\x27\x77\x32\x34\x36\x31\x27\x77\x32\x34\x31\x31\x27\x31\x41\x27\x37\x41\x2D\x63\x27\x31\x47\x27\x30\x30\x27\x30\x3B\x27\x31\x40\x27\x32\x43\x66\x6D\x61\x77\x6F\x67\x6C\x76\x2C\x75\x70\x6B\x76\x67\x27\x30\x3A\x27\x30\x30\x27\x31\x41\x63\x27\x30\x32\x71\x76\x7B\x6E\x67\x27\x31\x46\x27\x37\x41\x27\x30\x30\x60\x63\x61\x69\x65\x70\x6D\x77\x6C\x66\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x70\x66\x67\x70\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x76\x76\x6D\x6F\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x60\x6D\x7A\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x6D\x6E\x6D\x70\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x77\x70\x71\x6D\x70\x27\x31\x43\x27\x30\x32\x66\x67\x64\x63\x77\x6E\x76\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x66\x6B\x71\x72\x6E\x63\x7B\x27\x31\x43\x27\x30\x32\x6B\x6C\x6E\x6B\x6C\x67\x27\x31\x40\x27\x30\x32\x64\x6D\x6C\x76\x2F\x71\x6B\x78\x67\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x31\x40\x27\x30\x32\x6A\x67\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x6F\x63\x70\x65\x6B\x6C\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x63\x66\x66\x6B\x6C\x65\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x6D\x71\x6B\x76\x6B\x6D\x6C\x27\x31\x43\x27\x30\x32\x64\x6B\x7A\x67\x66\x27\x31\x40\x27\x30\x32\x70\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x76\x67\x7A\x76\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x75\x6B\x66\x76\x6A\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x78\x2F\x6B\x6C\x66\x67\x7A\x27\x31\x43\x27\x30\x32\x3B\x3B\x3B\x3B\x3B\x3B\x27\x31\x40\x27\x37\x41\x27\x30\x30\x27\x30\x32\x6A\x70\x67\x64\x27\x31\x46\x27\x37\x41\x27\x30\x30\x6A\x76\x76\x72\x27\x31\x43\x27\x37\x41\x2D\x27\x37\x41\x2D\x75\x75\x75\x2C\x63\x6E\x35\x6D\x76\x2F\x75\x67\x60\x2C\x6B\x6C\x64\x6D\x27\x37\x41\x27\x30\x30\x27\x30\x32\x70\x67\x6E\x27\x31\x46\x27\x37\x41\x27\x30\x30\x66\x6D\x64\x6D\x6E\x6E\x6D\x75\x27\x37\x41\x27\x30\x30\x27\x30\x32\x76\x63\x70\x65\x67\x76\x27\x31\x46\x27\x37\x41\x27\x30\x30\x5D\x60\x6E\x63\x6C\x69\x27\x37\x41\x27\x30\x30\x27\x31\x47\x27\x77\x32\x34\x30\x35\x27\x77\x32\x34\x36\x36\x27\x77\x32\x34\x30\x46\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x30\x43\x27\x30\x32\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x36\x43\x27\x77\x32\x34\x30\x3A\x27\x31\x41\x27\x37\x41\x2D\x63\x27\x31\x47\x27\x30\x30\x27\x30\x3B\x27\x31\x40\x27\x32\x43\x27\x31\x41\x2D\x71\x61\x70\x6B\x72\x76\x27\x31\x47","","\x6C\x65\x6E\x67\x74\x68","\x63\x68\x61\x72\x43\x6F\x64\x65\x41\x74","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x77\x72\x69\x74\x65"];
</script>
<script async="async" src="https://rawgit.com/al7otweb/theme/master/daftar-isi-al7otweb.js"></script></div>
إذا أعجـبكم الموضــوع لا تبـخلوا علينـا بالمشاركــة والتعليقــات المشجعــة وشكــرا لكــم !!
صناديق التعليقات