الكثيرون يعانون من كثرة الإضافات علي الأعمدة لدرجة أصبح موقعهم يستغرق وقتا طويلا للظهور
و قد أحظرت لكم إضافة ستغنيكم عن كل الإضافات و عملها هو إختصار كل الإضافات مثلا : القائمة البريدية ، التسميات ، الأرشيف ، جديد المواضيع .... إلي إضافة واحدة مثلما بالصورة التالية
شرح تطبيق الإضافة
الشرح متكون من 3 مراحل
المرحلة الأولي
سجل الدخول إلي بلوجر ثم أذهب إلي تصميم ثم إلي تحرير html
أضغط علي ctrl+F ثم أبحث عن الكود التالي :
]]></b:skin>
ضع هذا الكود بعد الوسم
]]></b:skin> :
/* Tabbed Sidebar Widgets
--------------------------------- */
.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:8px;
}
.widget-tab {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#FFFFFF
url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif)
repeat-x scroll left bottom !important;
border:1px solid #CFCFCF;
font-family:Arial,Helvetica,sans-serif;
padding:15px !important;
}
.widget-tab ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.widget-tab ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}
.widget-tab ul li:last-child {
border-bottom:none;
}
.widget-tab ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}
.active-tab{
background:#FFFFFF
url(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.gif)
repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;
border-width:1px 1px 2px !important;
color:#282E32 !important;
}
ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tab-wrapper li {
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#191919
url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif)
repeat-x scroll left top;
border:1px solid #464C54;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
line-height:2em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin-right:1px;
padding:8px 14px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
المرحلة الثانية
وضع كود مكتبة جي كويري ،،،،،، ملاحظة : إذا كان الكود موجود فلا داعي لوضعه مجددا
أبحث عن هذا الكود
</head>
وضع قبله هذا الكود :
<!-- jQuery Call -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<!-- End of jQuery Call -->
المرحلة الثالثة والأخيرة
وضع كود الإضافة
أبحث عن </head> وضع قبله الكود التالي :
<script type="text/javascript">
var starttab=0;
var endtab=1;
var sidebarname="sidebar";
</script>
<script type="text/javascript" src="
http://scriptabufarhan.googlecode.com/svn/trunk/bloggertabv1.0-min.js">
</script>
طريقة التعديل : أذهب إلي عناصر الصفحة و ستجد ترتيب الإضافات كالتالي
أختر منها و ضعها في الكود السابق مثلا أنا أخترت 0 ،1 ، 2
يصبح لدينا
و إذا رغبت بإمكانك وضعها كلها
و في الأخير من يريد الإستفسار فأنا هنا
الله يكرمك و يزيد من حسناتك أفظل إضاغة شفتها
ردحذفإضافة مفيدة وتمنح المساحة شكرا علي الإضافة
ردحذفلم أفهم المرحلة الثالثة
ردحذفvar starttab بداية التبويب
ردحذفvar endtab نهاية التبويب
var sidebarname إسم الشريط
جزاك الله كل خير
ردحذفشكرا لك
تحياتي لك
الطريقه غير واضحه
ردحذفماذا تعني بغير واضحة ؟
ردحذفالمرحلتان الأولي والثانية : وضع أكواد css
المرحلة الأخيرة وضع كود جافا سكربت
حجاً مبروراً و سعياً مشكوراً و ذنباً مغفوراً و تجارةً لن تبور بإذن الله تعالى والحمد لله على سلامتك، والله يتقبل منك صالح الأعمال إن شاء الله أسأل الله أن يرزقنا أداء فرضية الحج الجلل عاجلاً غير آجلاً بإذن الله تعالى ” اللهم آمين يا رب العالمين “ وعقبال الجميع إن شاء الله تعالى .. مع خالص الاحترام و التقدير
ردحذف