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

hadded

عضو مميز
إنضم
28 نوفمبر 2008
المشاركات
691
مستوى التفاعل
719
495186268.png



السلام عليكم و رحمة الله و بركاته ,مرحبا بزوار منتديات تونيزياسات و زوار منتدى تطوير و برمجة المواقع خاصة,

نتعرّف اليوم على طريقة اضافة شريط اخباري الى موقعك او مدونتك بشكل احترافيو بسهولة تامة,ملاحظة هذاالكود
مجرب على المدونات الخاصة ببلوجر

قبل كل شيء اذا اردت معرفة الشريط و كيفية ظهوره على المدونة اضغط هنا حتى تراه موجود على المدونة الخاصة بي, اذا لم يعجبك فلا داعي لقراءة كامل الموضوع ههههههههههه

نبدا على بركة الله

145029164.gif


اول شيء تقوم به هو فتح بلوجر و الذهاب الى المظهر , ثم الضغط على تعديل المظهر بهذه الطريقة


308863829.png


بعد خروج السكريبت او كود القالب الخاص بك نضغط على
CTRL+F لااظهار خاصية البحث و نبحث على

الوسم
<header/> او <head/>

وقم بلصق الكود الاول قبله تماما , ركزوا شوي قبله و ليس بعده

ثم نذهب الى البحث من جديد و نبحث على هذا الوسم
<div class='main-outer'>

هذا الوسم يختلف من قالب الى اخر ممكن تلاقيه شبيه بهذا لكن اغلب القوالب موجود فيها الوسم او القوالب المعدلة تلاقي فيها في التخطيط نافذة خاصة ب اخر الاخبار

اذا ما عندك الوسم و عندك نافذة لااخر الاخبار في التخطيط ف ألصق الكود في نافذة اخر الاخبار و تنتهي القصة


بعد ما ألصقنا الكود الاول و الثاني في القالب نقوم بحفظ القالب


ملاحظة

قبل التغيير في القالب اذا كنت خايف انك تخربها هههههه اعمل نسخ احتياطي للقالب حتى تقدر ترجعه من بعد





في الكود الثاني غير العنوان الموجود ب عنوان مدونتك , العنوان موجود في السطر التاسع من الكود

في الاخير يكون الشريط على مدونتك بهذا الشكل


110031765.png



معاينة الشريط من هنا

145029164.gif


235341314.png


كود:
<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>




الكود الثاني


<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 = 'https://www.hadded-tech.tk/', // 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>
 
التعديل الأخير:
أعلى