شرحنا اليوم هو عن اضافه مميزه لمدونه بلوجر وهي اضافه فهرس للمدونه بطريقه سهله جدا واحترافيه الفهرس كما بالصوره بالاسفل
اضافه هذه الصفحه بسهوله وليس بها اي جهد وكما تعودتم من مدونتكم مونستر للمعلوميات ان كل شرحنا يكون بطرق سهله جدا
اليكم الطريقه في الفيديو بالاسفل
موضوعات مماثله :
- اضافه فهرس لمدونه بلوجر للتسهيل علي الزائرين
- اضافه صفحه اتصل بنا لمدونه بلوجر
- ربط عناويين السوشيل ميديا بمدونه بلوجر
- اضافه صندوق اعجاب صفحه الفيس بوك في بلوجر
<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="http://www.Yourwebsite.com/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>____________________________________________________________________________________________
هذا هو الكود المستخدم تقوم بتعديل اللون العنوان باللون الاحمر الي رابط مدونتك زاكمال الطريقه كما بالشرح في الفيديو
اتمني ان اكون قد نفعتكم
