Untuk FORMAT Widget
- Untuk widget REKOMENDASI ANIME bisa diliat disini: DISINI
- Untuk widget FEATURED ANIME bisa diliat disini: DISINI
- Untuk Pengaturan lainnya silakan anda bertanya.
Pengaturan Featured Anime Tanpa Judul
<style>
.rdpost {
margin-bottom: 10px;
padding: 0px;
list-style: outside none none;
display: block;
}
.rdpost li {
float: left;
margin: 4px;
position: relative;
border: 1px solid #E0E0E0;
border-radius: 3px;
}
.rdpost li .rdthumbs {
display: block;
line-height: 0;
}
.rdtitle a {
position: absolute;
bottom: 0px;
color: #FFF;
display: inline-block;
padding: 4px 4px 3px;
width: 111px;
font-size: 11px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 10;
}
.rdtitle::after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 1px;
width: 99%;
height: 18px;
}
.rdsnippet {
display: none;
}
</style>
<script type="text/javascript">
var rdnumposts=6;
var rdsnippet_length=150;
var rdcomment='Comments';
var rddisable='Comments Disabled';
var rdinfo='no';
var rdcurpost=[];
var rdtotal_posts=0;
var rdcurpost=new Array(rdnumposts);function totalposts(json){rdtotal_posts=json.feed.openSearch$totalResults.$t}document.write('<scr'+'ipt type="text/javascript" src="/feeds/posts/default/-/Anime?alt=json-in-script&max-results=0&callback=totalposts"></scr'+'ipt>');function getvalue(){for(var i=0;i<rdnumposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdcurpost.length;j++){if(rdcurpost[j]==rndValue){found=true;break}};if(found){i--}else{rdcurpost[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdtotal_posts-1));return ranNum};
document.write('<ul class="rdpost">');
</script>
<script type="text/javascript">
function random_posts(json){for(var i=0;i<rdnumposts;i++){var entry=json.feed.entry[i];var rdposttitle=entry.title.$t;if('content'in entry){var rdget_snippet=entry.content.$t}else{if('summary'in entry){var rdget_snippet=entry.summary.$t}else{var rdget_snippet=entry.title.$t;}};rdget_snippet=rdget_snippet.replace(/<[^>]*>/g,"");if(rdget_snippet.length<rdsnippet_length){var rdsnippet=rdget_snippet}else{rdget_snippet=rdget_snippet.substring(0,rdsnippet_length);var space=rdget_snippet.lastIndexOf(" ");rdsnippet=rdget_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdcommentsNum=entry.thr$total.$t+' '+rdcomment}else{rdcommentsNum=rddisable};if(entry.link[j].rel=='alternate'){var rdposturl=entry.link[j].href;var rdpostdate=entry.published.$t;if('media$thumbnail'in entry){var rdthumb=entry.media$thumbnail.url}else{rdthumb="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwlsqEkAlkJHStHDBiZixOV6427-WB36AXWHyEivmabI01RioKUD6H0uPtH29JOgO1EUirclkkIDozBR5SyUPB5znktevzUlOZKK50hJiVH1F15drjqmmi12sliGnaCeCjZbJkXcsGTU/s72/noimage.png"}}};var monthNames=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var mname=rdpostdate.substring(5,7);E=monthNames[parseInt(mname,10)-1];document.write('<li>');document.write('<a class="rdthumbs" href="'+rdposturl+'" title="'+rdposttitle+'"><img class="rdthumb" title="'+rdposttitle+'" alt="'+rdposttitle+'" src="'+rdthumb+'"/></a>');if(rdinfo=='yes'){document.write('<span class="date">'+rdpostdate.substring(8,10)+' '+E+' '+rdpostdate.substring(0,4)+' | '+rdcommentsNum+'</span>')}document.write('<p class="rdsnippet">'+rdsnippet+'</p></li>')}};getvalue();for(var i=0;i<rdnumposts;i++){document.write('<scr'+'ipt type=\"text/javascript\" src=\"/feeds/posts/default/-/Anime?alt=json-in-script&start-index='+rdcurpost[i]+'&max-results=1&callback=random_posts\"></scr'+'ipt>')};document.write('<span class="clear"/></ul>');</script>
<script type='text/javascript'>
function resizeThumb(el, from, to) {
$(el).each(function() {
$(this).attr({
'src': $(this).attr('src').replace('/s'+from+'/', '/'+to+'/')
});
});
}
$(function() {
resizeThumb('.rdthumb', '72-c', 'w110-h155-c');
});
</script>
Update BUG
Untuk kamu yang mengalami Error di content-wrapcoba cari <div id="outer-wrapper">
<div id="content-wrap">
Rubah HTML itu. contoh:
<div id="outer-wrapper">
<div id="content-wrap">
</div> HTML LAINNYA
</div>
Jadi seperti ini:
<div id="outer-wrapper">
<div id="content-wrap">
HTML LAINNYA
</div>
</div>
Catatan: HTML LAINNYA itu seperti:
<div class="iklanpusat">
<div class="main-wrap">
dan yang lainnya.
Jadi intinya si content-wrap tidak membungkus bagian dalamnya. Lihat posisi </div> dari contoh diatas yang disamping HTML LAINNYA. Seharusnya itu diletakkan setelah bukan sebelum HTML LAINNYA.
TAMBAHAN: Untuk desain responsive dan mobile-friendly nanti menyusul, insyaallah secepatnya saya kerjakan.