الاثنين، 28 مارس 2016
فهرس أنيق لمدونات بلوجر
السلام عليكم ورحمة الله تعالى وبركاته
اليوم سأقدم لكم فهرس أو
خارطة للموقع، بشكل رائع وجذاب، في الحقيقة أنا أستعمله على موقعي ووددت أن
أشارككم إياه، المهم هو فهرس ذو مظهر روعة، وجدته منذ مدة
طريقة وضعه على المدونة:
- إذهب إلى تخطيط واختر صفحات ثم إنشاء صفحة جديدة ، أكتب العنوان مثلا ( فهرس الموقع) ،
- ثم بعد ذلك إختر 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&alt=json-in-script&callback=loadtoc">
</script></div>
</div>
غير الرابط الأحمر برابط مدونتك ، شكرا!
لا نسمح بنسخ مواضيعنا بدون ذكر المصدر ، وذكر المصدر يكون عبارة على وضع رابط الموضوع قابل للضغط
ads |
الاشتراك في:
تعليقات الرسالة
(
Atom
)
ليست هناك تعليقات
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.