hadded
عضو مميز
- إنضم
- 28 نوفمبر 2008
- المشاركات
- 691
- مستوى التفاعل
- 719
السلام عليكم و رحمة الله و بركاته ,مرحبا بزوار منتديات تونيزياسات و زوار منتدى تطوير و برمجة المواقع خاصة,
نتعرّف اليوم على طريقة اضافة شريط اخباري الى موقعك او مدونتك بشكل احترافيو بسهولة تامة,ملاحظة هذاالكود
مجرب على المدونات الخاصة ببلوجر
قبل كل شيء اذا اردت معرفة الشريط و كيفية ظهوره على المدونة اضغط هنا حتى تراه موجود على المدونة الخاصة بي, اذا لم يعجبك فلا داعي لقراءة كامل الموضوع ههههههههههه
نبدا على بركة الله
اول شيء تقوم به هو فتح بلوجر و الذهاب الى المظهر , ثم الضغط على تعديل المظهر بهذه الطريقة
بعد خروج السكريبت او كود القالب الخاص بك نضغط على CTRL+F لااظهار خاصية البحث و نبحث على
الوسم <header/> او <head/>
وقم بلصق الكود الاول قبله تماما , ركزوا شوي قبله و ليس بعده
ثم نذهب الى البحث من جديد و نبحث على هذا الوسم <div class='main-outer'>
هذا الوسم يختلف من قالب الى اخر ممكن تلاقيه شبيه بهذا لكن اغلب القوالب موجود فيها الوسم او القوالب المعدلة تلاقي فيها في التخطيط نافذة خاصة ب اخر الاخبار
اذا ما عندك الوسم و عندك نافذة لااخر الاخبار في التخطيط ف ألصق الكود في نافذة اخر الاخبار و تنتهي القصة
بعد ما ألصقنا الكود الاول و الثاني في القالب نقوم بحفظ القالب
ملاحظة
قبل التغيير في القالب اذا كنت خايف انك تخربها هههههه اعمل نسخ احتياطي للقالب حتى تقدر ترجعه من بعد
في الكود الثاني غير العنوان الموجود ب عنوان مدونتك , العنوان موجود في السطر التاسع من الكود
في الاخير يكون الشريط على مدونتك بهذا الشكل
معاينة الشريط من هنا
كود:
<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"'>
<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>
التعديل الأخير: