معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)
-   -   اريد كود شريط اخر الموضوعات (https://www.bloggerexp.com/showthread.php?t=4595)

princess of egypt 11-26-2012 08:40 AM
اريد كود شريط اخر الموضوعات
 
السلام عليكم ورحمة الله وبركاته

ارغب في كود لشريط آخر الموضوعات المتحرك أعلى الصفحة
وأريدة كود html اضيفه عن طريق تحرير القالب لأن القالب عندي ليس به "إضافة أداه" في تخطيط رأس الصفحة

شكراا
والسلام عليكم

احمد نيجر 11-26-2012 06:54 PM
رد: اريد كود شريط اخر الموضوعات
 
يوجد لدى كود بتقنية
j-Query
ولاكن يحتاج الى "إضافة أداه" اذا لا يوجد لديك اضافة اداة جرب تضع فى القالب ولاكن قم باخذ نسخة احتياطية قبل العمل

اقتباس:
<script type='text/javascript'>
jQuery.noConflict();
</script>

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float :left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


<script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script>
<script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 15;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
jQuery(document).ready(function($) {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 7,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'down'
});});
</script>
<div id="sai">
<script src='http://4feeds.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<a href="http://www.4niger.net/"> Get it here </a>

طريقة تركيب الكود بمدونات بلوجر
الدخول على التصميم ثم إضافة أداة >>> Html,Javascript
نسخ الكود السابق ولصقه بالنافذة


وضع رابط موقعك أو مدونتك بدلا من
http://4feeds.blogspot.com/

ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
var numposts = 15;
وعدد المواضيع المعروضة عن طريق التغيير فى القيمة
showItems: 7,
والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
speed: 500,
pause: 3000,
يفضل وضع صورة فى كل موضوع لتظهر بالإضافة

princess of egypt 11-26-2012 11:29 PM
رد: اريد كود شريط اخر الموضوعات
 
لا انا اقصد شريط مثل الشريط الاخباري المتحرك في راس الصفحة

على خالد 11-27-2012 10:59 PM
رد: اريد كود شريط اخر الموضوعات
 
وانا كمان عايز نفس الكود

Ayoub-php 11-28-2012 06:08 PM
رد: اريد كود شريط اخر الموضوعات
 
إذهب إلى تصميم ثم عناصر الصفحة، واضغط إضافة أداة HTML/JavaScript والصق الكود التالي :

كود:
اقتباس:
<table align="right" width="900" height="25" border="0" background="http://i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png"> <tr><td width="246" height="25"> <div align="left"> <script type="text/javascript"> var w2bWidth= 90; var w2bScrollAmount=10; var w2bScrollDelay=50; var w2bDirection="right"; var w2btargetlink="yes"; var w2bnumPosts=10; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="http://3.bp.blogspot.com/-C5usTkdJpGU/T6Apka0TE3I/AAAAAAAAZKg/VA6dMd6neEw/s1600/21.png"; var w2bfontsize=16; var w2bbgcolor="transparent"; var w2blinkcolor="FFDA00"; var w2blinkhovercolor="3366CC"; </script> <script type="text/javascript" src="http://yourjavascript.com/5685222181/bloggerexp_v3.js" ></script> <script type="text/javascript" src="http://bloggerexp-test1.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script> <noscript></noscript> </div></td></tr>
</table>
  • width="900" من الأفضل أن تتناسب القيمة 900 مع عرض المدونة بالبكسل
  • background="http://i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png" الرابط المشار إليه بالأحمر يمثل خلفية الشريط.
  • w2bDirection اتجاه الشريط
  • w2bnumPosts عدد المواضيع المعروضة بالشريط
  • w2bimgurl رابط الصورة الفاصلة بين كل موضوعين
  • w2bfontsize حجم الخط
  • w2bbgcolor لون خلفية الشريط
  • w2blinkcolor لون الروابط قبل الضغط عليها
  • w2blinkhovercolor لون الروابط بعد الضغط عليها
  • max-results=10 الرقم 10 يمثل أيضا عدد المواضيع المراد عرضها
ملاحظة : لا تنس استبدال الرابط http://bloggerexp-test1.blogspot.com برابط مدونتك.


هذا كل شيء.
بالتوفيق

خالد الاحمري 11-28-2012 06:28 PM
رد: اريد كود شريط اخر الموضوعات
 
الكود الذي اعطاك اخي ايوب

جميل جداً , :ok:

princess of egypt 12-01-2012 01:57 PM
رد: اريد كود شريط اخر الموضوعات
 
الكود جميل ولكن لا يمكن تركيبه عندي في اعلى الصفحة من خلال التخطيط

كيف يمكن ان اقوم بتركيبة من داخل القالب نفسه

ارجو الرد

admin 12-01-2012 07:05 PM
رد: اريد كود شريط اخر الموضوعات
 
في أي مدونة تريد تركيب الشريط ؟

princess of egypt 12-07-2012 11:52 AM
رد: اريد كود شريط اخر الموضوعات
 
في مدونتي اخي عثمان

http://knowledge0world.blogspot.com/

admin 12-07-2012 11:37 PM
رد: اريد كود شريط اخر الموضوعات
 
جرب مباشرة بعد :
كود:
<div id='content-wrapper'>

princess of egypt 12-08-2012 05:28 PM
رد: اريد كود شريط اخر الموضوعات
 
ظهر لي خطأ

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. <br/> رسالة خطأ XML: The reference to entity "callback" must end with the ';' delimiter.

Error 500

admin 12-08-2012 09:13 PM
رد: اريد كود شريط اخر الموضوعات
 
انسخ كود الإضافة واستعمل محول أكواد بلوجر

princess of egypt 12-10-2012 09:22 PM
رد: اريد كود شريط اخر الموضوعات
 
لكن ازاي اغير كلمة "الاخبار" بكلمة "اخر المواضيع"

www.moso3te.com 12-13-2012 08:23 PM
رد: اريد كود شريط اخر الموضوعات
 
<table align="right" width="500" height="25" border="0" background=" ">
<tr><td width="230" height="25">
<div align="left">

<script type="text/javascript">
var w2bwidth= 100;
var w2bscrollamount=0;
var w2bscrolldelay=100;
var w2bdirection="right";
var w2btargetlink="yes";
var w2bnumposts=999;
var w2bbulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="http://im21.gulfup.com/bwpp1.png";
var w2bfontsize=12;
var w2bbgcolor="transparent";
var w2blinkcolor="ffda00";
var w2blinkhovercolor="3366cc";
</script>
<script src="http://egymodern.googlecode.com/files/recent-posts-comments-scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=w2badvrecentpostsscrollerv3&max-results=10"></script></div></td></tr></table>


الساعة الآن 12:01 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012