طريقة اضافة شريط اخرالمواضيع الى بلوجر

بسم الله الرحمن الرحيم

شكل الأضافة (سأشرح طريقة تغيير لونها كما تريد )

طريقة اضافة الاداة

1- من لوحة التحكم -> قالب -> تحرير HTML

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
*********************************************************************

<head/>

*********************************************

والصق الكود التالى قبلة مباشرا

*********************************************

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; 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:#21B8FF; 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>

<div id='recentpostbreaking'>Loading...</div>

</div>

//<![CDATA[

$(document).ready(function () {

var url_blog = 'http://qassemblog.blogspot.com/',

numpostx = 10;

$.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://qassemblog.blogspot.com/
باللون الازرق برابط مدونتك

قم بحفظ القالب والف مبروك الأضافة

------------------------------------------------------------------------------------------------------------------------

الملفات لدينا محمية بباسورد ، لتحميل الباسورد:

-----------------------------------------------------------------------------------------------------------------------

ان عجبك الموضوع انتظر ثلاث ثوانى اضافية واعمل لايك للموضوع واكتب كلمة شكر بسيطة

Abdelhakeem Qassem

عبدالحكيم قاسم : من مصر, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا ، انا ادرس بكلية الهندسة الالكترونية قد يسأل البعض هو مهندس ما الذى دفعة لتدوين ؟! حبى لتدوين وحبى ايضا لمساعده الاّخريين هو ما دفعنى لذلك.أسأل الله تعالى ان يوفقنى فى ذلك وفى دراستى ايضا ,لدي إهتمامات اخرى منها التكويد وتصميم المواقع والبرمجة ، والتصميم بحد ذاته ومدونة قاسم تعبر عما أهواه .