السلام عليكم ورحمة الله وبركاته
في درسنا اليوم سوف نتعرف على كيفي تركيب شريط آخر مواضيع المدونة بشكل إحترافي ، ومن مميزات الشريط أنه متجاوب
وأيضاً يظهر تاريخ المشاركة ويوضع في أعلى الهيدر.
::: طريقة التركيب :::
1- ادخل إلى مدونتك ، ثم أختر لوحة التحكم .
2- من لوحة التحكم اختر قالب ثم اضغط على تحرير قالب .
3- ابحث عن الوسم : ]]></b:skin>
4- ضع الكود التالي فوقه .
/* News Ticker Simply Scroll
----------------------------------------------- */
.ticknews,
.simply-scroll {
float:right;
}
.ticknews {
padding:0 10px;
background-color:#01B8C0;
color:#FFFFFF;
margin-left:6px;
}
.simply-scroll {
width:90%;
}
.simply-scroll-container {
position:relative;
}
.news-item a {
text-decoration:none;
font-weight:bold;
}
.news-item span {
background-color:#01B8C0;
display:inline-block;
color:#FFFFFF;
padding:0 5px;
line-height:14px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:8px;
position:relative;
top:-1px;
}
.simply-scroll .simply-scroll-clip {
width:100%;
}
.simply-scroll-clip {
position:relative;
overflow:hidden;
}
.simply-scroll-list,
.simply-scroll-list li {
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.simply-scroll-list li {
width:auto;
display:block;
float:right;
margin:0 10px;
}
#newsticker {
margin:10px;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
line-height:23px;
height:23px;
overflow:hidden;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.index .post-footer, .archive .post-footer {position:absolute;right:-9999px;} 5- ابحث عن الوسم : </head>
6- ضع الكود التالي فوقه .
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='https://googledrive.com/host/0BxFbqjck0GDdWmVNQ21PWkJqRkk' type='text/javascript'/> 7- ابحث عن الوسم : <body>
8- ضع الكود التالي تحته .
<div id='newsticker'/>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
NewsTicker({MaxPost:8});
//]]>
</script> 9- احفظ القالب .
لم تنجح معي لا أعرف لماذا أعلى القائمة http://teqnet02.blogspot.com/
ردحذفالأخ الفاضل / Teq Net
حذفجرب احذف هذا الكود لأنه متوفر في مدونتك ، وأنشألله بتنجح معك :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
ممكن نرسل لك القالب تركبها لي
ردحذفأخي الفاضل / Teq Net
حذفأرسل لنا رابط تحميل القالب ونحن نركب لك الإضافة .
لك منا كل المودة والاحترام . :d :d :d
ممكن بريدك
ردحذفتفضل أخي :
حذفhomeblog7@gmail.com
???? :-?
ردحذفلقد أرسلت لك القالب أخي
ردحذفأخ الفاضل : Teq Net
حذفلقد تم تركيب إضافة شريط آخر الأخبار على قالبك ، وأرسلنا لك رابط تحميل قالبك على إيميلك المدرج لدينا .
تقبلل منا فائق المودة والاحترام :) :) :)
شكرا لك كثيرا كان بودي يكون فوق الشعار أو ماهو رإيكم هل أتركه هكذا أه ماذا
ردحذفأخي الفاضل / Teq Net
حذفإذا أردت أن يكون فوق الشعار كل ماعليك أن تبحث أن هذا الكود :
<div id='newsticker'/>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
NewsTicker({MaxPost:8});
//]]>
</script>
وتضعه تحت هذا الوسم مباشرة : <body>
تقبل منا فائق الاحترام والتقدير .
شكرا لك كثيرا
ردحذفالسلام عليكم عندي مشكله بقالب مدونتي انه لما بعمل مشاركه من المدونه ع مواقع التواصل الاجتماعيه مثل الفيس لاتظهر صوره الموضوع برجاء المساعده هي بتظهر بيضاء
ردحذفhttp://hasanamen.blogspot.com.eg/
أخي الفاضل / hassan amein
حذفأسعد الله أوقاتك بكل خير ومحبة .
أخي الفاضل نحن اطلعنا على مدونتك ، المواضيع التي تطرحها ممتازة ولكن هنالك ثمت شيء في مدونتك إلا وهو تكرر الإضافات لإكثر من مرة مثل : - إضافة اداة التواجدون الآن مكررة ثلاث مرة ، لماذا هذا التكرار يكفي إضافة واحدة ، - أيضاً أرشيف المدونة مكرر مرتين ، - المشاركات الشائعة مكررة مرتين ، - أيضاً أزرار المواقع الإجتماعية تحت ترقيم الصفحات وعلى جانب المدونة لا داعي له
أخي الفاضل عذراً مدونتك غير مرتبة ، وكثرة تكرار الإضافات يسبب التضارب في الأكواد ، أعد ترتيب مدونتك وحذف الإضافات المكررة
سوف تحل المشكلة .
لك منا فائق الإحترام والتقدير .
السلام عليكم اخي باريد انا إضافة مثلها لك لعرض ملاحظاتت أكتبها بنفسي واريدها تظهر بتلك الطريقة وشكرا
ردحذفأخت ندى المطر سؤالك غير واضح وغير مفهوم واضحي سؤالك لكي نعطيكي الإجابة الشافية .
حذف
ردحذفأريد إضافة منسقة مثلها لكن لعرض نص من إختياري يعني نص اقوم انا بكتابته كترحيب أو دعاء او رجاء اي شيء ولكن بنفس التنسيق
الأخت الفاضلة / ندى المطر
حذفهذا الكود حسب طلبك ولكن استعملي الكود في وضعية Html :
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="">ضعي التص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا </a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا </a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right><a href="">ضعي النص هنا</a><right><a href=""> <img src="http://b.top4top.net/p_1001o8a1.png" width="19" height="20" border="2" align=" middle" /></a></right> </marquee>
لك منا كل المودة والإحترام
شكرا لك اخي حياك الله
حذف