0% found this document useful (0 votes)
163 views3 pages

Setting Mikrotik

The document contains code for creating a carousel slideshow. It includes JavaScript code to retrieve blog posts as JSON, extract the relevant data fields, and generate HTML markup for each slide. It also has CSS code for basic slideshow styling. The slides will automatically rotate every 4 seconds and users can click next/previous buttons to change slides manually.
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
163 views3 pages

Setting Mikrotik

The document contains code for creating a carousel slideshow. It includes JavaScript code to retrieve blog posts as JSON, extract the relevant data fields, and generate HTML markup for each slide. It also has CSS code for basic slideshow styling. The slides will automatically rotate every 4 seconds and users can click next/previous buttons to change slides manually.
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/java script'></script> <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle. js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content-slider').

cycle({ fx: 'fade' }); }); </script> <style type="text/css"> #content-slider { position: relative; width: 100%; height: 250px; overflow: hidden; margin:0 auto; } #content-slider img { display: block; width: 100%; height: 250px; } </style> <div id="content-slider"> <img src="http://2.bp.blogspot.com/-xQNxU3ABHTM/UrU00z4pgFI/AAAAAAAAC8Q/k25DHkXN jL8/s1600/Mikrotik+Jasa.png" /> <img src="http://3.bp.blogspot.com/-az7ESTw-T70/UrU0TsE8zcI/AAAAAAAAC7k/riwTm1gZ hEE/s1600/Instalasi+Jaringan+Ciamis.png" /> <img src="http://1b199076.linkbucks.com/url/http://99078ac7.linkbucks.com/url/ht tp://3.bp.blogspot.com/-CxzLlIRoXAw/UrU0zQVXibI/AAAAAAAAC8M/0jqj8rg2y9c/s1600/In stalasi+Proxy+Server+Ciamis.png" /> <img src="http://1.bp.blogspot.com/-1t0enikTu1I/UrU0cRuqWSI/AAAAAAAAC78/fO2xk3ny CAQ/s1600/Service+Computer+Ciamis.png" /> <img src="http://1b199076.linkbucks.com/url/http://99078ac7.linkbucks.com/url/ht tp://4.bp.blogspot.com/-otY33wPdonQ/UrU0VVTYx0I/AAAAAAAAC70/rSq-9HUj_ac/s1600/Ma intenance+Ciamis.png" /> </div>

-------------------------<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' ty pe='text/javascript'/> <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/ javascript'/> <script type='text/javascript'> //<![CDATA[ imgr = new Array(); imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVn YEnU/s1600/no+image.jpg"; showRandomImg = true; aBold = true; summaryPost = 140; summaryTitle = 25; numposts1 = 12;

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 = s.substring(0,chop-1); return s; } function showrecentposts(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]; var posttitle = entry.title.$t; var pcm; 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 == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexO f("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</fon t></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["January","February","March","April","May","June","July","August", "September","October","November","December"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break;

} } var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width= "100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</ h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>'; document.write(trtd); j++; } document.write('</ul>'); } //]]> </script> -------------------------<b:if cond='data:blog.pageType != &quot;item&quot;'> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quo t;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sh owrecentposts\&quot;&gt;&lt;\/script&gt;&quot;); </script> <div class='clear'/> </div> <div id='next_button'/> </div> <script type='text/javascript'> (function($) { $(document).ready(function(){ $(&quot;#carousel .container&quot;).jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: &quot;#previous_button&quot;, btnNext: &quot;#next_button&quot; }); })})(jQuery) </script> </b:if>

-----

You might also like