حصريا اضافة شريط جديد اليوم بشكل جديد و احترافي من عمرو ويب

بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اقدم لكم اليوم موضوع جديد حصري من مواضيع مدونة عمرو ويب اليوم موضعنا بعنوان اضافة شريط جديد اليوم بشكل جديد و احترافي مثل الموجود في مدونة عمرو ويب الاحترافي ويمكنك معاينته عبر رابط تالي من هنا والان تابع طريقة تركيب

اول شيئ قم بدهاب الي لوحة تحكم مدونتك ثم قالب ثم تحرير html

ثم ابحث عن هدا الوسم <div id='content-warpper'>

وضع بعده الكود تالي لتحميل الكود اضغط هنا . قم بتغير رابط مدونة عمرو ويب برابط مدونتك لكي يظهر مواضيعك

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='3mrweb'><span class='tulisbreaking'>جديد اليوم !</span>
<div id='recentpostbreaking'>Loading...</div>
<div id='social-icons-ezzaii' style='margin-top: 5px; float: left;'><ul class='spicesocialwidget-ezzaii'><div class='ads_bottom' style='margin: 0; text-align: center; display: block; position: relative; overflow: hidden; width: 32px; float: right;margin-top: -4PX;'><li class='facebook-ezzaii'><a href='https://www.facebook.com/amrweb2' original-title='facebook' rel='nofollow' target='_blank'/></li></div><div class='ads_bottom' style='margin: 0; text-align: center; display: block; position: relative; overflow: hidden; width: 32px; float: right;margin-top: -4PX;'><li class='twitter-ezzaii'><a href='https://twitter.com/amrweb' original-title='twitter' rel='nofollow' target='_blank'/></li></div><div class='ads_bottom' style='margin: 0; text-align: center; display: block; position: relative; overflow: hidden; width: 32px; float: right;margin-top: -4PX;'><li class='youtube-ezzaii'><a href='https://www.youtube.com/user/MRAMRWEB' original-title='youtube' rel='nofollow' target='_blank'/></li></div></ul><style>
ul.spicesocialwidget-ezzaii {float:right;}
ul.spicesocialwidget-ezzaii li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget-ezzaii li a{background-color:transparent;background-image:url(http://im59.gulfup.com/HKv09r.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url(http://im59.gulfup.com/HKv09r.png);}
ul.spicesocialwidget-ezzaii li.facebook-ezzaii a{ background-position:0 0}
ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}
ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.skype a{ background-position:-224px 0}
ul.spicesocialwidget-ezzaii li.twitter-ezzaii a{ background-position:-256px 0}
ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}
ul.spicesocialwidget-ezzaii li.youtube-ezzaii a{ background-position:-320px 0}
ul.spicesocialwidget-ezzaii li.facebook-ezzaii a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}
ul.spicesocialwidget-ezzaii li.twitter-ezzaii a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}
ul.spicesocialwidget-ezzaii li.youtube-ezzaii a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
</style></div>

</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://2mrweb.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>

ثانيا : قم بالبحث عن الوسم تالي </head>

وضع قبله تمام الكود التالي لتحميل الكود اضغط هنا

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#geedayom{width:940px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #152836;
background-clip: padding-box;border-left: none;max-height: 37px;}
#geedayom .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#ee632a;
color: #FFF;font-family: ge_dinar, arial, tahoma;font-size: 15px;
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:#fff;font-family: ge_dinar, arial, tahoma;font: 15px ge_dinar;}
</style></b:if></b:if>

ثم قم بعمل حفظ ومبروك عليك الاضافة والان انتها موضوعنا انتظروني كل دقيقة في موضوع جديد وسلام عليكم ورحمته الله وبركاته

مدونة عمرو ويب

حصريا اضافة شريط جديد اليوم بشكل جديد و احترافي من عمرو ويب

التسميات

الأرشيف

المشاركات الشائعة

المتابعون للمدونة