FITUR:
1.Template Keren
2.Fast loading
3.dan lainnya
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/AVvXsEjaaNcqH6XK8u5-hadHpb-_IX-F5WePEe8x3WFlNVQQs2tlK-wGc1dvMJCMZfjlrefo3VTcqLzEpnGyyL_hJxUytuJySBcoYwgtle3ZuyX-XLiIZqp6CFGFYZl_6x3W1xnEU61QocBN8yQ/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.
DEMO: KLIK DISNI
DOWNLOAD:KLIK DISNI
6 komentar
Click here for komentargan.. ini sudah complete belum,, sebelumnya terimakasih gan
ReplyUdah gan cek aja di "http://omcuyu.blogspot.co.id/2016/06/download-template-wardhanime-versi.html" tanpa tanda petik gan, ngomong2 terima kasih gan udah berkunjung ke blog kecil ane... :-bd
ReplyThnks Gan Sekarang ANe Udah Berhasih Terima Kasih Gan
Replyiklan di dalem postingan gk bisa di ganti iklan sendiri ya gan
ReplyMin tolong tutorial untuk mengatasi bug conten-wrap dipermudah, saya bingung ngeditnya gagal mulu..... (baru belajar script)
ReplyIzin Sedot Gan
ReplyConversionConversion EmoticonEmoticon