اضافة شريط اخر الاخبار لمدونات بلوجر

03-03-2014, 08:17 PM

Redoonet

مدون جديد

تاريخ التسجيل: Mar 2014

المشاركات: 2

اضافة شريط اخر الاخبار لمدونات بلوجر

أنا : Redoonet

سجل معنا لتتمتع بهذه الخاصية

اليوم احضرت لكم اضافة من اضافات بلوجر و هي عبارة عن شريط يعرض فيه اخر مشاركات المدونة بشكل تلقائي . و يتم وضعه اسفل الهيدر . ليسهل على الزائر التعرف على اخر المشاركات في المدونة

لاضافة هذا الشريط لمدونتكم :

ابحث عن الكود الثالي CTRL+F

كود:

  </head>

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

كود:

   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <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>

ثم ابحث عن الكود الثالي CTRL+F

كود:

  <div class='main-outer'>

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

كود:

  
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <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://redoonet.blogspot.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://redoonet.blogspot.com/

قم بحفظ القالب و مبروك عليك الاضافة اي استفسار اترك تعليق

__________________

من مواضيع Redoonet

التعديل الأخير تم بواسطة Redoonet ; 03-03-2014 الساعة 08:20 PM

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

اضافات بلوجر, حصري

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
اضافة شريط اخر الاخبار متحرك - اضافات بلوجر	Blog-Add	إضافات وأدوات بلوجر	0	03-03-2014 06:54 PM
اضافة شريط صور متحركة - اضافات بلوجر	Blog-Add	إضافات وأدوات بلوجر	0	02-06-2014 07:01 PM
استفسار حول شريط اخر الاخبار	المسلم الصادق	طلبات الدعم الفني	4	01-22-2014 04:09 PM
عرض قالب رائع لمدونات الاخبار و الصحة..مجهز لاعلانات أدسنس	حمادة اللق	قوالب بلوجر مدفوعة	0	05-16-2013 01:29 PM

اضافة شريط اخر الاخبار لمدونات بلوجر

إضافات وأدوات بلوجر