اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه
السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد وحصري لمدونة جلال البعداني ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عباره عن شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط افقي متحرك يتم وضعه اسفل الهيدر بحيث يكسب الصفحة ديناميكية ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .تتميز هذه الاضافه بجماليتها وبخفتها وقد قمت بتوفيرها بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,اطيل عليكم هذه المره سوف اترككم مع الشرح
ونلصق الكود التالي قبله تماما / فوقه
الان قم باستبدل الرابط التالي
ستجد الرابط في السطر التاسع من الكود السابق باللون الازرق
وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه
كيفية اضافة شريط احدث الاخبار الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك
كوداللون الازرق
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> #beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box;border-left: none;max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px; line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal; text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if>
كوداللون الاحمر
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box; border-left: none; max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold; font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if>
كوداللون الاخضر
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'>#beakingnews{width:980px;margin:0 auto; line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box; border-left: none; max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px; line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal; text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if>
الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه
واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه السليم لذلك سوف يكون هذا الامر راجع لك
سوف نقوم بالبحث عن الكود التالي
واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه السليم لذلك سوف يكون هذا الامر راجع لك
سوف نقوم بالبحث عن الكود التالي
<div class='main-outer'>
ونلصق الكود التالي قبله تماما / فوقه
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News--> <div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan--> </div><!-- tag penutup tempat Breaking News--> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { var url_blog = 'http://alb33dani.com/', // alamat blogmu contoh http://mkr-site.blogspot.com numpostx = 10; // Jumlah artikel yang di tampilkan $.ajax({ url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; } } posttitle = entry[i].title.$t; skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>'; } skeleton += '</ul>'; $('#recentpostbreaking').html(skeleton); // kode untuk efek pada breaking news function tick(){ $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); } setInterval(function(){ tick () }, 5000); } else { $('#recentpostbreaking').html('<span>No result!</span>'); } }, error: function() { $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>'); } }); }); //]]> </script> </b:if></b:if>
الان قم باستبدل الرابط التالي
http://alb33dani.com
برابط مدونتك ستجد الرابط في السطر التاسع من الكود السابق باللون الازرق
وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه
مشكور على هذة الاداة الرائعة وانا متابع اول بأول لتدوينانتك الرائعة الى الامام أخي جلال
ردحذفالله يحييك اخي ,, شكرا لحسن متابعتك وطيب كلامك
حذفاخي جلال تم الاضافه الحمد لله ولاكن لا تظهر الاخبار او المواضيع الجديده؟؟
حذفما السبب
السلام عليكم اخي الكريم
حذفكيف استطيعانشاء الاضافات على جانبي المدونة( الايمن والايسر) وليس على جانب واحد
مش موجود <div class='main-outer'
حذفراااااااااااااااااااااااااااااااااااااااااااااااااااااااائع اخى البعدانى جيد انى ثانى معلق على هذة التدوينة المباركة الرائعة ساضيف الزرقاء حتى تتماشى مع مدونتى
ردحذفاشكرك اخي على حسن متابعتك ,, مرورك دائما يسعدني ,,, اتمنى لك التوفيق
حذفأخي جلال عملت كل اشي وبعطيني اخر اشي كلمة loading .... وما بتتغير ما هي المشكلة ؟
ردحذفاخي تاكد من انك اضفت الكود الثاني بطريقه سليمه ,, لان الاضافه تعمل بكفائه ومجربه على اكثر من قالب
حذفيجب عليك تغيير رابط الموقع http://alb33dani.com الى موقعك
حذففي الكود الاول
بحثت في القالب عن هذه الأداة لكني لم أجدها main-outer
ردحذفلقد ظهرت شكرا على الإضافة
حذفhttp://www.tout-maroc.tk/
رائع شكرا اخى
ردحذف(h)
ردحذفشكرا على كلامك الطيب اخى
ردحذفالسلام عليكم اخي جلال اريد إستفسارك في دومين .ml مجاني لفترة محدودة في احد المواقع هل الدومينات المجانية جيدة اقصد الارشفة و SEO
ردحذفأخي في مدونتنا قمنا بتركيب هذا النطاق وانا اعتقدت انه ليس جيد لانه يمنع اعلانات جوجل ادسنس فا نصيحة لأخ لك لا تركبه فنحن اعدنا نطاق blogspot
حذفالسلام عليكم اخي شرح رائع لكن هناك عندي مشكلة لم اجد الكود الاخير كود الهيدر
ردحذفاخي اذا كنت تستخدم قالب المحترف فهذا الكود موجود فيه
حذف<div class='main-outer'>
لذا قم بالتاكد من البحث او اذا كنت تستخدم قالب اخر فقم بوضع رابط مدونتك للمعاينه
لا لا استخدم قالب المحترف
حذفمدونتي http://goo.gl/qmBLDE
حسنا اخي قم بالبحث عن الكود التالي
حذف<div id='container'>
والصق كود الاضافه قبله تماما / فوقه
شكراااا لكم إخوتي لكن المشكلة في ظهور كلمة loading تابع المثال من هنا :
ردحذفhttp://th3proacademy.blogspot.com/
ارجوو الحل
اخى الكود التانى مش موجود فى القالب
ردحذفقم بالبحث عن الكود
حذف<div id='main'>
والصق كود الاضافه قبله تماما (فوقه)
اخي تاكدت من تطبيق الخطوات وتضهر لي لودينغ!
ردحذفالسلام عليكم ورحمه الله وبركاته .. أشكرك جزيل الشكر أخى جلال على هذه الاضافه المميزة للغايه .. ولكن لدى مشكلة بسيطه وهى عدم توافر هذا الكود div class='main-outer'> داخل القالب المستخدم وللعلم القالب المستخدم هو قالب "ليوماجازين" الذى تفضلت بعرضه مجانآ لنا ونشكرك كثير على ذلك (h) .... أنتظر ردك اخى . دمتم بود :)
ردحذفوعليك السلام ورحمة الله وبركاته اشكرك اخي
حذفبالنسبه للكود قم بالبحث عن الكود التالي
<div class='loadSmooth' id='content'>
والصق كود الاضافه قبله تماما
اخي جلا ل لم تجبني في امر الدومين .ml الجاني اللي قلت لك (b)
ردحذفاخي والله لا اجد لك جواب شافي لاني لم اجربه
حذفالسلام عليكم اخ جلال ممكن توضح كيف اضافة التعليق كـ مجهول للمدونة :) ارجو الرد ..
ردحذفإدهب الى لوحة التحكم ثم الإعدادات ثم مشاركات وتعليقات ثم حدد العلامة على أي شخص ء بما في ذلك المستخدمون المجهولون ثم حفظ الإعدادات هذا كل شيء :>)
حذفشكرا لك اخي محمد
حذفشكرا اخي جلال المهم والله محتاج دومين ارجو ان تعمل دروس حول هدا الموضوع
ردحذفادخل على هذه الموقع وعمل دومن مجاني ml
حذفhttp://www.point.ml/en/index.html?lang=en
:)
يا اخي انا اعرف الموقع المشكل في ان الدومينات المجانية لا تعترف بها غوغليا اخي انا اعرف الموقع المشكل في ان الدومينات المجانية لا تعترف بها غوغل
ردحذفصح :>) والدومين المجاني ضد سياسة غوغل ادسينس
حذفالسلام عليكم اهلا بك اخى جلال
ردحذفلم استطيع الوصول الى الكود الثانى فى القالب
وهذه هى المدونه
conquerarab.blogspot.com
قم بالبحث عن الكود التالي
حذف<div id='content-wrapper'>
والصق كود الاضافه قبله تماما / فوقه
السلام عليكم أخي جلال انا محتااااااااااجك ضرووووووررري و في الحال
ردحذفلقد تم قبولي في قوقل ادسنس و تبقى اكمال الإجراءات
فممكن تشرح لي الخطوة الأولى ( الوحدات الإعلانية ) فما المقاسات المناسبة و ماذا يقصد بالقنوات المخصصة ؟؟
بالله عليك ان تسرع
وهذه هي مدونتي
http://world-k.blogspot.com/
انت فين تبقى لي شفرة الإعلان اين اضعها بلضبط
ردحذفاخي الكريم قم بنسخ شفرة الاعلان وضعها اينما شئت في المدونه حسب رغبتك
حذفشكرا أخي = ممكن مساعدة أخرى
ردحذفعند اضافة من اكواد HTML/JavaScript مثلا لترقيم الصفحات و سهم الذهاب لأعلى - فتتم بصورة جيدة
ولكن المشكلة في بيكون عندها ايقونة لا استطيع إخفائها
ولفهم المشكلة جيدة ادخل مدوني و انظر إلى الجانب الأيسر
ستجد كثير من الأكواد الفارقة وهي أصلا تبع كود ترقيم الصفات و سهم الزهاب لأعلى
كيف أخفيها ؟؟؟؟؟؟
المدونة http://world-k.blogspot.com/
ممكن تصمملي منتدى vb اخي البعداني ارجوك حاولت بس ما عرف وتركبلي فيه استاي ترادنيت v2
ردحذفعندما اريد ان اضيف كود css يقول لي خطا
ردحذفشكراُ علىّ كل حال
بعد وضع الكود يقول لى لودنج مع العلم وضعت الكود صحيح
ردحذفما شاء الله عليك تم بالفعل
حذفhttp://conquerarab.blogspot.com/
شكرا لك اخي في شي اخير قم بالبحث عن الكود التالي
حذف#beakingnews{width:980
وغير قيمته من 980 الى 950 ليتناسق مع عرض القالب
تم حل المشكلة من هذا التعليق شكراً لكم x-) hihi
حذفإخوتي لدي المشكلة في ظهور كلمة loading في شريط أحدث آخبار تابع المثال من هنا :
ردحذفhttp://basmat-android.blogspot.com/
أرجواالحل
اخي جلال ,
ردحذفهل يوجد تعديل ليصبح الشريط متحرك ؟
شــكراً عـلـى الأضـافـة .. لـكن أخـي تـظـهـر فـقط Loading... دون تغير .. ومـتأكــد 100% أنـ الـتـركيــب صــحيح . ممـكن حــل ؟.
ردحذفشــكراً شــكراً .. أخــر طـلـب .. أخـي .. أريــد عـرض كـل الـتـسمـيات فـي السلايدشو لــيس فـقط تـسـمـية واحــدة بـل عـدة تــسـمـيات ؟.
ردحذفللاسف اخي هذا السلايد شو يعتمد على عرض مواضيع قسم واحد من اقسام المدونه
حذفالسلام عليكم اخي جلال تم تركيب بشكل سليم لكن الكتابة غير كاملة تظهر فقط أحدث و الكتابة الثانية الأخبار لا تظهر http://star-elibdaa.blogspot.com
ردحذفقم بالبحث عن الكود التالي
حذف</head>
والصق الكود التالي قبله تماما
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1' type='text/javascript'></script>
السلام عليكم و رحمة الله وبركاته
ردحذفجميل أخي شكرا جزيلا لك
تفضل بزيارة مدونتي :)'!
http://th-informatics.blogspot.com/
وعليك السلام اخي شكرا لمرورك
حذفمرحبا أخوي .. اضفت الشريط بعد معاناة بس يطلعلي "لودينغ" ومافي اخبار ؟!!
ردحذف(h)
ردحذفأخوي jalal ما نفع الكود .. ممكن كود آخر
ردحذفالاضافه تعمل بكفائه ولكنك لم تقم باستبدال http://www.alb33dani.com رابط مدونتك
حذف:-)
ردحذفكيف استبدل رابط مدونتي برابط مدونتك .. بحثت عن الكود ولم اجده [-(
ردحذفخلاص أخوي عرفت استبدله .. مشكوووور يا فناان .. لكن هل استطيع تكبير حجم الخط في هذا الشريط ام هو اساسي لايتغير؟؟
حذفأخي جلال ويش صار بالنسبة للقالبي وشكرا :-?
ردحذف
حذفأخي جلال ممكن تضيف لي شريط أخر الاخبار أذا بالامكان لون بنفسجي أو الاحمر وتحل مشكلة كلمة لودينق وأرجو تجريب القالب عندك لانة بعد الاضافة بتظهر منطقة فارغة بين الشريط وبين السلايد وأرجو التعديل على القالب بحيث أضع الشعار مكان الهيدر كامل يعني مقاس 990 - 130 وشكرا رابط مدونتي http://aosan2.blogspot.com/ القالب موجود على الفيس بوك
أخي جلال ,
ردحذفانا طبقت كل الشرح بس سويت معاينة من "قالب" و لم تظهر المواضيع , فقط "loading"
ما المشكلة :-?
مع اجمل تحياتي.
و لقد طبقت الرسالة التي ارسلتها انت في الاعلى
ردحذفو لم يتغير شيء ;(
يمكن ان تراسلني على Gmail
ردحذفalm3shi07@gmail.com
لقد تم حل المشكلة
ردحذف(في الحقيقة لم احلها لكن غيّرت قالب مدونتي)
لأنني مللت من شكل القالب القديم مع احترامي :-s
,, عندي طلب بسيط يا جلال
هل تقبل ان آخذ قليلا من تدويناتك و أضعها في مونتي مع ذكر مصدر التدوينة ,,, هكذا
المصدر : مدونة جلال البعداني
؟؟؟
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفظهر عندى ولكن المواضيع لم تظهر
ردحذفمدونتى
http://cool-bas-mastol.blogspot.com/
قم بالبحث عن الكود التالي
حذف</head>
والصق الكود التالي قبله تماما
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1' type='text/javascript'></script>
حذف
اخي كيف اغير اللون الى اللون البرتقالي
ردحذفاخي قم باستخدام الكود الاول وقم بالبحث عن الكود التالي
حذف#21b8ff
واستبدله هذا الكود #FFA221
هذا كل شي اخي
شكرا اخي على هذا الشرح المميز
ردحذفالعفو اخي ( شكرا لمرورك العطر)
حذفكيف تظيف الأخبار أخي
ردحذفشكراً اخي جلال
ردحذفأخي لقد قمت بكل تعليمات و مع ذلك لم تعمل
ردحذفhttp://monenetwork.blogspot.com/
السلام عليكم ورحمة الله وبركاته
ردحذفأريد أن أجعل أيقونات المواقع الاجتماعية تظهر في نهاية الأخبار
وأنا عندي كود هذه الأيقونات ومناسب أيضا لحجم الشريط ..
ولكني لا أعرف أين أضع الكود ...
أرجو أن تجد حلا .. وشكرا لك على الاضافة .. لقد بحثت كثيرا عنها من قبل ولكني لم أجد واحده
أكثر احترافية من هذه .
تحياتي .. استمر
وعليك السلام ورحمة الله وبركاته
حذفاخي الكريم الاضافه الذي تريدها ستحتاج الى تنسيق
عموما اذا اردت اضافتها قم بالبحث عن الكود التالي
</div><!-- tag penutup tempat Breaking News--
والصق كود الايقونات قبله تماما
ولكن يجب عليك ان تجعل محاذاة الايقونات الى اليسار
شكرا لك :p تم الأمر بنجاح
ردحذفالعفو ,, (o) (o) (o)
حذفhttp://bestvio.blogspot.com
ردحذفhref="http://bestvio.blogspot.com/" target="_blank">BEST VIDEO
ردحذفمرحبا بك مجددا ...
ردحذفهناك مشكلة صغيرة في الاضافة اتمنى يكون عندك الحل :-d
الاضافة تظهر في الصفحة الرئيسية فقط ولا يظهر داخل لموضوع
حاولت تجريب الاضافة على قالب اخر ولكني وجدت نفس المشكلة .. ;-(
*أفضل مدونة البعداني*
ردحذفشكرا لطيب كلامك اخي ,,,, نورت
حذفمرحبا اخي اريد ان اجعل عرض شريط الاخبار اصغر كيف
ردحذفالرجاء اجابتي
ردحذفارجو المعذره اخي
حذفقم بالبحث ن الكود التالي beakingnews{width:980px وغير قيمته حسب رغبتك
شكرا على ردك اخي :)
حذفلكن انظر يظهر في الوسط http://tunisia-hacks.blogspot.com
قم بالبحث عن الكود التالي
حذف#beakingnews{width:680px;margin:0 auto;
واسبدله بهذا
#beakingnews{width:680px;
السلام عليكم ورحمة الله وبركاته ..
ردحذفأريد أن تصبح صفحة التدوينات عندي بملئ الشاشة ..
ولا أريد الطريقة لأني أعرفها ولكني أريد الكود جاهز .. والمكان المراد وضع الكود فيه ..
تفضل راب معينة القالب الذي أريد عمل الطريقة عليه
http://test3-a7mad-ragab.blogspot.com/
أنا أعلم انشغالك ولكني أريد الكود بأسرع وقت ممكن
حياك الله
وعليكم السلام ورحمة الله وبركاته
حذفاخي الكريم سوف اعطيك كود يغنيك عن كل الجهد الذي سوف تبذله
قم بالبحث عن الكود التالي
</head>
والصق الكود التالي قبله تمام
<b:if cond='data:blog.pageType == "item"'>
.main-inner .column-left-outer {display: none;}
.h-post {width:1030px;}
.post-outer {width: 1000px;}</b:if>
الان قم بالحفظ والمعاينه
جربت الكود ومنفعش .. ممكن تحاول تاني :-?
حذفأزال المؤلف هذا التعليق.
ردحذفاسف اخي على الازعاج لكن لكن خليته 640 بيكسل الشريط توقف عن العمل
ردحذفhttp://www.gulfup.com/?6Y78y7
اخي قم بزيادة العرض لان الحد الادنى له 700
حذف:>) شكرا أخي منذ وقت طويل و أنا ابحث عنها بصراح جميلة جدا
ردحذفالعفو اخي ,,,, شكرا لمرورك العطر
حذفالسلام عليكم يا أخي رابط تحميل قالب مدونتي http://www.fileswap.com/dl/OcsgltDx6/template-1748902639171608010_(1).xml.html
ردحذفالمرجو منك اضافة هدا الشريط
وايضا أريد منك تعديل أقسام وروابط القائمة العلوية اسفل الهايدر
و كل ما ليس في محله
لم تشتغل صديقي :)
ردحذفحتى اذا غيرت رابط برابطي
يجيني Loading... يعني لم يتغير ولم ينجح
قم بالبحث عن الكود التالي
حذف</head>
والصق الكود التالي قبله تماما
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1' type='text/javascript'></script>
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفصدقيه تم خرج شريط الاخبر لكن كيف اكتب الاخبره ;(( ;-(
ردحذفاخي شريط الاخبار هذا تلقائي ,,, بمعنى انه سيقوم بعرض اخر اخبار المدونه تلقائيا دون الحاجه الى ادراجها يدويا
حذفتسلم اخي
ردحذفممكن طريقة وضع نفس الاضافة لكن المحتوى تكون كتابة اضعها انا ( يعني بدل ما تظهر اخر المواضيع ) تظهر كتابة معينة اضعها انا )
الله يسلمك ,,,استخدم هذا الكود بدلا من الكود الثاني
حذف<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'><marquee direction='right' height='27px' scrolldelay='100' width='670px'>
<font color='#857D59' style='font-size: 15px; font-family: GESSTwoLight;'>اكتب هنا النص الذي تريده</font>
</marquee>
</div>
</div>
بس اريد اضافة اكثر من نص تظهر واحدة بعد الاخرى و تتغير بنفس التأثير الموجود بموضوعك
حذففي انتظارك اخي
حذفممكن طريقة اضافة اكثر من نص,تتغير من نص الى اخر باتثير جميل
اخي ارجو المعذره لاني لا اجد لك جوابا شافي
حذفاخي عندي مشكلة ف القالب بتاعي بعد ما يحمل مش بيستني لحظة ويجي محولني ع رابط مدونتك انت اللي هو ده http://www.alb33dani.com/ :/ ايه الحل كده اخي ؟
ردحذفاخي هذا لانك قمت بحذف حقوق التطوير ,,, لذا يرجى اعادة تركيب القالب مع عدم حذف الحقوق
حذفجزاك الله خيرا على عملك لكن هناك مشكلة عدم ظهر العناوين بدل العناوين تظهر error feed ممكن حل بسرعة اخي الله يرحم والديك
ردحذفأخي قمت بتطبيق الشرح لكن عند المعاينة وجدت كلمة أحدث الأخبار وبجانبها loading...
ردحذفاخي بخصوص البحث عن الكود الثاني لم اجد اي كود قد طرحته والقالب الذي استخدمة هذا: http://centershafei.blogspot.com/
ردحذفممكن جواب سريع لانه لم اجد الى هذا الشريط الاحترافي مع فائق الشكر والثناء
شكرا يا اخ جلال
ردحذفمبروك القالب الجديد
ردحذفالشريط ظهر بس مفيش أى أخبار مع إنى ناشر مواضيع فى المدونة وظاهر فى الشريط Loading...
ردحذفشكراااااااااااااااا للشرح
ردحذفانا متابعه لمدونتك ومن اشد المعجبين بيدى اضيف هذه الاداة بس تانى كود مش لاقيه ومش عارفه نوع القالب بتعى http://dakorati.blogspot.com/
شكرا على الاداة ولكن هي ظهرت لكن الاخبار تظهر هكذا loding... في حل ؟
ردحذفازاى اغير الكلام الى فى الشريط؟؟
ردحذفالسلام عليكم اخي انا طبقت هدا الشرح لكن الشريط يظهر الا في الصفحة الرئيسية كيف اجعله يظهر في كل الصفحات والتدونات
ردحذفوجزاك الله خيرا
شكرا لك اخي على هته الاضافة :d
ردحذفحبي ليش من ابح عن هذا ميطلعلي
ردحذفالوووووووووووووووووووو
حذفمشكور لكن لا اجد الكود الثانيmain-outer
ردحذفهل من حل المرجوا الرد
اذا لم تجده قم بالبحث عن الكود التالي <div id='main-wrapper'> والصق كود الاضافه فوقه تماما
حذفاخي لمادا لم ترد على سؤالي هل هناك خطب ما
ردحذفاخي الكريم ارجو المعذره لاني لم انتبه لتعليقك
حذفعموما اذا اردت ان يظهر الشريط في كل صفحات المدونه قم بحذف السطرين التاليين (ستجدهما في اول سطرين من اكواد الاضافه ) من بداية اكواد الاضافه
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
وايضا قم بحذف الاقفال التالي الذي ستجدهم اخر الكود
</b:if></b:if>
هذا كل شي
السلام عليكم اخي الكريم جزاك الله خيرا
ردحذفشكرا لك اخي
المعذره
شكرآآ على شرحك الرائع ((جلال البعداني)) ^___^
ردحذفانا لم افهم لحد الان معنى قبله تماما
ردحذف=)) =)) =)) =)) =)) =))
حذفتفضل اخي قبله تماما يعني
قبل/فوقه الكود الي نبحث عنه
شكرا أخي على الاداة
ردحذفو هذا رابط مدونتي التقنية
lbataltech.blogspot.com
(f)
ردحذف(h)
ردحذفأخى الكود الأخير بحثت عنه ولم أره
ردحذفابحث عن الكود التالي والصق كود الاضافه قبلها <div class='slidshow'>
حذفأخى نجحت الإضافة ولكن يقول لى Loading... ولم تظهر الأخبار ماذا أفعل؟
ردحذفقم بالبحث عن الكود التالي
حذف</head>
والصق الكود التالي قبله تماما
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'type='text/javascript'></script>
أزال المؤلف هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
حذفأخى يقول لى خطأ أثناء تحليل XML .. لقد تعبت .. ماذا أفعل أيضاً ؟؟!!!
ردحذفيا جلال البعداني
ردحذفسؤال انا وضغت الشريط لكن المشكله لا يضهر شيء فقط كلمه Loading...
ما الحل رابط المدونه @ -)
Nserbasra.blogspot.com
اتمنى الرد
(o) (o) (o) (o) (o) (o) (o)
حذفواااااااااااااااااااااااااااااااو عملت الاضافه انت عالم يا بعداني عـــــــــــــالم
شوووووفوا الاضافه 8-) 8-) 8-) 8-) 8-) 8-) 8-)
Nserbasra.blogspot.com
اخي الكـود الثاني عندمـا ابحث عنـة لا يوجـد :3
ردحذفابحث عن رسائل المدونه الالكترونيه و سوف تجد الكود فوقه تماما
حذفملاحضة : يوجد لكل مجموعه من القوالب كود خاص (o)
(h)
ردحذفسلام عليكم اخواني اني جديد علة مدونة خليت الشريط بس ماعرف كيف انزل بي الخبر ارجو ان تعلموني شكري خاص الي صاحب هذة المدونة ارجو الرد
ردحذفوعليكم السلام ورحمة الله وبركاته
حذفاخي الكريم هذه الاضافه تلقائيه بمعنى انها ستقوم بعرض اخر اخبار مدونتك بشكل اوتوماتيكي دون الحاحه الى ادارجها يدويا ,,, كل ماعليك هو اضافة الاكواد كما في الشرح اعلاه وفي الكود الاخير ستجد رابط مدونتي http://alb33dani.com فقط قم باستبداله برابط مدونتك وقم بحفظ القالب وسترى انها يقوم بعرض مواضيع مدونتك تلقائيا
ردحذفالسلام عليكم..
شكرا على هذا المقال التعليمي..لدي سؤالين اثنين:
1- هل من رابط ديمو يعرض النتيجة التي سيتم الحصول عليها.
2- ما نوع الأخبار التي سيتم عرضها عبر الشريط..هل عناوين مقالات المدونة..أم يمكن إدخال عناوين مشخصة
شكرا..وعيدكم مبارك سعيد
مدونة أونزيم
وعليكم السلا م ورحمة الله
حذف1- http://liomagazine-5color-by-albaadani.blogspot.com/
2- يتم عرض عناوين مواضيع المدونه تلقائيا بدون الحاجه الى ادخالها يدويا
هناك مشكلة في الخطوة الثانية يرجى الحل
ردحذفhttp://plivesport.blogspot.com/
اخي يرجى ايضاح ماهي المشكله بالظبط
حذفأخي الاداة رائعة جدااااااااااااااا ولكن لها مشكلة لماذا يوجد فارق ببنها وبين المدونة ارجو الدخول علي الصورة للفهم أكثر http://im87.gulfup.com/mjyYsA.png وارجو ان توضح لي كيف احل تلك المشكلة وشكراا
ردحذفاخى انها اضافة رائعة لكنها تظهر ولا ياتى اى موضوع
ردحذفلا تضهر عندي head
ردحذفارجو الرد لا يظهر اى موضوع عندما اضفها @-)
ردحذفاخي لقد اضفت الشريط وكل شي تمام بس مكان ضهور الاخبار لا يضهر اي شئ ارجو الحل بسرعا
ردحذفالاضافة تظهر فى الصفحة الرئيسية فقط ؟ ما الحل للظهور فى كل الصفحات
ردحذفانا مش عارف افعل الشريط لاخر الاخبار بالون الازرق
ردحذفبيظهر كلمة loding
اعمل ايه ؟
ده رابط مدونتي
http://skytecheg.blogspot.com/
جزاك الله خيرا ممكن تكبير الخط عرض المواضيع
ردحذفبسم الله ماشاء الله ربنا معاك والله شغل 100% حلو :))
ردحذفلا يوجد
ردحذفجزاك الله خيرا اخي الاضافة رائعة لكن المشكلة صغر حجم خط الشريط كيف يتم تغيره ؟لقد تعبنا في البحث من اجل كيفية تغير حجم الخط المرجوا الرد
ردحذفبارك الله فيك وهدا رابطنا http://www.aimhmaroc.blogspot.com/
جلال عندما يشتغل الشريط شغال يوقف السلاي شو الحل واذا حذفت الكود الخاص بالشريط يتوقف الشريط والسلايد يشتغل
ردحذفانته رائع
حذفشكرا اخي بس الكود الثاني مايظهر عندي div class='main-outer؟؟؟؟؟؟؟؟؟؟؟؟؟
ردحذفالسلام عليكم اخى انا ركبت الكود فى القالب و كتبت رابط مدونتى بدل رابط مدونتك وحفظت الكود لكن ما بيظهرلى اخبار المدونه
ردحذفولكن بيظهر كلمه Loading...
ارجوا الحل
MERCI BCP
ردحذفMERCI BCP
ردحذفاخي جلال انا مركب على مدونتي احد قوالبك اي تصميمك
ردحذفواريد اضافة هذه الاضافة لكن لم اجد
ممكن الشرح والحل
شكرا لك ، إضافة أكثر من رائعة و طبعا انت أروع ، صرلي زمان بدور عليها وما لقيت موضوع 100% تستاهل رفع القبعة ، بس طبعا اذا في نفس الشريط الاخباري بس يكون متحرك من اليسار إلى اليمين بكون ممنوك لأني لم أجد أكواد شغالة ،، (y)
ردحذفشكرا اخي والشريط شغال 100% (o)
ردحذفمشكور أخي جربته روعة
ردحذفاخي مساعده
ردحذفكيف احذف هذا الشريط
http://store1.up-00.com/2015-11/1446828228931.jpg
شكراً (y)
ردحذفشكرا لك رائع
ردحذفكيف أغير نوع الخط للشريط؟
جزاك الله خيرا
اخي لم اجد الكود الثاني
ردحذفأشكرك على هذا الكود الرائع
ردحذفالوسمة الثانية او الاخيرة لم اجدها اخي
ردحذفأخي جلال السلام عليكم
ردحذففي الحقيقة لقد جربت الإضافة وهي تشتغل بكفاءة مع جهاز الحاسوب ولكنها لا تظهر على أجهزة الجوال
أريد فقط أن أقوم بإخفائها من على الأجهزة المحمولة
تقبل تحياتي
كيف اسوي أخر الأخبار من قسم فرعي
ردحذف