اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

30‏/9‏/2012

إضافة قائمة منزلقة لآخر التدوين لمدونات بلوجر 2012


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

http://img02.arabsh.com/uploads/image/2012/10/01/0d364c436cf103.png


قم بالبحث عن الكود التالي

]]></b:skin>

ثم قم بلصق هذا الكود قبله :

.accordion {
width: 620px;
text-align: center;
border-bottom: solid 1px #c4c4c4;}
.accordion h3 {
background: #e9e7e7 url(http://2.bp.blogspot.com/_jFIsHl5gfpM/TFytEJ5rLTI/AAAAAAAAAf0/ogdrOF9AZ7U/s320/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;}
.accordion h3:hover {
background-color: #e3e2e2;}
.accordion h3.active {
background-position: right 5px;}
.accordion p{
background:url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) ;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;}

قم بالبحث عن الكود التالي

</head>
ثم قم بلصق هذا الكود قبله

<script src='http://bilokr.googlecode.com/files/jquery.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.accordion h3:first&quot;).addClass(&quot;active&quot;);
$(&quot;.accordion p:not(:first)&quot;).hide();
$(&quot;.accordion h3&quot;).click(function(){
$(this).next(&quot;p&quot;).slideToggle(&quot;slow&quot;)
.siblings(&quot;p:visible&quot;).slideUp(&quot;slow&quot;);
$(this).toggleClass(&quot;active&quot;);
$(this).siblings(&quot;h3&quot;).removeClass(&quot;active&quot;);
});
});
</script><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>


قم بالبحث عن الكود التالي (إذا وجدت إثنين فالكود الثاني هو المقصود


<data:post.body/>
ثم قم بلصق هذا الكود بعده

    <b:if cond='data:blog.pageType == "item"'>
    <script language='JavaScript'>
    imgr = new Array();
    imgr[0] = &quot;http://lh5.ggpht.com/_ZXEvc1YiIko/TLzMljzSYFI/AAAAAAAAA4g/FW2VlpJHWfE/s128/no-image.blogspacetech.jpeg&quot;;
    showRandomImg = true;
    jimgwidth = 80;
    jimgheight = 80;
    jfntsize = 12;
    jacolor = &quot;#E67C15&quot;;
    jaBold = true;
    jtext = &quot;التعليقات&quot;;
    jshowPostDate = true;
    jsummaryPost = 200;
    summaryFontsize = 12;
    summaryColor = &quot;#000&quot;;
    numposts = 10;
    label = &quot;إضافات بلوجر&quot;;
    home_page = &quot;http://bilokr.blogspot.com/&quot;;
    </script>
    <div class='accordion'>
    <script src='http://bilokr.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>
    </div>
    </b:if>

    width: 620px قم تغيير هذه القيمة على حسب عرض الإضافة التي تريد
    إضافات بلوجر : قم تغيير هذه التسمية بأحد التسميات الخاصة بمدونتك
    قم بتغيير رابط المدونة برابط مدونتك
    وأخير قم بحفظ القالب

هناك تعليقان (2):

  1. السلام شكرا اخي حصل مشكل وهو اني وجدت من هذا الكود 4 فما العمل وشكراا

    ردحذف
  2. وعليكم السلام اخى حمزة اكود الثانى هو المقصود واسفه على التاخير

    ردحذف

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

جميع الحقوق محفوظة لــ بلوجر توب ©