فهرس أنيق لمدونات بلوجر
آخر المواضيع:
جاري التحميل ...

الاثنين، 28 مارس، 2016

فهرس أنيق لمدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته
اليوم سأقدم لكم فهرس أو خارطة للموقع، بشكل رائع وجذاب، في الحقيقة أنا أستعمله على موقعي ووددت أن أشارككم إياه، المهم هو فهرس ذو مظهر روعة، وجدته منذ مدة 

طريقة وضعه على المدونة:

  1. إذهب إلى تخطيط واختر صفحات ثم إنشاء صفحة جديدة ، أكتب العنوان مثلا ( فهرس الموقع) ، 
  2. ثم بعد ذلك إختر HTML بجانب تأليف ثم إنسخ الكود التالي وألصقه في الصفحة  ثم حفظ ، واستمتع بفهرس مدونة جذاب!

إليكم الكود:
<div dir="ltr" style="text-align: right;" trbidi="on">
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://YourBlog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

 غير الرابط الأحمر برابط مدونتك ، شكرا!

 

 لا نسمح بنسخ مواضيعنا بدون ذكر المصدر ، وذكر المصدر يكون عبارة على وضع رابط الموضوع قابل للضغط

هل إستفدت من هذا الموضوع ؟ من فضلك شاركه على :
روابط هذا الموضوع قابلة للنسخ واللصق
URL
HTML
BBCode

ليست هناك تعليقات

جميع الحقوق محفوظة لــ: Azzouweb.com 2016 © المشرف العام ومالك الموقع: Aziz Chalabi