[ Disqus ] Recent Comment Hack - Bahasa Indonesia

by. SiTamvan.com

by Rian .N Herdian

HTML

<script type="text/javascript" src="https://sitamvan.disqus.com/recent_comments_widget.js?num_items=100&amp;hide_avatars=0&amp;hide_mods=0&amp;avatar_size=40&amp;excerpt_length=140"></script>

CSS

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
ul.dsq-widget-list {
  font-family:helvetica, sans-serif;
  font-size:16px;
}
ul.dsq-widget-list a {
  text-decoration:none;
  color:#2e9fff;
}
ul.dsq-widget-list * {
	word-wrap: break-word!important;
}

ul.dsq-widget-list a,
ul.dsq-widget-list pre {
	word-wrap: break-word!important;
	white-space: pre-wrap!important;
}

ul.dsq-widget-list {
	display: block;
	width: 100%;
}

ul.dsq-widget-list:after {
	content: '';
	display: block;
	clear: both;
}

li.dsq-widget-item {
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px;
	margin: 0!important;
	transition: all .3s linear
}

li.dsq-widget-item:hover {
	background: rgba(0, 0, 0, .03)
}

li.dsq-widget-item:last-child {
	border-bottom: 0
}

img.dsq-widget-avatar {
	float: none!important;
	display: inline-block!important;
	width: 50px!important;
	height: 50px!important;
	padding: 0!important;
	border-radius: 50px!important;
	margin-right: 10px!important;
	vertical-align: middle!important;
	transition: .2s;
}

li.dsq-widget-item:hover img.dsq-widget-avatar {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
}

.dsq-widget-user {
	font-size: 120%!important;
	margin: 10px 0;
	padding-left: 5px;
	font-weight: 500!important;
}

.dsq-widget-comment {
	display: block;
	clear: both;
	margin: 20px 0 15px;
	padding-left: 15px;
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.dsq-widget-comment p a {
	text-decoration: underline;
}

.dsq-widget-meta a {
	font-size: 80%!important
}

.dsq-widget-meta a:first-child {
	display: block;
	margin-bottom: 5px;
	font-size: 90%!important;
	word-wrap: break-all!important;
	color: rgba(0, 0, 0, .6);
}

.dsq-widget-meta a:first-child:hover {
	text-decoration: underline;
}

.dsq-widget-meta a:first-child:before {
	content: "•";
	display: inline-block;
	padding-right: 8px;
	font-size: 140%;
	vertical-align: middle;
	color: #2e9fff;
}

.dsq-widget-meta a:last-child {
	margin-top: 5px;
	display: block;
}

JavaScript

$('.dsq-widget-item').each(function() {
    $(this).find('a:first').attr('target', '_blank');
});
$('.dsq-widget-meta a, a.dsq-widget-user').each(function() {
    $(this).attr('target', '_blank');
});
$('.dsq-widget-meta').each(function() {
    var commenturl = $(this).find('a:first').attr('href');
    var urlHash = $(this).find('a:last').attr('href');
    var hash = urlHash.substring(urlHash.indexOf('#'));
    $(this).find('a').attr('href', commenturl + hash);
    $(this).parents('li.dsq-widget-item').find('a.dsq-widget-user').attr('href', commenturl + hash);
});
$('.dsq-widget-meta a').each(function() {
    var ago = $(this).last().text()
    .replace('ago', 'yang lalu..')
    .replace('minutes', 'Menit')
    .replace('minute', 'Menit')
    .replace('hours', 'Jam')
    .replace('hour', 'Jam')
    .replace('days', 'Hari')
    .replace('day', 'Hari')
    .replace('weeks', 'Minggu')
    .replace('week', 'Minggu')
    .replace('months', 'Bulan')
    .replace('month', 'Bulan')
    .replace('years', 'Tahun')
    .replace('year', 'Tahun');
    $(this).last().text(ago);
});