الرابط الثاني :
اذهب الي تحرير القالب وابحث عن : ]]> </ b: skin>
واضف قبله الاتي :
كود PHP:
/ * Create Carousel Slideshow by www.ayudadeblogger.com
--- Translation : www.bloggerexp.com --------------------------- - * /
# Carousel {width: 950 px, height: 185 px, margin-bottom: 0px; position: relative; display: block}
# carousel repeat center}
# carousel center, z-index: 100; cursor: pointer; border-right: 1px solid # ccc}
# carousel center}
# carousel center, z-index: 100; cursor: pointer; border-left: 1px solid # ccc}
# carousel center}
# carousel ul {width: 100000px, position: relative, margin-top: 10px}
# carousel ul li {background: # fff url (http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/ OdQmhV73piY/s1600/main.png) repeat-x solid # ccc; width: 145px; height: 150px; margin: 0 4px 7px 20px; padding: 6px;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
# carousel ul li: hover {filter: alpha (opacity = 75); opacity: .75;}
# carousel ul li a.slider_title {color: # 222; display: block; margin-top: 5px}
# carousel ul li a.slider_title : hover {color: # cd1713}
# carousel a img {display: block; background: # fff; margin-top: 0}
ثم ابحث عن : </ head> وضع قبلها الاتي :
كود PHP:
<script src = ' http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 'type =' text / javascript '/>
<script src = ' http://yourjavascript .com/30533011062/jCarouselLite.js' type = 'text / javascript' />
<script type='text/javascript'>
! / / <[CDATA [
imgr = new Array ();
imgr [0] =
= True; aBold = true; summaryPost = 140; summaryTitle = 25; numposts1 = 15 ; label1 = " Widgets "; function removeHtmlTag (STRX, chop) { var s = strx.split ("<") for (var i = 0, i <s.length; i + +) { if (. s [i] indexOf (">"!) = -1) { .. s [i] = s [i] substring (s [i] indexOf (" > ") +1, s [i] length). } } s = s.join (""); s.substring s = (0, chop-1) return s; } showrecentposts function (json) { j = (showRandomImg)? Math.floor ((imgr.length +1) * Math.random ()): 0; img = new Array (); document.write ('<ul>') for (var i = 0; i <numposts1; i + +) { var entry = json.feed.entry [i]; posttitle var $ t = entry.title,. pcm var, var posturl, if (i == json.feed.entry.length) break; for (var k = 0, k <entry.link.length k + +) { . if (entry.link [k] rel == 'alternate') { posturl = entry.link [k] href,. break; } } for (var k = 0, k <entry.link.length k + +) { .. if (entry.link [k] rel == 'reply' && entry.link [k] type == 'text / html') { pcm = entry . link [k] title.split ("") [0];. break; } } if ("content" in entry) { var = entry.content PostContent $ t,.} else if ("summary" in entry) { var PostContent entry.summary = $ t;.} else PostContent var = ""; entry.published postdate = $ t;. if (j> imgr.length-1) j = 0, img [i] = imgr [j ]; PostContent s = a = s.indexOf ("<img"), b = s.indexOf ("src = \" ", a), c = s.indexOf (" \ "", b +5); d = s.substr (b +5, cb-5) if ((a! = -1) && (B! = -1) && (C! = -1) && (D! = "")) img [i] = d; / / cmtext = (text = 'no'!)? '<i> <font Color="'+acolor+'"> (' + pcm + '' + text + ') </ font> </ i>':'', var month = [1,2,3,4, 5,6,7,8,9,10,11,12]; month2 var = ["Jan", "February", "Mar", "April", "May", "Jun", "July", " Aug "," Sep "," Oct "," November "," Dec "]; postdate.split var day = ("-") [2] substring (0,2). postdate.split var m = (" - ") [1]; postdate.split var y = ("-") [0], for (var u2 = 0, u2 <month.length; u2 + +) { if (parseInt (m) == month [u2] ) { m = month2 [u2]; break; } } var daystr = day + '' + m + '' + y; trtd var = '<div class="car"> <li class="thumb"> <a href = "'+ posturl +'"> <img width="145" height="100" class="alignnone" src="'+img[i]+'"/> </ a> </ div> <a href="'+posturl+'"> class="slider_title" 'posttitle + +' </ a> </ p> </ li> ';
document.write (trtd)
j + +;
}
document.write ('</ ul>');
}
/ /]]>
</script>
ثم ابحث عن : <div id='main-wrapper'> واضف بعده الاتي :
كود PHP:
<b:if cond='data:blog.pageType != "item"'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write ("<script
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function ($) {$ (document) . ready (function () {
. $ (". # carousel container") jCarouselLite ({
auto: 4000,
scroll: 1,
speed: 800,
visible: 5
start: 0,
loop: true,
btnPrev: "# previous_button "
btnNext: "# next_button" });
})}) (jQuery) </script> </b:if>
هكذا شرحت لك الرابطين اللي جلبتهم ولكن كان هناك اخطاء في الاكواد والاكثر هو الموقع الثاني فحاولت اصلحها قدر المستطاع
لان هناك نواقص كثيره بالكود وامور خطأ لان تقريبا الموقع يمنع بعض الكلمات فبتالي اتمسحت من الكود فجرب وان شاء الله تعمل