Documentation runganSport

HOMEPAGE SECTION SETTINGS

LOGO

KETERANGAN:
Rekomendasi ukuran logo 250x73

NAVIGASI & SOCIAL

<div class='navmenu'>
<ul>
<li class='selected'><a>
<script>
<!-- 
var months=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],myDays=["Sunday "," Monday "," Tuesday "," Wednesday "," Thursday "," Friday "," Saturday"],date=new Date,day=date.getDate(),month=date.getMonth(),thisDay=date.getDay(),thisDay=myDays[thisDay],yy=date.getYear(),year=1e3>yy?yy+1900:yy;document.write(thisDay+", "+day+" "+months[month]+", "+year); 
//-->
</script></a></li>
<li><a href='/' title='Tentang Kami'>Tentang Kami</a></li>
<li><a href='/' title='Disclaimer'>Disclaimer</a></li>
<li><a href='/' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='/' title='Iklan'>Iklan</a></li>
<li><a href='/' title='Indeks RSS'>Indeks RSS</a></li>
</ul>
<nav class='media_bottom'>
<ul>
<li><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-instagram'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></li>
</ul>
</nav>
</div>

INFORMATION:

Ganti tanda (/) dan (#) dengan URL

<nav id='menu'>
<input type='checkbox'/>
  <label><i class='fa fa-bars color'/></label>
<ul>
<li><a href='#'>English Edition</a></li>
<li><a href='#'>Motogp</a></li>
<li><a href='#'>Moto2</a></li>
<li><a href='#'>Moto3</a></li>
<li><a href='#'>Gosip</a></li>
<li><a href='#'>Jadwal Race</a></li>
<li><a href='#'>Hasil Race</a></li>
<li><a href='#'>Klasemen</a></li>
<li><a href='#'>Reviwe</a></li>
       </ul>
<span id='search-icon'><i class='fa fa-search'/></span>
    </nav>

Keterangan:

Ganti tanda (#) dengan Url

BREAKING NEWS

<span data-type="recent" data-no="5"></span>

Keterangan:

Masukkan Script diatas untuk menampilkan Breaking News dan untuk angka 5 adalah jumlah postingan yang akan ditampilkan, silahkan sesuaikan

SLIDER CAROUSEL

<div id="carousel" data-label="Motogp"></div>

Keterangan:
Ganti label () tersebut dengan label yang diinginkan

SIDEBAR RECENT POST 1

<<div class='recent-boxes' id='recent-boxes'>
<span data-type="recen" data-label="Moto3"></span>
</div>

Keterangan:
Masukkan script diatas pada widget, dan untuk label (Moto3) silahkan ganti dengan label yang diinginkan.

Tentukan jumlah label didalam script dibawah ini, dan ganti angka (9) didalamnya sesuai keinginan

$(".recent-boxes").each(function () {
	var e = $(this).find("span").attr("data-label"),
	t = ($(this).find("span").attr("data-no"), $(this).prev("h2").text()),
	a = $(this).parent().attr("id"),
	s = $(this).find("span").attr("data-type");
	s.match("recen") && $.ajax({
		url: "/feeds/posts/default/-/" + e + "?alt=json-in-script&max-results=9",
		type: "get",
		dataType: "jsonp",
		success: function (s) {
			for (var r = "", n = "<ul>", i = 0; i < s.feed.entry.length; i++) {
				for (var l = 0; l < s.feed.entry[i].link.length; l++) if ("alternate" == s.feed.entry[i].link[l].rel) {
					r = s.feed.entry[i].link[l].href;
					break
				}
				var o = s.feed.entry[i].title.$t,
				c = s.feed.entry[i].category[0].term,
				d = (s.feed.entry[i].author[0].name.$t, s.feed.entry[i].published.$t),
				m = d.substring(0, 4),
				g = d.substring(5, 7),
				p = d.substring(8, 10),
				h = month_format[parseInt(g, 10)] + "/ " + p + "/ " + m,
				f = s.feed.entry[i].content.$t,
				u = $("<div>").html(f);
				if ("content" in s.feed.entry[i]) var v = s.feed.entry[i].content.$t;
				else if ("summary" in b_rc) var v = s.feed.entry[i].summary.$t;
				else var v = "";
				var y = /<\S[^>]*>/g;
				if (v = v.replace(y, ""), v.length > 200 && (v = "" + v.substring(0, 200) + "..."), f.indexOf("//www.youtube.com/embed/") > -1) var b = s.feed.entry[i].media$thumbnail.url,
				x = b;
				else if (f.indexOf("<img") > -1) var w = u.find("img:first").attr("src"),
					x = w;
				else var x = no_image;
				n += 0 == i ? '<div class="bx-first"><div class="bx-item"><div class="box-thumbnail"><a class="bf-thumb" href="' + r + '" style="background:url(' + x + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a></div><div class="first-tag"><a class="icon ' + c + '" href="/search/label/' + c + '">' + c + '</a></div><div class="bf-content"><h3 class="recent-title"><a href="' + r + '">' + o + '</a><span class="recent-date">' + h + '</span></h3><p class="recent-summary">' + v + "</p></div></div></div>": '<li><div class="box-thumbnail"><a class="box-image" href="' + r + '" style="background:url(' + x + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a></div><div class="recent-content"><h3 class="recent-title"><a href="' + r + '">' + o + '</a><span class="recent-date">' + h + '</span></h3></div><div class="clear"/></li>'
			}
			n += "</ul>",
			$(".recent-boxes").each(function () {
				var s = $(this).parent().attr("id");
				s == a && ($(this).html(n), $(this).parent().addClass("recen"), $(this).parent().addClass("boxes"),$(this).find(".box-image,.bf-thumb").each(function () {
					$(this).attr("style", function (e, t) {
						return t.replace("/default.jpg", "/mqdefault.jpg")
					}).attr("style", function (e, t) {
						return t.replace("s72-c", "s1600")
					})
				}))
			})
		}
	})
});

SIDEBAR RECENT POST 2

<div class='recent-boxes1' id='recent-boxes1'>
<span data-type="recen-1" data-label="Moto2"></span>
</div>

Keterangan:
Masukkan script diatas pada widget, dan untuk label (Moto2) silahkan ganti dengan label yang diinginkan.

Tentukan jumlah label didalam script dibawah ini, dan ganti angka (9) didalamnya sesuai keinginan

$(".recent-boxes1").each(function () {
	var e = $(this).find("span").attr("data-label"),
	t = ($(this).find("span").attr("data-no"), $(this).prev("h2").text()),
	a = $(this).parent().attr("id"),
	s = $(this).find("span").attr("data-type");
	s.match("recen-1") && $.ajax({
		url: "/feeds/posts/default/-/" + e + "?alt=json-in-script&max-results=9",
		type: "get",
		dataType: "jsonp",
		success: function (s) {
			for (var r = "", n = "<ul>", i = 0; i < s.feed.entry.length; i++) {
				for (var l = 0; l < s.feed.entry[i].link.length; l++) if ("alternate" == s.feed.entry[i].link[l].rel) {
					r = s.feed.entry[i].link[l].href;
					break
				}
				var o = s.feed.entry[i].title.$t,
				c = s.feed.entry[i].category[0].term,
				d = (s.feed.entry[i].author[0].name.$t, s.feed.entry[i].published.$t),
				m = d.substring(0, 4),
				g = d.substring(5, 7),
				p = d.substring(8, 10),
				h = month_format[parseInt(g, 10)] + "/ " + p + "/ " + m,
				f = s.feed.entry[i].content.$t,
				u = $("<div>").html(f);
				if ("content" in s.feed.entry[i]) var v = s.feed.entry[i].content.$t;
				else if ("summary" in b_rc) var v = s.feed.entry[i].summary.$t;
				else var v = "";
				var y = /<\S[^>]*>/g;
				if (v = v.replace(y, ""), v.length > 200 && (v = "" + v.substring(0, 200) + "..."), f.indexOf("//www.youtube.com/embed/") > -1) var b = s.feed.entry[i].media$thumbnail.url,
				x = b;
				else if (f.indexOf("<img") > -1) var w = u.find("img:first").attr("src"),
					x = w;
				else var x = no_image;
				n += 0 == i ? '<div class="bx-first"><div class="bx-item"><div class="box-thumbnail"><a class="bf-thumb" href="' + r + '" style="background:url(' + x + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a></div><div class="first-tag"><a class="icon ' + c + '" href="/search/label/' + c + '">' + c + '</a></div><div class="bf-content"><h3 class="recent-title"><a href="' + r + '">' + o + '</a><span class="recent-date">' + h + '</span></h3><p class="recent-summary">' + v + "</p></div></div></div>": '<li><div class="box-thumbnail"><a class="box-image" href="' + r + '" style="background:url(' + x + ') no-repeat center center;background-size: cover"><span class="img-overlay"/></a></div><div class="recent-content"><h3 class="recent-title"><a href="' + r + '">' + o + '</a><span class="recent-date">' + h + '</span></h3></div><div class="clear"/></li>'
			}
			n += "</ul>",
			$(".recent-boxes1").each(function () {
				var s = $(this).parent().attr("id");
				s == a && ($(this).html(n), $(this).parent().addClass("recen-1"), $(this).parent().addClass("boxes"),$(this).find(".box-image,.bf-thumb").each(function () {
					$(this).attr("style", function (e, t) {
						return t.replace("/default.jpg", "/mqdefault.jpg")
					}).attr("style", function (e, t) {
						return t.replace("s72-c", "s1600")
					})
				}))
			})
		}
	})
});

COMMENT DISQUS

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
        <script type='text/javascript'>
                var disqus_shortname = &quot;azzam-1&quot;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
    </script>  </div>
</b:includable>

Keterangan:
Ganti shortname disqus (azzam-1) dengan shortname disqus anda